ที่อยู่ตัวอย่างออนไลน์และข้อมูลอินเทอร์เฟซพื้นหลังเป็นการจำลองและสามารถเพิ่ม แก้ไข หรือลบได้ตามต้องการ
เฟรมเวิร์กนี้ได้รับการแก้ไขตาม vue-element-admin ของ PanJiaChen ก่อนที่จะใช้งาน ขอแนะนำให้อ่านเอกสารบางส่วนของเขาก่อน เขาจะแสดงวิธีใช้ vue backend series one (พื้นฐาน) ปัญหามากมาย!
การอนุญาตเมนูจะถูกควบคุมโดยพื้นหลัง
เมื่อสร้างเมนู โปรดทราบว่าฟิลด์ชื่อตรงกับชื่อในหน้า (กล่องสีแดง) หากทั้งสองตำแหน่งไม่สอดคล้องกัน แคช Keep-alive จะไม่ถูกต้อง (ป้อนเนื้อหาในหน้า A สลับไปที่หน้า B แล้วสลับกลับไปที่หน้า A ข้อมูลที่ป้อนในหน้า A จะหายไป) และชื่อของแต่ละเมนูไม่ซ้ำกัน และ Keep-alive ก็จะใช้ไม่ได้เช่นกันหากทำซ้ำ
จะแสดงหรือไม่หมายถึงว่าจะแสดงในเมนูหรือไม่
สิ่งที่ควรสังเกตในพาธของไฟล์คือ เมนูระดับแรกใช้ฟิลด์เค้าโครง ไดเร็กทอรีระดับที่สองหรือหลายระดับใช้ฟิลด์ none (เนื่องจากไดเร็กทอรีไม่ได้ชี้ไปที่ไฟล์ใดไฟล์หนึ่ง) และส่วนย่อย หน้าใช้หน้าที่ชี้เฉพาะ เช่น ไฟล์ที่ชี้ด้วยลูกศรสีเหลืองจะถูกวางไว้ในโฟลเดอร์ src/pages ตามค่าเริ่มต้น
พาธของอินเทอร์เฟซเบื้องหลังได้รับการแก้ไขใน vue.config.js ในไดเร็กทอรีรากของโปรเจ็กต์
รหัสสถานะที่ส่งคืนโดยอินเทอร์เฟซพื้นหลังได้รับการแก้ไขใน src/utils/request.js
src/permission.js เป็นตัวป้องกันการกำหนดเส้นทาง
src/external คือตำแหน่งที่เพจภายนอกถูกวาง การกำหนดเส้นทางเพจที่เปิดสู่โลกภายนอกสามารถกำหนดค่าได้ใน src/router/modules/external.js
คำสั่ง
# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git
# enter the project directory
cd vueElementAdminBase-master
# install dependency
npm install
# develop
npm run dev
เปิด http://localhost:8099 ในเบราว์เซอร์
หีบห่อ
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
นี่เป็นเพียงโปรเจ็กต์ส่วนหน้า คุณต้องเริ่มโปรเจ็กต์ที่จำลองอินเทอร์เฟซแบ็กเอนด์ด้วย ที่อยู่คือ vueElementAdminServer
บริจาค
หากคุณคิดว่าโครงการนี้มีประโยชน์สำหรับคุณ คุณสามารถสนับสนุนผู้เขียนได้โดยดำเนินการดังต่อไปนี้:
