Un conjunto completo de sistemas de gestión del inframundo, que incluye todo el sistema de gestión de back-end, consulta y exportación del libro de la vida y la muerte y la función de golpear peces de madera para agregar mérito. El back-end utiliza node+mysql+express
La pila de tecnología node+mysql+express
y la pila de tecnología front-end utilizan Vue+elementUI
, un sistema multiusuario y de múltiples autoridades.
Dirección de vista previa: http://df.earthonline.club/home
administrador de cuenta, contraseña 123456, no cambie la contraseña de la cuenta
Para evitar problemas causados por diversos factores prácticos, el proceso operativo de este sistema de gestión del inframundo no es el proceso real (declaración de amplia circulación). Por ejemplo, la legendaria Terraza Wangxiang y la Piedra Sansheng no se han reflejado, solo se hace referencia a ellas. el proceso general y el tema.
--Agregar dirección de vista previa
--Se solucionó la situación en la que los permisos de administrador se restablecían al error NaN.
--Se solucionó el problema por el cual la página Knockout Fish devolvía directamente un error después de activar automáticamente
-- Agregar datos de prueba, api/test.sql
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
Las funciones generales incluyen: vista previa de estadísticas de datos, gestión del libro de vida y muerte, seductor de almas, gestión de seducción de almas, prueba del Palacio del Infierno, registro de prueba, dieciocho niveles del infierno, gestión de equipos, seis caminos de reencarnación, gestión de equipos, remesas, gestión de remesas , configuración de roles, gestión de autoridad, gestión de administrador y configuración del sistema
Flujo funcional Agregar los datos del libro de vida y muerte contendrá varios datos de esta persona, incluido el nombre, fecha de nacimiento, muerte y dirección, virtudes yin y yang, riqueza contenida en la vida, tipo de muerte, causa de muerte, descripción de esta persona. vida, descripción de atributos, estado civil y muerte Se agregarán datos completos, como circunstancias, etc., a la lista de personas que esperan ser seducidas después de la fecha de muerte, esperando que el seductor capture el alma y luego sea entregada. Al inquisidor para ser juzgado según las recompensas y castigos de su vida, los resultados incluyen volver a entrar en la reencarnación y ser sentenciado a dieciocho años en el mundo y golpear peces de madera para aumentar los méritos.
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
Orden de ejecución: api->usuario->admin
Cree una nueva base de datos afterlifedb
y luego importe o ejecute SQL en api/afterlifedb.sql
. Una vez que la ejecución sea exitosa, se completará la importación de la base de datos.
Abra api/link/config.js
y complete la información del enlace de la base de datos
let config = {
host : 'localhost' , // 数据库地址,默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名,不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}
Regrese al directorio api
, abra la ventana de comandos aquí e instale las dependencias
npm i
iniciar un proyecto
node index.js
Cuando vea que Service started successfully, running on http://localhost:3000
, significa que el proyecto se inició correctamente. Intente solicitar (acceder) http://127.0.0.1:3000/api/user/gettempauth
para ver si. Se puede devolver un mensaje de autorización exitosa. Si no, verifique la importación de la base de datos.
Abra el archivo user/src/main.js
. Aquí hay tres direcciones para completar.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
Si se está ejecutando localmente, simplemente verifique que el puerto sea correcto y luego establezca el valor predeterminado. El sistema de administración en segundo plano no se ha configurado en este momento. Si el puerto 8081 no está ocupado, entonces la dirección del sistema de administración en segundo plano es http://localhost:8081
Si el puerto 8081 está ocupado, ejecute en el puerto http://localhost:8082
, y así sucesivamente para verificar si un determinado puerto está ocupado. Ejecute el siguiente comando en cmd. Si el contenido devuelto está vacío, significa que. no está ocupado.
netstat -ano|findstr "8081"
Regrese al directorio api
, abra la ventana de comandos aquí e instale las dependencias
npm i
Inicie el proyecto. Si es solo una vista previa local, ejecute el siguiente comando para ejecutarlo directamente. Después de ejecutarlo, acceda a la dirección de salida en App running at:
npm run serve
Si necesita empaquetar y publicar, siga el siguiente proceso para completarlo. De lo contrario, omita este contenido directamente a 3. Antecedentes de administración para crear paquetes.
npm run build
El archivo generado está en la carpeta userdist
y la carpeta contiene el contenido empaquetado.
Habilitar el contenido empaquetado para que se ejecute localmente
(1) Crear una estructura básica según express
mkdir myapp
cd myapp
npm init
Se creará el paquete.json.
(2) Instalar expreso
npm install express --save
se crearán node_modules
(3) Cree el archivo index.js
y la carpeta www en el mismo directorio y escriba en 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) Después de npm run build
, coloque el directorio de archivos empaquetados en la carpeta www
. Por ejemplo, el directorio de archivos empaquetados es dist. Hay carpetas index.html y de páginas en dist.
(5) Agregue una ruta para acceder a localhost:3010/index.html
para acceder a la página que empaquetó.
Si otras computadoras también necesitan acceder, reemplace localhost con la dirección IP local y todo estará bien.
Abra el archivo admin/src/main.js
. Hay tres direcciones para completar aquí.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
Si se está ejecutando localmente, verifique que el puerto sea correcto y luego predeterminalo.
Regrese al directorio admin
, abra una ventana de comando aquí e instale las dependencias
npm i
Inicie el proyecto. Si es solo una vista previa local, ejecute el siguiente comando para ejecutarlo directamente. Después de ejecutarlo, acceda a la dirección de salida en App running at:
npm run serve
Si necesita empaquetar y publicar, consulte el proceso de empaquetado y ejecución anterior.
La cuenta y contraseña predeterminadas del administrador superior en la gestión backend es admin, 123456
En este punto, se completa la construcción del proyecto.