مجموعة كاملة من نظام إدارة العالم السفلي، بما في ذلك نظام الإدارة الخلفية بالكامل، والاستعلام عن كتاب الحياة والموت وتصديره، ووظيفة الطرق على الأسماك الخشبية لإضافة ميزة. تستخدم مكدس التكنولوجيا الخلفية node+mysql+express
، وتستخدم حزمة التكنولوجيا الأمامية Vue+elementUI
، وهو نظام متعدد المستخدمين متعدد السلطات.
عنوان المعاينة: http://df.earthonline.club/home
مسؤول الحساب، كلمة المرور 123456، يرجى عدم تغيير كلمة مرور الحساب
من أجل تجنب المشاكل الناجمة عن عوامل عملية مختلفة، فإن عملية تشغيل نظام إدارة العالم السفلي ليست هي العملية الحقيقية (البيان المنتشر على نطاق واسع)، على سبيل المثال، لم يتم انعكاس شرفة Wangxiang الأسطورية وحجر Sansheng، ولكن تمت الإشارة إليهما فقط العملية الشاملة والموضوع.
--إضافة عنوان المعاينة
- تم إصلاح الموقف حيث سيتم إعادة تعيين أذونات المسؤول إلى خطأ NaN
--تم إصلاح المشكلة حيث تقوم صفحة Knockout Fish بإرجاع خطأ مباشرةً بعد التشغيل التلقائي
- إضافة بيانات الاختبار، api/test.sql
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
تشمل الوظائف العامة ما يلي: معاينة إحصاءات البيانات، وإدارة كتاب الحياة والموت، وإغواء الروح، وإدارة إغواء الروح، ومحاكمة قصر الجحيم، وسجل المحاكمة، وثمانية عشر مستوى من الجحيم، وإدارة المعدات، وستة مسارات للتناسخ، وإدارة المعدات، والتحويلات، وإدارة التحويلات وتحديد الأدوار وإدارة السلطة وإدارة المسؤول وإعدادات النظام
التدفق الوظيفي إضافة بيانات كتاب الحياة والموت ستحتوي على بيانات مختلفة لهذا الشخص، بما في ذلك الاسم، تاريخ الميلاد، الوفاة والعنوان، فضائل الين واليانغ، الثروة الموجودة في الحياة، نوع الوفاة، سبب الوفاة، وصف هذا الشخص الحياة، ووصف السمات، وحالة الزواج، والوفاة، ستتم إضافة بيانات كاملة مثل الظروف، وما إلى ذلك، إلى قائمة الأشخاص الذين ينتظرون إغواءهم بعد تاريخ الوفاة، في انتظار القبض على المُغوي وإحضاره إلى المنزل، و ثم يتم تسليمه إلى المحقق للمحاكمة حسب المكافآت والعقوبات في حياته، ومن بين النتائج دخوله مرة أخرى في التناسخ، والحكم عليه بالسجن لمدة ثمانية عشر عامًا، في طبقة من الجحيم، في العالم وطرق السمك الخشبي لزيادة المزايا
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
ترتيب التشغيل: api->user->admin
أنشئ قاعدة بيانات جديدة afterlifedb
، ثم قم باستيراد SQL أو تنفيذه في api/afterlifedb.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
. هناك ثلاثة عناوين يجب ملؤها هنا.
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
إذا كان يعمل محليًا، فتأكد من صحة المنفذ ثم قم بتعيينه افتراضيًا. لم يتم إعداد نظام إدارة الخلفية في الوقت الحالي. إذا لم يكن المنفذ 8081 مشغولاً، فإن عنوان نظام إدارة الخلفية هو http://localhost:8081
. إذا كان المنفذ 8081 مشغولاً، فقم بتشغيل منفذ http://localhost:8082
وما إلى ذلك للتحقق مما إذا كان منفذ معين مشغولاً، قم بتنفيذ الأمر التالي في cmd انها ليست مشغولة.
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
سيتم إنشاء وحدات العقدة
(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.html ومجلدات الصفحة
(5) أضف طريقًا للوصول إلى localhost:3010/index.html
للوصول إلى الصفحة التي قمت بتعبئتها.
إذا كانت أجهزة الكمبيوتر الأخرى بحاجة أيضًا إلى الوصول، فاستبدل المضيف المحلي بعنوان IP المحلي وسيكون الأمر على ما يرام.
افتح ملف admin/src/main.js
. هناك ثلاثة عناوين يجب ملؤها هنا.
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
في هذه المرحلة، تم الانتهاء من بناء المشروع.