คำนำ
- web-flash คือระบบเว็บที่ใช้ Spring Boot และ Vue.js โดยมีระบบการจัดการแบ็กเอนด์ตามองค์ประกอบและไซต์ h5 บนมือถือที่ใช้ vux
- web-flash มีฟังก์ชันพื้นฐานทั่วไปของระบบการจัดการส่วนหลัง และมีปลั๊กอินการสร้างโค้ดตาม idea Intellij ซึ่งสามารถสร้างหน้าส่วนหน้าและส่วนหลังได้ด้วยคลิกเดียว
- web-flash มีระบบการจัดการส่วนหลังและระบบไซต์ h5 ส่วนหน้า
- นอกจากนี้ยังมีสไตล์การออกแบบวัสดุเวอร์ชันเดียว: ผู้ดูแลระบบวัสดุ
- นอกจากนี้ยังมีเวอร์ชันเว็บแฟลชสปริงคลาวด์ให้อีกด้วย
- นอกจากนี้ web-flash ยังมีระบบส่วนหน้าที่ใช้ vue3 คลิกเพื่อดู
คำอธิบายแคตตาล็อก
- บริการ API พื้นหลังของ flash-api
- flash-vue-admin ระบบการจัดการแบ็กเอนด์ที่ใช้ vuejs
- ระบบเนื้อหามือถือ flash-vue-h5 แสดงเนื้อหาตามการจัดการพื้นหลัง โมดูลการจัดการเนื้อหา CMS
- โมดูลพื้นฐานแฟลชคอร์ รวมถึงคลาสเครื่องมือ dao บริการ ถั่ว ฯลฯ
- โมดูลการสร้างโค้ดตัวสร้างแฟลชทำงานได้ดียิ่งขึ้นกับปลั๊กอิน webflash-generator ที่สร้างโค้ด IDEA
- flash-workflow ใช้ฟังก์ชันเวิร์กโฟลว์ตามกิจกรรม
สาธิต
- การจัดการแบ็กเอนด์ (เวอร์ชัน vue) http://flashadmin.enilu.cn
- รุ่นมือถือ http://flash-mobile.enilu.cn/#/index เปิดเบราว์เซอร์และใช้โหมดมุมมองมือถือในโหมดแก้ไขข้อบกพร่องเพื่อเรียกดู
การเลือกใช้เทคโนโลยี
- กรอบงานหลัก: Spring Boot
- ชั้นฐานข้อมูล: Spring data jpa
- พูลการเชื่อมต่อฐานข้อมูล: Druid
- แคช: เอ๊ะแคช
- ส่วนหน้า: องค์ประกอบ (แบ็คเอนด์) และ vux (เทอร์มินัลมือถือ) ที่ใช้ Vue.js
- ขั้นตอนการทำงาน:กิจกรรม
รวมคุณสมบัติต่างๆ
เว็บแฟลชประกอบด้วยฟังก์ชันการจัดการพื้นหลังที่สมบูรณ์และระบบไซต์เนื้อหา h5 บนมือถือ
- การจัดการแผนก
- การจัดการผู้ใช้
- การจัดการบทบาท
- การจัดการเมนู: กำหนดค่าฟังก์ชั่นเมนู
- การกำหนดสิทธิ์: กำหนดค่าเมนูฟังก์ชันเฉพาะสำหรับบทบาทที่ระบุ
- การจัดการพารามิเตอร์: รักษาพารามิเตอร์ระบบและพารามิเตอร์ระบบแคชเพื่อให้การอ่านมีประสิทธิภาพ
- การจัดการพจนานุกรมข้อมูล: กำหนดค่าและบำรุงรักษาพจนานุกรมข้อมูล
- การจัดการงานที่กำหนดเวลาไว้: การเขียน การกำหนดค่า และการดำเนินการงานที่กำหนดเวลาไว้
- บันทึกทางธุรกิจ: บันทึกบันทึกการทำงานของผู้ใช้ผ่านคำอธิบายประกอบ และจัดให้มีฟังก์ชันการค้นหาบันทึก
- บันทึกการเข้าสู่ระบบ: ดูบันทึกการเข้าสู่ระบบและออกจากระบบของผู้ใช้
- การจัดการเนื้อหา CMS รวมกับ flash-vue-h5 เป็นระบบแสดงเนื้อหาบนมือถือ
- การจัดการข้อความ: กำหนดค่าเทมเพลตข้อความ ส่งข้อความ และข้อความอีเมล
- เวิร์กโฟลว์: คำจำกัดความของกระบวนการ การเริ่มต้นแอปพลิเคชัน งานที่ต้องทำ
- การสร้างโค้ดตามปลั๊กอินไอเดีย
ใช้
- โคลนโครงการนี้
- นำเข้าแนวคิดหรือคราส
- สร้างฐานข้อมูล: เว็บแฟลช
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- สภาพแวดล้อมการพัฒนาได้รับการกำหนดค่าให้สร้างฐานข้อมูลโดยอัตโนมัติและเตรียมใช้งานข้อมูลหลังจากที่ระบบเริ่มทำงาน ดังนั้นนักพัฒนาจึงไม่จำเป็นต้องเตรียมใช้งานฐานข้อมูลด้วยตนเอง
- ตรวจสอบให้แน่ใจว่าเครื่องมือการพัฒนาดาวน์โหลดปลั๊กอินลอมบอก
- แก้ไขการกำหนดค่าการเชื่อมต่อฐานข้อมูลใน flash-api
- เริ่ม flash-api และไปที่ http://localhost:8082/swagger-ui.html เพื่อให้แน่ใจว่าบริการ api เริ่มต้นได้สำเร็จ
- ป้อนไดเร็กทอรี flash-vue-admin
- เรียกใช้การติดตั้ง npm --registry=https://registry.npmmirror.com
- รัน npm รัน dev
- หลังจากเริ่มต้นสำเร็จแล้ว ให้ไปที่ http://localhost:9528 เข้าสู่ระบบ ชื่อผู้ใช้และรหัสผ่าน: admin/admin
- การแสดงผลการดำเนินการจัดการเบื้องหลัง:
- ป้อนไดเร็กทอรี flash-vue-h5
- เรียกใช้การติดตั้ง npm --registry=https://registry.npmmirror.com
- รัน npm รัน dev
- หลังจากเริ่มต้นสำเร็จแล้ว ให้ไปที่ http://localhost:8088/#/index
- การเรนเดอร์การทำงานของเทอร์มินัลมือถือ:
หีบห่อ
ติดตั้ง
หากคุณใช้ฟังก์ชันการสร้างโค้ด คุณต้องรัน mvn install ก่อนเพื่อติดตั้งโมดูล flash-generator ลงในที่เก็บ Maven ในเครื่อง
เอกสารออนไลน์
สื่อสาร
- Gitter: ช่อง Gitter
- ถาม:752844606
เปลี่ยนบันทึก