vue3 Member Management Center

Vue3-สมาชิก-ศูนย์การจัดการ

นี่คือโปรเจ็กต์การแยกส่วนหน้าและส่วนหลังที่พัฒนาโดยใช้บัคเก็ตตระกูล vue3 โปรเจ็กต์นี้ใช้ตัวจัดการทรัพยากร NPM และรวมเข้ากับ webpack สำหรับการทำแพ็คเกจ

ในแง่ของรูปแบบสถาปัตยกรรม ฉันเลือกใช้ RESTful เนื่องจากรูปแบบสถาปัตยกรรมนี้ใช้คุณสมบัติและความสามารถที่มีอยู่ของเว็บ และใช้ประโยชน์จากหลักเกณฑ์และข้อจำกัดบางประการในมาตรฐานเว็บที่มีอยู่ได้ดีขึ้น

️ในแง่ของการประมวลผลข้อมูล mock.js ในโปรเจ็กต์นี้สามารถใช้ตัวสร้างข้อมูลจำลองเพื่อสร้างอินเทอร์เฟซข้อมูลจำลองผ่านกฎบางอย่าง (เอกสาร API) และมอบให้กับบุคลากรส่วนหน้าเพื่อทำการทดสอบ

เพื่อทำให้อินเทอร์เฟซสวยงามยิ่งขึ้น ฉันได้เปิดตัว ElementUI เฟรมเวิร์ก UI

?ในโปรเจ็กต์นี้ axios ถูกใช้เพื่อแทนที่ vue-resource ที่ถูกละทิ้งใน vue1.x ซึ่งใช้เพื่อส่งคำร้องขอไปยังเบื้องหลัง

?โครงการกำลังทำงานอยู่ (nodejs 6.0+)

โคลนไปยังท้องถิ่น

โคลนคอมไพล์ https://github.com/Oudanlu/vue3-Member-Management-Center.git

ไปที่โฟลเดอร์

cd vue3-สมาชิก-ศูนย์การจัดการ

ติดตั้งการพึ่งพา

ติดตั้ง npm หรือเส้นด้าย (แนะนำ)

ติดตั้ง mock.js

npm ติดตั้ง mockjs

ติดตั้ง axios

npm ติดตั้ง axios -S

ติดตั้งองค์ประกอบ-UI

npm i -S องค์ประกอบ-ui

เริ่มเซิร์ฟเวอร์ท้องถิ่น

เวลา npm rundev

ปล่อยสภาพแวดล้อม

บิลด์การรัน NPM

- หากคุณได้รับข้อผิดพลาดเมื่อเริ่มโปรเจ็กต์ โปรดตรวจสอบไฟล์การกำหนดค่า

หากเป็นประโยชน์สำหรับคุณ คุณสามารถคลิก "ดาว" ที่มุมขวาบนเพื่อสนับสนุนได้~ขอบคุณ

?หรือจะ “ติดตาม” ก็ได้ แล้วผมจะสร้างสรรค์โปรเจ็กต์เพิ่มเติมต่อไปครับ

คุณสามารถเสนอความคิดเห็นหรือข้อสงสัยของคุณเองในประเด็นนี้ได้~

ภาพหน้าจอของส่วนที่ดำเนินโครงการ

แอนิเมชั่นการดำเนินโครงการ