vue project

#ระบบการจัดการแบ็กเอนด์ทางการเงินตาม vue-cli ( vue2 + vuex + axios + vue-router + element-ui + echarts + websocket + vue-i18n )

---

ในโครงการนี้คุณสามารถเรียนรู้:

 1、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar

ติดตั้ง

ที่อยู่โครงการ:

( git clone )

git clone https://github.com/hzlshen/vue-project.git

ติดตั้งโมดูลการพึ่งพาบุคคลที่สามของบริการในพื้นที่ผ่าน npm (ต้องติดตั้ง Node.js)

 npm install

เริ่มบริการ (http://localhost:8080)

 npm run dev

รหัสการเปิดตัว

 npm run build

พัฒนา

โครงสร้างไดเร็กทอรี

 -
├── README.md           
├── build // สร้างบริการและการกำหนดค่า webpack ├── config // การกำหนดค่าของสภาพแวดล้อมโครงการที่แตกต่างกัน ├── dist // ไดเร็กทอรีการสร้างโครงการ ├── index.html // ไฟล์รายการโครงการ ├── package.json // ไฟล์การกำหนดค่าโครงการ ├── src // ไดเรกทอรีการผลิต │ ├── สินทรัพย์ // css js และทรัพยากรรูปภาพ │ ├── axios // ajax url วาง │ ├── ส่วนประกอบ // ส่วนประกอบต่างๆ │ ├── รูปภาพ // โฟลเดอร์รูปภาพ │ ├── i18n // โฟลเดอร์ต่างประเทศ │ ├── หน้า // หน้าต่างๆ │ ├── เราเตอร์ // การกำหนดเส้นทางหน้า │ ├── ร้านค้า // ผู้จัดการสถานะ vuex │ ├── สไตล์ // ไฟล์สไตล์ │ └── main.js // รายการพรีคอมไพล์ของ Webpack

###ภาพหน้าจอโครงการ