vue-think是一套基于Vue全家桶+ ThinkPHP5的前后端分离框架

vue-think是一套基于Vue全家桶+ ThinkPHP5的前后端分离框架

vue-think

注意事项

该项目fork自：https://github.com/honraytech/VueThink

项目介绍

这个项目主要是改进了当时VueThink中存在的一些问题

1：修复添加菜单无法刷新，必须重新登录才能出现2：修复菜单没有滚动条，当菜单过多的时候无法显示3：修复对用户组编辑权限，按钮还显示4：用jwt登录验证代替原有的登录验证机制5：改进一部分样式问题6：将webpack1升级至webpack3,提高了编译后的性能（webpack1没有treeShaking）7：将elementUI版本升级到elementUI2.x8：升级了项目前端使用vue-cli的版本

使用许可：

vue-think是基于MIT协议的开源框架，它完全免费。你可以免费-vue-think，用来搭建自己的或者团体的软件。

主要适用技术栈

后端框架：ThinkPHP 5.x前端MVVM框架：Vue.js 2.5.2开发工作流：Webpack 3.6.0路由：Vue-Router 3.0.1数据交互：Axios代码风格检测：EslintUI框架：Element-UI 2.1.0JS函数库：Lodash

vue-think的运行环境要求PHP5.4以上。

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

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

演示地址

http://vuethink.xiaolu289.com 用户名：user01 密码：user01

开发依赖

vue https://cn.vuejs.org/v2/guide/element-ui@2.1.0 http://element.eleme.io/#/zh-CN/component/installationaxios https://github.com/mzabriskie/axiosfontawesome http://fontawesome.io/icons/js-cookie https://github.com/js-cookie/js-cookielockr https://github.com/tsironis/lockrlodash http://lodashjs.com/docs/moment http://momentjs-/

数据交互

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

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

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

Server搭建

服务端使用的框架为thinkphp5.搭建前请确保拥有lamp/lnmp/wamp环境。

这里所说的搭建其实就是把server框架放入WEB运行环境，并使用80端口。

导入服务端根文件夹数据库文件install.sql，(数据库内用户表账号admin，密码123456)并修改config/database.php配置文件。

修改：\vue-think\php\config\extra\cus_config.php

//jwt密钥 'secret' => '5802b372c71d009efaf37c866730c09d',

修改该配置设置自己的jwt密钥

PHP >= 5.4.0PDO PHP ExtensionMBstring PHP ExtensionCURL PHP Extension

服务端开发手册请参考：http://kancloud-/manual/thinkphp5/118003

当访问 http://localhost, 出现“vuethink接口”即代表后端接口搭建成功。

p.s 如果使用的nginx服务，请设置重写规则

location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=$1 last; break; }}

前端搭建

cd frontEndnpm run dev

技术交流

QQ群：701522648 欢迎大家为项目提出宝贵的建议，一起迭代，优化！

感谢

非常感谢 @caoguanghui 为该项目改进方案提出了非常多宝贵的建议,思路,以及贡献代码

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。