전체 백엔드 관리 시스템, 생사서 쿼리 및 내보내기, 목어 두드리기 기능을 포함한 완벽한 지하 관리 시스템 세트 백엔드 기술 스택은 node+mysql+express
사용합니다. node+mysql+express
및 프런트 엔드 기술 스택은 다중 사용자 다중 권한 시스템인 Vue+elementUI
사용합니다.
미리보기 주소: http://df.earthonline.club/home
계정 관리자, 비밀번호 123456, 계정 비밀번호를 변경하지 마세요.
다양한 실제 요인으로 인해 발생하는 문제를 피하기 위해 이 지하 관리 시스템의 운영 프로세스는 실제(널리 유포된 성명) 프로세스가 아닙니다. 예를 들어 전설적인 Wangxiang Terrace와 Sansheng Stone은 반영되지 않았으며 오직 전반적인 과정과 주제.
--미리보기 주소 추가
--관리자 권한이 NaN 오류로 재설정되는 상황을 수정했습니다.
--자동을 켠 후 Knockout Fish 페이지에서 바로 오류가 반환되는 문제를 수정했습니다.
-- 테스트 데이터 api/test.sql
추가
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
전반적인 기능은 다음과 같습니다: 데이터 통계 미리보기, 생사 관리, 영혼 유혹자, 영혼 유혹 관리, 지옥궁 재판, 재판 기록, 18지옥, 장비 관리, 육도 환생, 장비 관리, 송금, 송금 관리 , 역할 설정, 권한 관리, 관리자 관리 및 시스템 설정
기능적 흐름 생사록의 데이터를 추가하면 이 사람의 이름, 생년월일, 사망 및 주소, 음양 덕, 삶에 담긴 부, 사망 유형, 사망 원인, 이 사람의 설명 등 다양한 데이터가 포함됩니다. 생애, 속성 설명, 결혼 상태, 사망 사망일 이후 유혹을 기다리는 사람들의 목록에 상황 등 완전한 데이터가 추가되어 유혹자가 붙잡혀 집으로 데려오기를 기다리고 있으며, 그 후 심문관에게 넘겨져 생애의 상벌에 따라 환생하여 18세의 형벌을 받고 목붕어를 두드리게 된다. 메리트를 높이기 위해
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
실행 순서: api->user->admin
afterlifedb
를 새로 생성한 후 api/afterlifedb.sql
에서 SQL을 가져오거나 실행하면 데이터베이스 가져오기가 완료됩니다.
api/link/config.js
열고 데이터베이스 링크 정보를 입력하세요.
let config = {
host : 'localhost' , // 数据库地址,默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名,不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}
api
디렉터리로 돌아가서 여기에서 명령 창을 열고 종속성을 설치합니다.
npm i
프로젝트 시작
node index.js
Service started successfully, running on http://localhost:3000
메시지가 표시되면 프로젝트가 성공적으로 시작되었음을 의미합니다. http://127.0.0.1:3000/api/user/gettempauth
에 요청(액세스)해 보세요. 승인 성공 메시지가 반환될 수 있습니다. 아니요인 경우 데이터베이스 가져오기를 확인하세요.
user/src/main.js
파일을 엽니다. 여기에 입력할 주소가 3개 있습니다.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
로컬로 실행 중인 경우 포트가 올바른지 확인한 후 현재 백그라운드 관리 시스템이 설정되지 않은 경우 포트 8081이 사용되지 않으면 백그라운드 관리 시스템의 주소는 http://localhost:8081
입니다. http://localhost:8081
포트가 사용 중이면 http://localhost:8082
포트에서 실행하여 특정 포트가 사용 중인지 확인합니다. 반환된 내용이 비어 있으면 의미합니다. 그것은 점유되지 않습니다.
netstat -ano|findstr "8081"
api
디렉터리로 돌아가서 여기에서 명령 창을 열고 종속성을 설치합니다.
npm i
프로젝트를 시작합니다. 로컬 미리보기인 경우 다음 명령을 실행하여 실행한 후 App running at:
npm run serve
패키징하고 게시해야 하는 경우 다음 프로세스에 따라 완료하세요. 그렇지 않으면 이 내용을 3. 패키징 구축을 위한 관리 배경으로 직접 건너뛰세요.
npm run build
생성된 파일은 userdist
폴더에 있으며 이 폴더에는 패키지된 콘텐츠가 포함되어 있습니다.
패키지된 콘텐츠를 로컬에서 실행할 수 있도록 설정
(1) 표현에 따라 기본 구조를 만듭니다.
mkdir myapp
cd myapp
npm init
package.json이 생성됩니다
(2) 익스프레스 설치
npm install express --save
node_modules가 생성됩니다
(3) 같은 디렉토리에 index.js
파일과 www 폴더를 생성하고 index.js
로 작성합니다.
const express = require ( 'express' )
const app = express ( )
app . get ( '/' , ( req , res ) => res . send ( 'Hello World!' ) )
app . use ( express . static ( './www' ) )
app . listen ( 3010 , ( ) => console . log ( 'Example app listening on port 3010!' ) )
(4) npm run build
후 www
폴더 아래에 패키지된 파일 디렉터리를 넣습니다. 예를 들어, 패키지된 파일 디렉터리는 dist에 있습니다. 페이지 폴더는 모두 문서입니다.
(5) 패키징한 페이지에 액세스하기 위해 localhost:3010/index.html
에 액세스하는 경로를 추가합니다.
다른 컴퓨터도 액세스해야 하는 경우 localhost를 로컬 IP 주소로 바꾸면 문제가 없습니다.
admin/src/main.js
파일을 엽니다. 여기에 입력할 주소가 3개 있습니다.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
로컬로 실행 중인 경우 포트가 올바른지 확인한 후 기본값을 사용하십시오.
admin
디렉터리로 돌아가서 여기에서 명령 창을 열고 종속성을 설치합니다.
npm i
프로젝트를 시작합니다. 로컬 미리보기인 경우 다음 명령을 실행하여 직접 실행한 후 App running at:
npm run serve
패키징 및 퍼블리싱이 필요한 경우 위의 패키징 및 실행 과정을 참고하시기 바랍니다.
백엔드 관리 최고 관리자의 기본 계정 비밀번호는 admin, 123456 입니다.
이 시점에서 프로젝트 건설이 완료됩니다.