Un ensemble complet de systèmes de gestion du monde souterrain, comprenant l'ensemble du système de gestion back-end, l'interrogation et l'exportation du livre de vie et de mort, et la fonction de frapper sur des poissons en bois pour ajouter du mérite. La pile technologique back-end utilise node+mysql+express
, et la pile technologique frontale utilise Vue+elementUI
, un système multi-utilisateurs multi-autorités.
Adresse d'aperçu : http://df.earthonline.club/home
administrateur du compte, mot de passe 123456, veuillez ne pas modifier le mot de passe du compte
Afin d'éviter les problèmes causés par divers facteurs pratiques, le processus de fonctionnement de ce système de gestion du monde souterrain n'est pas le processus réel (déclaration largement diffusée). Par exemple, la légendaire terrasse Wangxiang et la pierre Sansheng n'ont pas été reflétées, mais sont uniquement référencées dans. le processus et le thème global.
--Ajouter une adresse d'aperçu
--Correction de la situation où les autorisations de l'administrateur seraient réinitialisées sur une erreur NaN
--Correction du problème où la page Knockout Fish renvoie directement une erreur après l'activation automatique
-- Ajouter des données de test, api/test.sql
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
Les fonctions globales comprennent : aperçu des statistiques de données, livre de gestion de la vie et de la mort, séducteur d'âme, gestion de la séduction d'âme, procès du Palais de l'Enfer, dossier du procès, dix-huit niveaux de l'enfer, gestion de l'équipement, six voies de réincarnation, gestion de l'équipement, envoi de fonds, gestion des envois de fonds , définition des rôles, gestion des autorités, gestion des administrateurs et paramètres système
Flux fonctionnel L'ajout des données du livre de vie et de mort contiendra diverses données de cette personne, notamment le nom, la date de naissance, le décès et l'adresse, les vertus yin et yang, la richesse contenue dans la vie, le type de décès, la cause du décès, la description de cette personne. vie, description des attributs, statut matrimonial et décès Des données complètes telles que les circonstances, etc., seront ajoutées à la liste des personnes en attente d'être séduites après la date du décès, attendant que le séducteur soit capturé et amené dans la maison, et puis remis à l'inquisiteur pour procès. Selon les récompenses et les punitions de sa vie, les résultats incluent la réincarnation et la condamnation à dix-huit ans. Une couche d'enfer, dans le monde et frapper du poisson en bois. pour augmenter les mérites
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
Ordre d'exécution : api->user->admin
Créez une nouvelle base de données afterlifedb
, puis importez ou exécutez le SQL dans api/afterlifedb.sql
. Après une exécution réussie, l'importation de la base de données est terminée.
Ouvrez api/link/config.js
et remplissez les informations sur le lien de la base de données
let config = {
host : 'localhost' , // 数据库地址,默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名,不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}
Revenez au répertoire api
, ouvrez la fenêtre de commande ici et installez les dépendances
npm i
Démarrer un projet
node index.js
Lorsque vous voyez Service started successfully, running on http://localhost:3000
, cela signifie que le projet a démarré avec succès. Essayez de demander (d'accéder) http://127.0.0.1:3000/api/user/gettempauth
pour voir si le service a démarré avec succès. Un message de réussite de l'autorisation peut être renvoyé. Si non, veuillez vérifier l'importation de la base de données.
Ouvrez le fichier user/src/main.js
. Il y a trois adresses à renseigner ici.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
S'il s'exécute localement, vérifiez que le port est correct, puis définissez-le par défaut. Le système de gestion en arrière-plan n'a pas été configuré pour le moment. Si le port 8081 n'est pas occupé, l'adresse du système de gestion en arrière-plan est http://localhost:8081
. Si le port 8081 est occupé, alors exécutez sur le port http://localhost:8082
, et ainsi de suite pour vérifier si un certain port est occupé. Exécutez la commande suivante dans cmd. il n'est pas occupé.
netstat -ano|findstr "8081"
Revenez au répertoire api
, ouvrez la fenêtre de commande ici et installez les dépendances
npm i
Démarrez le projet. S'il ne s'agit que d'un aperçu local, exécutez la commande suivante pour l'exécuter directement. Après l'exécution, accédez à l'adresse de sortie dans App running at:
npm run serve
Si vous devez empaqueter et publier, suivez le processus suivant pour le terminer. Sinon, veuillez passer ce contenu directement à 3. Contexte de gestion pour créer l'empaquetage.
npm run build
Le fichier généré se trouve dans le dossier userdist
et le dossier contient le contenu packagé.
Activer l'exécution locale du contenu packagé
(1) Créer une structure de base selon express
mkdir myapp
cd myapp
npm init
package.json sera créé
(2) Installer express
npm install express --save
node_modules sera créé
(3) Créez le fichier index.js
et le dossier www dans le même répertoire et écrivez dans 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) Après npm run build
, placez le répertoire du fichier emballé dans le dossier www
. Par exemple, le répertoire du fichier emballé est dist. Il y a des dossiers index.html et page dans dist.
(5) Ajoutez une route pour accéder localhost:3010/index.html
pour accéder à la page que vous avez empaquetée.
Si d'autres ordinateurs doivent également y accéder, remplacez localhost par l'adresse IP locale et tout ira bien.
Ouvrez le fichier admin/src/main.js
. Il y a trois adresses à renseigner ici.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
S'il s'exécute localement, vérifiez que le port est correct, puis définissez-le par défaut.
Revenez au répertoire admin
, ouvrez une fenêtre de commande ici et installez les dépendances
npm i
Démarrez le projet. S'il ne s'agit que d'un aperçu local, exécutez la commande suivante pour l'exécuter directement. Après l'exécution, accédez à l'adresse de sortie dans App running at:
npm run serve
Si vous devez empaqueter et publier, veuillez vous référer au processus d'empaquetage et d'exécution ci-dessus.
Le mot de passe du compte par défaut de l'administrateur principal dans la gestion backend est admin, 123456
À ce stade, la construction du projet est terminée.