写在前面
2018年的春节假期,受朋友的鼓励和内心的指引,对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分,对底层的功能进行了各类优化和抽象,写成本项目。
1、 当前版本介绍
1.1 版本说明
当前版本laravel_template_with_vue (2.1)
1.2 改进说明
后端:
- 调整xlsx文件的处理插件为fast-excel
- 数据表部分字段的调整,取消permissions中不常用的method和route_match字段,修改users表中的role字段为roles, roles表中的permission为permissions,使数据表更加规范化
- 代码层面,资源控制器的功能复用,让代码更简洁和实用,父类Controller中编写好了数据的增删改查和数据表的导入和导出功能,用户可以根据TempController的方式来编写相关代码,可以参考OrderController(订单控制),开箱即用,节省业务的编写时间
- 完善日志管理的API
- 利用showdoc完成文档构建
- 利用laravel-echo-server,集成websocket,当同一个用户多次登陆,前次登陆的页面,将自动退出。利用webasocket的消息推送来实现
- 利用laravel-echo-server,集成websocket,实现聊天室功能和客服功能
前端:
- 前端element ui 更新到了2.7.2版本,请参照开发
- 集成了同时打开多个页面的功能,多标签功能
- 集成了全屏操作的功能
- 增加了日志管理功能
- 增加了前端开发示列,商品订单管理,代码层面利用mixin功能优化书写
- 接收后端推送的消息,强制下线多次登陆的用户,保证同一个用户在什么时间与地点只能登陆一次。
- 增加了应用事例模块,把具有代表性的聊天室功能和客服功能集成到项目中
ToDo:
- 前端增加用户多角色动态切换功能
- 增加成员管理功能,实现微信登录、qq登录等第三方用户登录的功能
- 增加成员注册和使用功能
2、系统概述
项目依托laravel5.5与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(backend目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成了跨域和excel文件的操作等基础功能,使用者只需专注于业务api的开发即可。
后端(backend目录)整合了laravel-echo-server,实现了websocket。用于消息的实时推送、聊天室、客服等功能,是全网最好的laravel-echo-server教程。
前端(frontend目录)负责页面的显示和前端用户权限的控制。项目已经引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。
前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
本项目使用广泛,已经在本人的多个项目中商用。
第三方登录测试时,可以先进入系统创建一个用户,然后用github登录后绑定刚刚创建的新用户,之后就可以使用github来自动登录了(可以参考版本1,版本2因为项目调整的关系,之后才会增加)
3、项目演示与截图
element-ui演示网站(http://vue.ouenyione.com)
antd-for-vue 演示网站(http://wmhello.wicp.vip)
管理员用户名和密码([email protected]/123456)
普通用户用户名和密码([email protected]/123456)
项目截图
文档
登陆页面(随机选择登陆页面)
聊天室
客服(普通用户界面 1对1)
客服(客服界面 1对多)
管理员面板
普通用户面板[注意观察系统日志和左侧导航菜单]
修改个人信息
全屏幕操作
用户管理
用户添加
用户数据导出
角色管理
角色功能设置
功能管理
功能组管理
添加新功能
系统日志管理
管理日志的管理
管理员界面下的订单管理
普通用户下的订单管理
富文本编辑器
树形组件
预览xlsx文件
预览pdf文件
4、技术文档
1、后端快速部署
2、前端快速部署
3、关键知识点讲述
4、业务开发
5、 开发视频与在线辅导
利用vue.js和vue-element-admin开发管理系统
学习视频: https://v.qq.com/x/page/i3059zqgj4y.html
https://v.qq.com/x/page/m3059l9bitb.html
目录
利用PHP开发微信公众号
学习视频: https://url.cn/5d4wWGl?sf=uri
目录:
利用Laravel开发RESTful API
学习视频: https://v.qq.com/x/page/t3059mfpgkg.html
目录:
1 软件构建与表的设计
2 迁移表的编写
3 模拟数据的生成
4 列表API的编写
5 新增和修改API的编写
6 删除API的编写和优化
7 数据的导入和导出
8 个性化导入
9 后台API的书写流程以及示列
10 passport插件的安装
11 利用passport生成和注销令牌
12 令牌的刷新
13 RBAC权限管理-数据表的建立
14 RBAC权限管理-逻辑的编写
15 中间件的编写
16 封装可以复用的控制器模板
17 模板控制器的编写(增加、修改和删除功能)
18 模板控制器的编写(数据的导入和导出)
19 模板控制器使用以及分析
20 自定义命令行--command的应用
21 代码解耦的好帮手--事件系统
22 广播与消息推送-理论与配置
23 广播与消息推送的实际应用
24 利用laravel-echo-server实现消息推送和聊天室功能
25 laravel中短信发送功能的集成
26 laravel中邮件发送功能的集成
利用uni-app开发微信小程序(核心知识点)
目录:
在线辅导
如果你在计算机程序设计的学习与开发的过程中,碰到难点,需要技术指导和相关的开发辅导。可以联系本人,本人将提供有偿的技术支持和辅导(50元/时-100元/小时),辅导的内容包括但不局限于以下(前端、后端PHP、nodejs、数据库、javascript和PHP的程序设计模式、公众号、小程序、vue.js、uni-app等)。
6、技术支持
欢迎大家来光临我的博客,主要专注于laravel与vue.js的应用 博客
部署和使用中如果有疑问,可以到项目交流群进行讨论:106822531(QQ)或者关注公众号(computer_life)学习相关基础知识
6、打赏
如果我的付出能够帮助到你,我也乐于接受你的帮助,小小的赞赏是我持续进步的动力。
7、致谢
站在巨人之上,我们才能走得更远。项目中使用和借鉴了以下开源框架的实现方法 一并致谢