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

  • 信息分组显示
  • 表单编辑权限
  • 表单验证
  • 表单控件自动生成
  • 每行显示的元素数量
  • 跨列显示
• 数据完整性
• 数据安全性
• 数据查询性能
• 系统支持多语言切换
• 系统权限