ดาวน์โหลด vue DBM - ดาวน์โหลดซอร์สโค้ด vue DBM

vue DBM

หมวดหมู่อื่นๆ

V1.0

ดาวน์โหลด

สังเกต! โปรเจ็กต์นี้ได้รับการปรับโครงสร้างใหม่ เวอร์ชันปัจจุบันคือ 2.0 สำหรับเวอร์ชันเก่า โปรดตรวจสอบรุ่นเพื่อดาวน์โหลดเวอร์ชัน 1.0

แสดงให้เห็น

DBM คือระบบการจัดการแหล่งข้อมูลที่ประกอบด้วยสองโมดูล: การจัดการแหล่งข้อมูลและการอนุญาตแบบเปิด หมายถึงฟังก์ชันต่างๆ เช่น การนำเข้าด้วยคลิกเดียว การกรองตามความต้องการ และการส่งออกข้อมูลเชิงสัมพันธ์ที่กำหนด เจ้าของเปิดข้อมูลให้กับผู้ใช้ เพิ่ม ลบ แก้ไข ตรวจสอบ และการอนุญาตการดำเนินการอื่น ๆ การปรับใช้หรือการใช้ระบบนี้สามารถนำฟังก์ชันการคงอยู่ของข้อมูลมาสู่โปรเจ็กต์ส่วนหน้าของคุณ แทนที่จะใช้การจำลองข้อมูล

ส่วนหน้า DBM เป็นแอปพลิเคชัน SPA ที่สร้างขึ้นโดยใช้โครง vue-cli โดยอาศัย DBM เป็นหลัก เพื่อให้การแยกส่วนหน้าและส่วนหลังสมบูรณ์ยิ่งขึ้น ส่วนหน้าจะใช้ Mockjs เพื่อ จำลองการตอบสนองตามโปรโตคอลอินเทอร์เฟซที่ตกลงกับแบ็คเอนด์ในระหว่างการพัฒนา และดำเนินการอินเทอร์เฟซบนแบ็คเอนด์ให้เสร็จสมบูรณ์ หลังจากเขียนแล้ว ให้ใช้คำสั่งเริ่มต้นที่แตกต่างกันเพื่อถ่ายโอนอินเทอร์เฟซแบ็คเอนด์เพื่อทำการทดสอบระบบทั้งหมดให้เสร็จสิ้น

หากคุณต้องการใช้ vue.js ร่วมกับภาษาแบ็กเอนด์ (nodejs, java ฯลฯ) เพื่อพัฒนาแอปพลิเคชันที่สมบูรณ์ด้วยฟรอนต์เอนด์และแบ็กเอนด์ โดยอ้างอิงถึงการใช้ งานโปรเจ็กต์ฟรอนต์เอนด์ DBM อาจ สามารถช่วยคุณแก้ไขปัญหาต่อไปนี้ได้

จะปรับปรุงการนำส่วนประกอบต่างๆ มาใช้ซ้ำได้อย่างไร
จะใช้หลายโมดูลในการจัดการสถานะได้อย่างไร?
จะใช้การประมวลผลสิทธิ์ระดับเพจและระดับองค์ประกอบได้อย่างไร
จะสกัดกั้นคำขอ HTTP และจำลอง UI ที่ขับเคลื่อนด้วยการตอบสนองโดยใช้ Mockjs ได้อย่างไร
จะใช้ฟังก์ชันเรนเดอร์เพื่อปรับแต่งองค์ประกอบทางธุรกิจด้วยเฟรมเวิร์กเช่น element-ui ได้อย่างไร
วิธีใช้บรรจุภัณฑ์หลายสภาพแวดล้อม ปรับปรุงประสิทธิภาพของบรรจุภัณฑ์ และลดปริมาณบรรจุภัณฑ์ ฯลฯ

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

การเตรียมตัวก่อนการพัฒนา

สภาพแวดล้อมภายในเครื่องของคุณต้องมี nodejs และ git หากคุณใช้ git clone โปรเจ็กต์นี้ใช้ vue, vuex, vue-router, element-ui, axios, Mock.js และสแต็กเทคโนโลยีอื่นๆ เป็นหลัก หากคุณคุ้นเคยกับเทคโนโลยีเหล่านี้ คุณจะเชี่ยวชาญโปรเจ็กต์นี้ได้ดีขึ้น

ในระหว่างการพัฒนาโครงการ ฉันแนะนำให้อ่านบันทึกย่อเหล่านี้ก่อนจึงจะเข้าใจซอร์สโค้ดของโครงการนี้

ภาพรวมโครงสร้างโครงการ
โครงร่างหลักของระบบ
การกำหนดเส้นทาง
การจัดการสถานะ
การจัดการสิทธิ์
ควบคุมการห่อหุ้มและการใช้งาน
ผสมเข้า
การจำลองข้อมูล
การเพิ่มประสิทธิภาพบรรจุภัณฑ์และประสบการณ์ผู้ใช้

ฟังก์ชั่นเป้าหมาย

หน้าเข้าสู่ระบบ
แดชบอร์ด
หน้าการจัดการตารางข้อมูล
หน้าการจัดการฐานข้อมูล
หน้าการอนุญาตเปิดข้อมูล

การพัฒนาและการเปิดตัว

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

บันทึกการเปลี่ยนแปลง

คลิกที่นี่เพื่อดูบันทึกการอัพเดต

สาธิต

คลิกฉันเพื่อดูการสาธิต

รับทราบ

สถาปัตยกรรมของโครงการนี้อ้างอิงถึงการใช้งาน vue-element-admin ส่วนประกอบของตารางได้รับการปรับแต่งและแก้ไขตาม vue-easytable ฉันอยากจะขอบคุณผู้เขียนโครงการสองคน PanJiaChen และ huangshuwei