Vue 項目應用 —— 後臺管理系統模板

登錄頁效果預覽

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

用戶名：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

  • 信息分組顯示
  • 表單編輯權限
  • 表單驗證
  • 表單控件自動生成
  • 每行顯示的元素數量
  • 跨列顯示
• 數據完整性
• 數據安全性
• 數據查詢性能
• 系統支持多語言切換
• 系統權限