使用Express和Vue3构建网页后台管理源码的实战教程

发表时间: 2023-04-15 17:46

大家好啊,我是测评君,欢迎来到web测评。

前几期给大家分享了Chanzhaoyu大佬写的chatgpt-web网页版源码,这一期来给大家分享另一个大佬在这个开源项目的基础上,使用golang二次开发了一个后台管理端,但是目前这个项目属于半开源状态,只提供了编译后的文件作为体验版,感兴趣的朋友可以下载搭建体验一下。

注:服务器要想正常的回复对话,如果是国内的服务器,还需要自行在服务器里安装一个魔法梯子,如果是海外的服务器,则没有这个限制,

技术架构

  • golang + node16 + vite + vue3 + express
  • cnetos7以上 + 宝塔面板

文字搭建教程

  1. 把service目录上传到宝塔www/wwwroot目录下面,放通3000端口,新建一个数据库,导入数据库,修改.env里的配置
  2. 进入到service目录,执行nohup ./linux.bin &
  3. 测试后端api有没有正常启动,执行curl http://127.0.0.1:3000 ,如果出现 {"Hello":"Gochat 后端服务启动成功"} 说明后端服务启动成功
  4. 宝塔新建两个纯静态静态站点,分别将admin与chatgpt对应上传。
  5. admin端点击配置文件,添加以下代码:
location /backend/{    proxy_pass http://127.0.0.1:3000/backend/;}
  1. admin端点击伪静态,添加以下代码:
  location / {    index index.html index.htm;    try_files $uri $uri/ /index.html;}
  1. chatgpt端点击配置文件,添加以下代码:
 location /api/{    proxy_pass http://127.0.0.1:3000;}

8、访问 admin端的域名 即可访问管理后台,默认后台账号密码详见搭建教程。

系统介绍

这是带有后台管理端的chatgpt半开源项目,后端使用了golang开发,有以下功能

  1. 登录注册,管理后台可以设置首次登录赠送免费提问次数
  2. key轮询池
  3. 卡券套餐管理
  4. 对话管理
  5. 敏感词管理
  6. 自定义回复管理
  7. 提示词prompt管理
  8. 卡密套餐管理、卡密生成和核销

系统实测截图

视频教程

ChatGPT实战搭建Express与Vue3网页版带后台管理源码