兼容的浏览器及版本

• Chrome latest（推荐，完美）
• Firefox latest（完全支持）
• Edge（完全支持）
• IE 10+（不推荐，支持但体验不佳）

使用vue全家桶(Vue+Vue-router+Vuex+axios)、ElementUI样式库构建的前端项目。该项目是前后端分离架构中的“前端部分” 。后端工程V4.1.0

系统仍持续完善和优化中，数据初始化及后端数据结构请参看后端工程

• Vue
• Vue CLI 4
• ElementUI
• echarts
• cropperjs

• webpack
• nodejs
• vue2
• vue cli 4
• vuex
• vue-router
• axios
• echarts
• cropperjs
• mockjs
• js-sha256
• js-base64
• vue-json-editor
• Element-UI
• vue-count-to

• 前后端交互 HttpStatus Code 说明

  HttpStatus	描述
  200	请求成功
  201	资源创建成功
  400	业务错误
  401	token（登录）失效
  403	权限不足
  404	找不到资源
  500	系统异常

该工程默认运行于 nodejs 中，也可根据实际需要运行在其他 web 容器

node -v

安装 cnpm ，之后使用 cnpm 代替 npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

或直接配置

npm config set registry https://registry.npm.taobao.org

npm install webpack -g

npm install -g npm-check-updates

npm install -g @vue/cli

npm install

ncu -u
npm install

• 语言包路径：src/lang
• 在语言包路径下新增或修改语言属性
• 在 src/lang/index.js 中加载新的语言包

• 如果要使用 mock，在 src/main.js 中加入 import './mock' 即可
• src/mock 中添加或修改 mock 信息
• src/mock/index.js 中引入，并配置相应的 url 拦截策略

1、全局工程配置文件

vue.config.js

配置参考

2、项目配置文件

• 持久化组件：vuex
• 路径：src/store
• 入口：src/store/index.js
• 系统信息配置文件：src/store/config/appInfo.js

• 路径：src/assets

• 组件：vue-router
• 路径：src/router
• 入口：src/router/index.js
• 路由配置及说明：src/router/routers.js

• 组件：axios、vue-axios
• 入口及全局配置：src/plugins/plugin-axios.js
• 请求 api
  • 路径：src/api
  • 入口：src/api/index.js
  • api 编写：新增或修改文件，在src/api/ApiLists.js中引入并配置

• 独立页面路径：src/components/pages
• 布局框架：src/components/layout
• 框架内页面：src/components/views
• 测试页面：src/components/test
• src/components 下其他路径存放自定义组件

• 登录
• 首页
• 个人信息
• 头像裁剪
• 应用配置
• 菜单配置
• 模块功能配置
• 机构配置
• 角色配置
• 运行参数配置
• 用户配置
• 用户编辑
• 404页面
• 500页面
• 后台日志文件查询、下载
• 路由配置
• 路由日志
• 操作日志
• 登录日志
• demo
  • 文件上传

See Configuration Reference.