springboot + xterm.js + vue + websocket实现终端功能(y-shell)文件管理器实现

一、文件管理器功能描述

这一章节讲一下文件管理器的实现与设计细节。

首先,文件管理器需要提供以下几个主要的功能,开发过程中使用vue渲染前端页面以及交互过程中还是遇到了不少问题,比如说右键菜单,表单校验。

1、文件夹的新增,编辑,删除。

2、ssh配置的新增,编辑,删除。

3、右键菜单

如图:

文件夹管理

springboot + xterm.js + vue + websocket实现终端功能(y-shell)文件管理器实现_第1张图片

ssh连接管理

springboot + xterm.js + vue + websocket实现终端功能(y-shell)文件管理器实现_第2张图片

快速运行

docker run -itd --name y-shell -

你可能感兴趣的:(JS,Vue,React,前端踩坑实战教程,树形菜单,右键菜单,VUE)