介绍

前端是一个用vuejs2.0和element-ui 2.x搭建的后台管理界面。 （参考博客: https://www.cnblogs.com/fhen/p/6721930.html）

前端参考博客框架，修改compoment 后端是采用flask(python)实现的restful api，认证采用token方式，flask_jwt 数据库采用mysql， 通过peewee ORM 实现对mysql的封装 后端接口测试采用pytest框架编写测试用例

自己对compoment 做了修改

项目结构

├── build  #webpack编译相关文件目录，一般不用动 
├── config  #配置目录
│   ├────dev.env.js  #开发环境变量
│   ├────index.js    #主配置文件
│   └────prod.env.js #生产环境变量
├── dist    #生产环境下build后的文件存放目录（发布目录）
├── server  #服务端代码目录，提供给前端接口， 采用python实现
|     | 
|     |----tests # 后端接口测试采用pytest框架编写测试用例, 实现单元测试和接口测试
|     |----fake_data  # 采用 python fake 库，提供fake数据进行测试
|     |---- model   # peewee 数据库表模型
|     |---- rest    # rest ful api
|     
|
|
├── src #前端项目源码目录
│   ├───—api  #封装的接口文件目录
│   ├───—assets  #资源目录
│   ├───—common  #公用文件目录
│   ├───—components  #组件及页面文件目录
│   ├───—router  #路由目录
│   ├───—App.vue #项目入口文件
│   ├───—bus.js  #公共通信组件
│   └────main.js  #项目的核心文件
├── static  #开发模式下的静态资源目录
├── index.html #首页入口文件，你可以添加一些 meta 信息或同统计代码啥的
├── package.json #项目配置文件
└── README.md #项目的说明文档，markdown 格式

相关技术：

• vuejs2.0：一套构建用户界面的渐进式框架，易用、灵活、高效。
• element-ui：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。
• vue-router：官方的路由组件，配合vue.js创建单页应用（SPA）非常简单。
• axios: 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用。
• flask: 基于python的web框架
• peewee： python的ORM数据库，支持mysql， sqllite

项目编译和运行

第一步： 先安装node v8.2.1环境，可以用nvm安装，支持多版本切换
可参看链接：https://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html

第二步：下载项目
可以直接在git上下载项目源码。


假定项目已经下载下来了。

第三步：启动服务端
（1）安装mysql， python3.6.5
（2）安装python依赖包， pipenv install
（3）到server目录下
  > python app.py
  
  
第四步：启动前端
（1）新开一个命令行窗口
（2）定位到项目目录并安装依赖
  > cd 你自己的位置/adminCMS
  > npm install
（3）依赖安装成功后执行启动命令
  > npm run dev
  # 显示如下内容说明本地启动成功
  # DONE Compiled successfully in 7515ms
  # Listening at http://localhost:8081
   
   
#正式环境编译命令
# build for production with minification
npm run build

更新日志