VueThink

##项目介绍 VueThink是一套基于Vue全家桶（Vue2.x + Vue-router2.x + Vuex）+ Thinkphp的前后端分离框架。 脚手架构建也可以通过vue官方的vue-cli脚手架工具构建 实现了一般后台所需要的功能模块

VueThink不仅适用于管理后台或管理系统开发，且广泛适用于B/S架构的项目开发。VueThink是对前后端分离技术的应用实践，2016年由洪睿科技的技术团队研发并投入商业开发使用，已有许多的商业项目实践。而今框架开源，希望能有更多志同道合的伙伴参与VueThink的迭代 ^_^

##使用许可： VueThink是基于MIT协议的开源框架，它完全免费。你可以免费下载VueThink，用来搭建自己的或者团体的软件。

##主要适用技术栈

• 后端框架：ThinkPHP 5.x
• 前端MVVM框架：Vue.JS 2.x
• 开发工作流：Webpack 1.x
• 路由：Vue-Router 2.x
• 数据交互：Axios
• 代码风格检测：Eslint
• UI框架：Element-UI 1.1.6
• JS函数库：Lodash

VueThink的运行环境要求PHP5.4以上。

详细开发文档参考 ThinkPHP5完全开发手册

• 登录、退出登录
• 修改密码、记住密码
• 菜单管理
• 系统参数
• 权限节点
• 岗位管理
• 部门管理
• 用户组管理
• 用户管理

Demo

演示地址：http://demo.vuethink.com

用户名：user01

密码：user01

开发依赖

• vue https://vuefe.cn/v2/guide/
• element-ui@1.1.3 http://element.eleme.io/1.1/#/zh-CN/component/installation
• axios https://github.com/mzabriskie/axios
• fontawesome http://fontawesome.io/icons/
• js-cookie https://github.com/js-cookie/js-cookie
• lockr https://github.com/tsironis/lockr
• lodash http://lodashjs.com/docs/
• moment http://momentjs.cn/

数据交互

数据交互通过axios以及RESTful架构来实现

用户校验通过登录返回的auth_key放在header

值得注意的一点是：跨域的情况下，会有预请求OPTION的情况

附上接口文档：http://rap.taobao.org/workspace/myWorkspace.do?projectId=15385#128405

Server搭建

参考地址：https://github.com/honraytech/VueThink/tree/master/php

运行程序

程序运行之前需搭建好Server端
npm install
npm run dev