网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章

项目地址:

演示地址点击跳转
网页版Xshell开源地址
教程地址

项目介绍

该平台类似于网页版的Xshell,基于cookie和json的方式存储登录信息无数据库更方便兼容每个用户的使用,支持SFTP和FTP两种登录方式,打破原有黑端显示命令行和文件名的方式,以div的方式展示文件图,支持命令输入,报错输出 目前代码已开源,,代码规范支持开闭原则,你可以添加新的连接方式如 SSH LOCAL 等 目前代码中有ssh代码连接示例,你可以在它原有的基础上做改善
  1. 首先我们可以看到首页
    网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  2. 点击配置列表,配置登录信息
    网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  3. 点击添加网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  4. 填写登录信息网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  5. 列表中我们可以点击登录网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  6. 登录后网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  7. 双击进入可进入文件夹,单击可预览文件网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  8. 当我们右击文件可显示菜单项,文件夹不支持右击,只支持文件右击,菜单操作见名之意网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  9. 我们可以点击查看命令网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
    网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  10. 创建一个文件夹玩一下网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  11. 回车网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  12. 删除()网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
    网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  13. 注意:rmrf命令是安全命令,他不会像是rm -rf,如果当前文件下面有文件,则会删除失败,如图下,报异常后,会提示异常网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  14. 清除网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
    网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  15. cd 命令 网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  16. 也可以这样网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  17. 但是cd 命令不支持 …/ 返回上一层,所以为了弥补这缺陷,增加一个按钮添加命令,把当前路径添加为可点击的按钮网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  18. 回车后,下次我们可以直接点击这个按钮直接跳入到当前路径,默认显示在首页的导航栏,我们可以 add btnPath -b 这样就显示在按钮层了网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  19. 显示按钮层网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  20. 没有变化?网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  21. 不!我们可以点击按钮管理,它将会显示在这网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  22. 如图,你可以删除,或者直接进入网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  23. 点击路径标签可以输入,该功能类似于cd 但是它需要你输入全路径名称网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  24. 点击后,我们可以输入路径,按下回车即可网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  25. 回到首页,我们可以看见我们有两个按钮,导出json,和导入json,它可以把当前的数据进行导出或者导入网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章
  26. 我们可以看见在头部有一个滑块按钮,这个其实就是存储方式,默认当前的登录数据和你保存按钮的数据会保存在你的cookie中,点击切换后,会读取你桌面的路径创建一个文件夹,把登录数据和按钮数据保存在这个文件夹中,下次直接来读取就好了,当然这带一点入侵性,但是为了保证减少cookie的压力而设计,此系统刚刚开始设计的时候并没有考虑使用数据库去保存用户的数据,为了是隐私性安全性和便捷性,当然项目部分功能还没有演示到,你可以慢慢探索研究

后言

感谢你观看此次文章,浪费你宝贵的时间,此项目以交流学习为目的,如果觉得当前项目比较有创新比较有意思的话或者有什么建议或者意见,可在评论区直接评论即可
上一篇:SAP Message no. SUID01041 用户 XXXX 的密码已更改,但未设置为生产密码


下一篇:转:Can't connect to MySQL server on 'XXXX' (10055) 解决方案