☰
Django+vue3实现的webssh
2026/9/25 2:36:08 网站建设 项目流程

实现功能:

  • 添加主机设备
  • 删除主机设备
  • 条件筛选设备
  • 更新主机设备
  • 进入webssh界面

效果展示

后端运行:

1.创建虚拟环境

python -m venv venv

2.激活虚拟环境

cd /venv/Script ./activate

3.安装依赖包

pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple

4.数据库配置和迁移

其实这个模块我拆出来之后,使用的是sqlite3数据库,按理来说,你如果直接下载我的项目的话,项目里面有db.sqlite3这个文件的话就可以忽略这一步 但是———————————————————— 如果你想自己配置mysql的话,就需要自己修改backend下setting.py文件,将database修改为自己的mysql数据库配置 然后进行数据迁移 python manage.py makemigrations python manage.py migrate

5.运行

python manage.py runserver 8080

6.运行websocket

如果你要使用打开终端功能的话,这一步必须要打开 终端运行: daphne -p 8001 backend.asgi:application

前端运行:

0.将frontend中所有webssh_backend都替换为后端地址

1.安装依赖

npm install

2.运行

npm run dev

添加Docker部署

1.后端

进入backend目录,运行

# 打docker镜像 docker build -t webssh_backend . # 运行后端Docker docker run -d -p 8000:8000 -p 8001:8001 --name webssh_backend webssh_backend

2.前端

将frontend目录打开,全局搜索webssh_backend,替换成后端服务器的IP地址

然后再frontend目录下运行

docker build -t webssh_frontend . docker run -d -p 8080:80 --name webssh_frontend webssh_frontend

3.完成

上面两步做完之后就部署成功了

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询