hhy5277 / laravel_template_with_vue

laravel5.5和vue.js结合的前后端分离项目模板。作为程序的起点，可以直接以此为基础来进行业务扩展。模板内容包括基础的用户管理和权限管理、集成第三方登录。权限管理包括后端Token认证和前端vue.js的动态权限，解决了前后端完整分离的情况下，vue.js的认证与权限相关的痛点，已在本人的多个项目中集成使用。http://front.ynxpyz.cn

1、写在前面

2018年的春节假期，受朋友的鼓励和内心的指引，对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分，对底层的功能进行了各类优化和抽象，写成本项目。

2、系统概述

项目依托laravel5.5与vue.js，采用了主流的前后端分离方式来构建，作为程序的起点，你可以在此基础上进行自身业务的扩展。
后端(backend目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API，在此基础上集成了跨域和excel文件的操作等基础功能，使用者只需专注于业务api的开发即可。
前端(frontend目录)负责页面的显示和前端用户权限的控制。项目已经引入了element UI框架，并已经对用户登录认证、路由、权限等基础功能进行了处理。
前端用户的权限不但可以控制系统的导航菜单，而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
本项目使用广泛，已经在本人的多个项目中商用。

第三方登录测试时，可以先进入系统创建一个用户，然后用github登录后绑定刚刚创建的新用户，之后就可以使用github来自动登录了

3、项目演示与截图

演示网站(http://front.ynxpyz.cn)
管理员用户名和密码([email protected]/123456)
普通用户用户名和密码([email protected]/123456)

项目截图

后端API文档

管理员面板

普通用户面板[注意观察系统日志和左侧导航菜单]

用户管理

用户添加

用户数据导出

角色管理

角色功能设置

功能管理

功能组管理

添加新功能

管理员界面下的学期管理

普通用户界面下的学期管理

4、技术文档

1、后端快速部署

2、前端快速部署

3、关键知识点讲述

4、业务开发

5、系统视频

5、技术支持

欢迎大家来光临我的博客，主要专注于laravel与vue.js的应用 博客

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断完善该项目

开发环境 windows 7 Chrome 63 PHP 7.1.7

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

__部署和使用中如果有疑问，可以到项目交流群进行讨论：106822531(QQ)或者关注公众号(computer_life)学习相关基础知识

6、打赏

如果我的付出能够帮助到你，我也乐于接受你的帮助，小小的赞赏是我们持续进步的动力。

7、致谢

站在巨人之上，我们才能走得更远。项目中使用和借鉴了以下开源框架的实现方法 一并致谢

• laravel
• 后端excel插件
• 后端跨域
• API接口文档书写
• vue.js
• element ui
• vue-router
• vuex
• 前端构架 vueAdmin-template
• 前端权限控制 Vue-Access-control

License

MIT