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

2022/1/31 7:05:07

本文主要是介绍网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

项目地址:

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

项目介绍

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

后言

感谢你观看此次文章,浪费你宝贵的时间,此项目以交流学习为目的,如果觉得当前项目比较有创新比较有意思的话或者有什么建议或者意见,可在评论区直接评论即可

这篇关于网页版 Xshell 支持FTP连接和SFTP连接 【详细教程】接上篇文章的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程