演示:
源码:
1、前端 gfast-ui: gfast 前端UI
文档:
- 基于全新Go Frame 2.3+Vue3+Element Plus开发的全栈前后端分离的管理系统
- 前端采用vue-next-admin 、Vue、Element UI。
前端:
安装依赖
cnpm install
运行项目
cnpm run dev
打包发布
cnpm run build
配置文件
根目录下.env
# port 前端端口号
VITE_PORT = 8161
# open 运行 npm run dev 时自动打开浏览器
VITE_OPEN = false
# public path 配置线上环境路径(打包)、本地通过 http-server 访问时,请置空即可
VITE_PUBLIC_PATH = /vue-next-admin-preview/
根目录下.env.development
# 本地环境
ENV = 'development'
# 本地环境接口地址
VITE_API_URL = 'http://localhost:8160/'
根目录下.env.production
# 线上环境
ENV = 'production'
# public path 配置线上环境路径(打包)、本地通过 http-server 访问时,请置空即可
VITE_PUBLIC_PATH = '/sys/'
# 线上环境接口地址
VITE_API_URL = 'http://localhost:8160/'
把打包好的前端文件夹dist上传至:/www/xxxxxx/gfast-app/resource/public/
目录下,dist改名为sys
nginx配置
server {
listen 8161;
server_name xxx.com;
index index.html index.htm default.htm default.html;
access_log /xxx/log/gf-app-access.log;
error_log /xxx/log/gf-app-error.log;
location ^~ /sys {
access_log off;
expires 1d;
root /www/xxxxxx/gfast-app/sys;
try_files $uri @backend;
}
location / {
try_files $uri @backend;
}
location @backend {
proxy_pass http://127.0.0.1:8160;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header Cache-Control no-cache;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
client_max_body_size 800m;
}
}
后端:
安装依赖
go mod download 或 go mod tidy
项目数据库文件 resource/data/db.sql
创建数据库导入后修改配置 manifest/config/config.yaml.bak
复制改为manifest/config/config.yaml
打包
编译 linux
SET CGO_ENABLED=0
SET GOOS=linux
SET GOARCH=amd64
go build main.go
# 如需要把可执行文件打包为名称是gfast-app的文件
go build -o gfast-app ./main.go
将配置文件、资源文件、执行文件、模板文件一同上传至服务器。
启动后端服务
nohup /www/xxxxxx/gfast-app/gfast-app &
展示效果: