vue2.0 SellPosSystem

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

ยินดีต้อนรับสู่การดาวน์โหลดและใช้งานหรือพัฒนารอง

(1) การวิเคราะห์โครงการ

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

(2) เทคโนโลยีที่ใช้

1. สภาพแวดล้อมการพัฒนาที่สร้างขึ้นโดยใช้ vue-cli2.x;

2. ใช้ vue-router สำหรับการแปลงเส้นทาง

3. ใช้ element-ui เพื่อตกแต่งอินเทอร์เฟซให้สวยงาม

4. ใช้ axios เพื่อสร้างข้อมูลอินเทอร์เฟซคำขอข้ามโดเมน

5. ใช้การจัดการไอคอนออนไลน์ icofont

6. ใช้การจัดการบรรจุภัณฑ์ webpack

7. ใช้ไวยากรณ์ vue2.0 และไวยากรณ์ es6

(3) ผลลัพธ์ของระบบ

(4) การใช้งานระบบ

1. ข้อกำหนดเบื้องต้นคือต้องมีสภาพแวดล้อม node.js, npm และ vue-cli (วิธีที่ดีที่สุดคือมี Git ซึ่งจะสะดวกกว่ามาก)

2. ดาวน์โหลดโปรเจ็กต์ (git clone ดีที่สุด);

3. เปิดเทอร์มินัล สลับไปที่ชื่อโปรเจ็กต์ และดำเนินการบรรทัดคำสั่งต่อไปนี้:

 # install dependencies 安装开发环境的依赖，因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

อ้างอิง

วิดีโอเชิงปฏิบัติของ Vue โดยระบบแคชเชียร์ร้านอาหารฟาสต์ฟู้ดที่มีเทคนิคครูอ้วน