基于Vue的中后台解决方案
- 目录结构示例
- 登录登出功能示例
- Api封装及拦截器使用示例
- Vuex的使用示例
- Mock数据模拟示例
- 公用组件示例
- 过滤器示例
- 工具类示例
- 表格、panel、分页、图表等组件示例
- loading效果示例
- 用户权限示例
- doc
- static
- src
- api
- assets
- components
- containers
- directives
- filters
- mixins
- router
- store
- utils
- build
- config
doc目录
存放关于本项目的文档,包括但不限于API接口说明文档、其他说明文档等
build目录
存放基于webpack的构架方案
config目录
存放配置文件,包括环境变量、构架方案配置项、代理等
static目录
存放静态文件,包括简单调用的静态资源,如样式文件、图片等
src目录
存放开发源码,大部分的开发工作都在这里进行
- api - 存放api接口、mock数据、数据转换等
- components - 存放全局的组件,全局注入
- containers - 存放具体的页面文件
- directives - 存放自定义指令
- filters - 存放过滤器
- mixins - 存放混合方法
- plugins - 存放插件,包括UI组件
- store - 存放vuex的整合流程
- utils - 存放工具方法
# 安装依赖包
yarn
# 添加依赖包
yarn add [package]
# 开启开发服务
npm run dev
# 编译打包
npm run build