ชุดระบบการจัดการยมโลกที่สมบูรณ์ รวมถึงระบบการจัดการแบ็คเอนด์ทั้งหมด การสืบค้นและการ 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 ปี ตกนรกในโลก และเคาะปลาไม้เพื่อเพิ่มบุญ
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
ลำดับการทำงาน: api->ผู้ใช้->ผู้ดูแลระบบ
สร้างฐานข้อมูลใหม่ 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
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 มีโฟลเดอร์ index.html และเพจอยู่ใน dist
(5) เพิ่มเส้นทางเพื่อเข้าถึง localhost:3010/index.html
เพื่อเข้าถึงเพจที่คุณแพ็กเกจ
หากคอมพิวเตอร์เครื่องอื่นจำเป็นต้องเข้าถึง ให้แทนที่ localhost ด้วยที่อยู่ 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
หากคุณต้องการบรรจุและเผยแพร่ โปรดดูที่กระบวนการบรรจุและดำเนินการด้านบน
บัญชีและรหัสผ่านเริ่มต้นของผู้ดูแลระบบระดับสูงในการจัดการแบ็กเอนด์คือผู้ดูแลระบบ 123456
ณ จุดนี้ การก่อสร้างโครงการเสร็จสิ้นแล้ว