技术选型

• 前端框架：Vue 2.x
• 页面组件：Element 2.x
• 状态管理：Vuex 2.x
• 后台交互：axios 0.18.x
• 图标使用：Font Awesome 4.x

项目结构

kitty-ui

• assets： 图标、字体、国际化信息等静态信息
• components： 组件库，对常用组件进行封装
• http： 后台交互模块，统一后台接口请求API
• i18n： 国际化模块，使用Vue i18n进行国际化
• mock： Mock模块，模拟接口调用并返回定制数据
• permission： 权限控制模块，处理权限认证逻辑
• router： 路由管理模块，负责页面各种路由配置
• store： 状态管理模块，提供组件间状态共享
• utils： 工具模块，提供一些通用的工具方法
• views： 页面模块，主要放置各种页面视图组件

安装教程

前端 安装

1. 下载源码

   git clone https://gitee.com/liuge1988/kitty-ui.git

2. 编译代码

   进入项目根目录，执行 npm install, 下载和安装项目相关依赖包。

3. 启动系统

   执行 npm run dev 命令，启动项目，通过 http://localhost:8090 访问。

4. 项目打包

   执行 npm run build 命令，启动打包，完成之后会生成 dist 目录。

5. Mock 开关

   通过修改src/mock/index.js中的openMock变量，可以一键开启或关闭Mock功能。

6. 修改配置

   如果想自定义端口（默认是8090），可以修改 config/index.js 下的 port 属性。

   后台接口和备份服务器地址配置在 src/utils/global.js，如有修改请做相应变更。