Ein vollständiger Satz von Unterweltverwaltungssystemen, einschließlich des gesamten Back-End-Verwaltungssystems, der Abfrage und des Exports des Buches über Leben und Tod sowie der Funktion, auf Holzfische zu klopfen, um Verdienste hinzuzufügen. Der Back-End-Technologiestapel verwendet node+mysql+express
und der Front-End-Technologie-Stack verwenden Vue+elementUI
, ein Multi-User-Multi-Authority-System.
Vorschauadresse: http://df.earthonline.club/home
Kontoadministrator, Passwort 123456, bitte ändern Sie das Kontopasswort nicht
Um Probleme zu vermeiden, die durch verschiedene praktische Faktoren verursacht werden, ist der Betriebsprozess dieses Unterwelt-Managementsystems nicht der reale (weit verbreitete) Prozess. Beispielsweise wurden die legendäre Wangxiang-Terrasse und der Sansheng-Stein nicht berücksichtigt, sondern nur in erwähnt der Gesamtprozess und das Thema.
--Vorschauadresse hinzufügen
– Die Situation, in der Administratorberechtigungen auf den NaN-Fehler zurückgesetzt wurden, wurde behoben
– Das Problem wurde behoben, bei dem die Seite „Knockout Fish“ direkt einen Fehler zurückgab, nachdem die automatische Aktivierung aktiviert wurde
- Testdaten hinzufügen, api/test.sql
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
Zu den Gesamtfunktionen gehören: Datenstatistikvorschau, Buch über Leben und Tod, Seelenverführer, Seelenverführungsmanagement, Höllenpalast-Prozess, Prozessaufzeichnung, achtzehn Ebenen der Hölle, Ausrüstungsverwaltung, sechs Wege der Reinkarnation, Ausrüstungsverwaltung, Überweisung, Überweisungsverwaltung , Rolleneinstellung, Berechtigungsverwaltung, Administratorverwaltung und Systemeinstellungen
Funktioneller Ablauf Durch das Hinzufügen der Daten des Lebens- und Sterbebuchs werden verschiedene Daten dieser Person enthalten, darunter Name, Geburtsdatum, Sterbedatum und Adresse, Yin- und Yang-Tugenden, im Leben enthaltener Reichtum, Art des Todes, Todesursache und Beschreibung dieser Person Leben, Attributbeschreibung, Heiratsstatus und Tod. Vollständige Daten wie Umstände usw. werden nach dem Sterbedatum zur Liste der Personen hinzugefügt, die darauf warten, verführt zu werden, und die darauf warten, dass der Verführer gefangen genommen und ins Haus gebracht wird, und Dann wurde er dem Inquisitor zur Verhandlung übergeben. Zu den Belohnungen und Strafen in seinem Leben gehörten die Wiedereinführung in die Reinkarnation und die Verurteilung zu achtzehn Jahren in der Hölle sowie das Klopfen auf Holzfische Verdienste steigern
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
Ausführungsreihenfolge: API->Benutzer->Administrator
Erstellen Sie eine neue Datenbank afterlifedb
und importieren oder führen Sie dann die SQL in api/afterlifedb.sql
aus. Nach erfolgreicher Ausführung ist der Datenbankimport abgeschlossen.
Öffnen Sie api/link/config.js
und geben Sie die Datenbank-Link-Informationen ein
let config = {
host : 'localhost' , // 数据库地址,默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名,不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}
Gehen Sie zurück zum api
-Verzeichnis, öffnen Sie hier das Befehlsfenster und installieren Sie die Abhängigkeiten
npm i
Starten Sie ein Projekt
node index.js
Wenn Sie sehen Service started successfully, running on http://localhost:3000
, bedeutet dies, dass das Projekt erfolgreich gestartet wurde. Versuchen Sie, http://127.0.0.1:3000/api/user/gettempauth
anzufordern (auf ihn zuzugreifen), um zu sehen, ob Eine Erfolgsmeldung zur Autorisierung kann zurückgegeben werden. Wenn Nein, überprüfen Sie bitte den Datenbankimport
Öffnen Sie die Datei user/src/main.js
. Hier müssen drei Adressen eingegeben werden.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
Wenn es lokal ausgeführt wird, überprüfen Sie, ob der Port korrekt ist, und geben Sie ihn dann als Standard ein. Wenn Port 8081 nicht belegt ist, lautet die Adresse des Hintergrundverwaltungssystems http://localhost:8081
Wenn der Port 8081 http://localhost:8081
ist, führen Sie ihn auf dem Port http://localhost:8082
aus. Führen Sie den folgenden Befehl in cmd aus es ist nicht besetzt.
netstat -ano|findstr "8081"
Gehen Sie zurück zum api
-Verzeichnis, öffnen Sie hier das Befehlsfenster und installieren Sie die Abhängigkeiten
npm i
Wenn es sich nur um eine lokale Vorschau handelt, führen Sie den folgenden Befehl aus, um es direkt auszuführen. Greifen Sie nach dem Ausführen auf die Ausgabeadresse in App running at:
npm run serve
Wenn Sie packen und veröffentlichen müssen, befolgen Sie den folgenden Prozess, um ihn abzuschließen. Andernfalls überspringen Sie diesen Inhalt direkt zu 3. Verwaltungshintergrund zum Erstellen der Verpackung.
npm run build
Die generierte Datei befindet sich im Ordner userdist
und der Ordner enthält den gepackten Inhalt.
Ermöglichen Sie die lokale Ausführung verpackter Inhalte
(1) Erstellen Sie eine Grundstruktur gemäß Express
mkdir myapp
cd myapp
npm init
package.json wird erstellt
(2) Express installieren
npm install express --save
node_modules werden erstellt
(3) Erstellen Sie die Datei index.js
und den Ordner www im selben Verzeichnis und schreiben Sie in 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) Legen Sie nach npm run build
das Verzeichnis der gepackten Dateien unter dem Ordner www
ab. Der Ordner „dist“ enthält alle Ordner „index.html“.
(5) Fügen Sie eine Route hinzu, um localhost:3010/index.html
zuzugreifen, um auf die von Ihnen gepackte Seite zuzugreifen.
Wenn auch andere Computer darauf zugreifen müssen, ersetzen Sie „localhost“ durch die lokale IP-Adresse, dann ist alles in Ordnung.
Öffnen Sie die Datei admin/src/main.js
. Hier müssen drei Adressen eingetragen werden.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
Wenn es lokal ausgeführt wird, überprüfen Sie, ob der Port korrekt ist, und geben Sie ihn dann als Standard ein.
Gehen Sie zurück zum admin
Verzeichnis, öffnen Sie hier ein Befehlsfenster und installieren Sie Abhängigkeiten
npm i
Wenn es sich nur um eine lokale Vorschau handelt, führen Sie den folgenden Befehl aus, um es direkt auszuführen. Greifen Sie nach dem Ausführen auf die Ausgabeadresse in App running at:
npm run serve
Wenn Sie packen und veröffentlichen müssen, lesen Sie bitte den oben genannten Verpackungs- und Ausführungsprozess.
Das Standardkontokennwort des obersten Administrators in der Backend-Verwaltung lautet admin, 123456
Zu diesem Zeitpunkt ist der Bau des Projekts abgeschlossen.