DNF台服后台管理系统+配套登录器自带更新和公告功能源码

七夏

DNF台服后台管理系统+配套登录器自带更新和公告功能源码
目前已完成主页注册、充值、后台管理（账号管理、角色管理、制卡、查卡）









登录器截图


Project setup

1. npm install

复制代码

Compiles and hot-reloads for development

1. npm run serve

复制代码

Compiles and minifies for production

1. npm run build

复制代码

Lints and fixes files

1. npm run lint

复制代码

Customize configuration

1. https://cli.vuejs.org/config/

复制代码

部署步骤
推荐以docker方式部署到服务器中，且推荐此类方式。另外推荐一个基于官方openjdk修改的镜像，调整了时区，使其对应中国时区： guoshengkai/openjdk:8。 以下讲解在物理机中的部署方式。

1.服务器安装JDK8
2.数据库创建用户，要求具有dof数据库的增删改查权限，也可以直接使用game用户但不建议。
3.数据库d_taiwan库下创建login_notice表，用于存放登陆器公告

1.     create table login_notice
   
2.     (
   
3.         id      INT(10) auto_increment
   
4.             primary key,
   
5.         content TEXT(65535) null comment '通知内容'
   
6.     );
   
7. 
   
8.     INSERT INTO d_taiwan.login_notice (id, content) VALUES (1, 'MS4g5paw54mI55qE55m76ZmG5Zmo5byA5Y+R5a6M5q+V77yM546w5bey5pSv5oyB6Ieq5Yqo5pu05pawCjIuIOWFrOWFseWFheWAvOmhtemdouW3suW8gOaUvu+8jOi0reS5sOWFheWAvOWNoeWSjENES+iBlOezu+WQhOS7o+eQhgozLiDlhoXkvqfljbPlsIbliKDmoaPov47mnaXlhazmtYs=');

复制代码

4.数据库创建dnf_service库,用于存放后台管理系统相关业务,并导入以下SQL

1.     create table dnf_service.recharge_key
   
2.     (
   
3.         id          INT(10) auto_increment
   
4.             primary key,
   
5.         content     VARCHAR(50)  null comment '卡密本体',
   
6.         type        INT(10)      null comment '0 = 点券, 1 = 装备',
   
7.         face        INT(10)      null comment '点券数量或装备编号',
   
8.         face_name   VARCHAR(500) null,
   
9.         status      INT(10)      null comment '0=未使用，1=已使用',
   
10.         use_account VARCHAR(20)  null comment '使用账号',
    
11.         use_uid     INT(10)      null comment '使用账号ID',
    
12.         create_time DATETIME(19) null comment '创建时间',
    
13.         use_time    DATETIME(19) null comment '使用时间'
    
14.     );

复制代码

5.安装后台服务：https://github.com/onlyGuo/dnf-server-public.git
6.本地安装nodejs环境
7.cd到本项目根目录下编译源码

1. npm install
   
2. npm run build

复制代码

8.服务器创建站点，将本项目源码编译文件放到站点目录中，并配置反向代理防止本项目与后台交互产生跨域问题，以nginx为例。

1.     server{
   
2.         listen       9002;        # 页面访问端口
   
3.         listen  [::]:9002;        # 页面访问端口
   
4.         server_name  localhost;
   
5.         
   
6.         # 站点目录， “/home/html/dnf”改为你自己的目录
   
7.         location / {
   
8.             root   /home/html/dnf;
   
9.             try_files $uri $uri/ /index.html;
   
10.         }
    
11. 
    
12.         error_page   500 502 503 504  /50x.html;
    
13.         location = /50x.html {
    
14.             root   /usr/share/nginx/html;
    
15.         }
    
16. 
    
17.         # 后台服务代理，“http://172.18.0.3:9001;”改为你自己的服务路径和端口
    
18.         location ~/api/v1 {
    
19.             proxy_pass http://172.18.0.3:9001;
    
20.             proxy_set_header Host $host:$server_port;
    
21.         }
    
22.     }

复制代码

9.访问ip:9002即可。
10.补充一下，修改源码中的Home.vue改为自己的客户端下载地址，重新编译并上传。

游客，如果您要查看本帖隐藏内容请回复

SanS三石

这有点高大上的哇

七夏

SanS三石 发表于 2024-7-6 18:35
这有点高大上的哇

看上去感觉很厉害的样子

SanS三石

七夏 发表于 2024-7-6 18:38
看上去感觉很厉害的样子

感觉只能局域网玩一玩， 不然要被告的