登陸頁效果預覽

目前只實現了簡單的登入和客戶檔案的新增和顯示功能，後面會進一步更新功能。

使用者名稱：dk
密碼：123
原始碼：https://github.com/dk-lan/vue…

專案說明

專案基於 bootstrap 樣式打造，可能在樣式上會有一些小相容問題，在此暫時忽略，本專案以實現功能為主。

專案適合從零搭建後臺管理系統的專案，且專案配置了 jquery，不要問為什麼，主要是相容不同的人群，目前有很多剛接觸資料驅動的技術人員還不能完全脫離 jquery，但又要上專案，所以只是為了方便更多的人用。

案例的腳手架是基於 Vue-cli，完全可以在這個基礎上去新增需要的功能，後續會抽時間繼續完善。

案例支援

• sass
• iconfont
• token
• bootstrap
• jquery
• jquery vertify
• vuex

由於案例是方便大家，暫時放到本人的伺服器中執行，沒有做任何安全防護，技術的世界，一直堅信是美好的，所以各位在新增資料時手下留情。

執行

1. npm install
2. npm run dev

專案檔案結構

• dist [構建目錄]

  • demo [知識點講解案例]

• src [ERP 原始碼]

  • assets [靜態資原始檔]
  • components [Vue 元件]
  • router [路由配置]
  • utils [ajax]
  • vuex [store]

後臺管理系統的常規技術點

• 資料請求 ajax

  • 所有 ajax 請求都會有 loding 和遮罩層
  • 所有的 ajax 的 url 都應該設定相對應的字首方便釋出

• 資料列表 datagrid

  • 可配置是否需要分頁
  • 可配置是否需要搜尋功能
  • 可配置資料列表是否能修改、刪除、新增和檢視詳情
  • 可配置水平滾動的固定列
  • 可配置點選列頭是否需要排序
  • 可配置列表是否允許直接修改資料
  • 可配置列表是否允許複製行
  • 列表的資料在編輯時可自動生成對應的表單元素，比如編輯日期時會自動生成日期控制元件
  • 列表在編輯時的驗證規則
  • 是否需要支援樹形結構

• 表單 form

  • 資訊分組顯示
  • 表單編輯許可權
  • 表單驗證
  • 表單控制元件自動生成
  • 每行顯示的元素數量
  • 跨列顯示
• 資料完整性
• 資料安全性
• 資料查詢效能
• 系統支援多語言切換
• 系統許可權