2

vuethink下载地址:https://github.com/honraytech...

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

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

主要适用技术栈
后端框架:ThinkPHP 5.0.x/ThinkPHP 5.1.x
前端MVVM框架:Vue.JS 2.x
开发工作流:Webpack 1.x
路由:Vue-Router 2.x
数据交互:Axios
代码风格检测:Eslint
UI框架:Element-UI 1.1.6
JS函数库:Lodash

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

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

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

附上接口文档:http://api.vuethink.com

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

集成环境推荐使用phpstudy:http://www.phpstudy.net/ 或者phpset:http://www.phpset.cn/

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

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

PHP >= 5.6.0

PDO PHP Extension

MBstring PHP Extension

CURL PHP Extension

服务端开发手册请参考:http://www.kancloud.cn/manual...

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

 

步骤:

1、把项目放入任意web服务器,

2、把install.sql导入mysql数据库,

3、进入configdatabase.php修改mysql数据库配置,主要是数据库名,用户名和密码

4、进去frontEnd目录 执行npm run dev启动前端。默认监听8080端口

作者:cxh20777
来源:CSDN
原文:https://blog.csdn.net/cxh2077...
版权声明:本文为博主原创文章,转载请附上博文链接!


cxh20777
9 声望1 粉丝