基于 Laravel 与 vue.js的前后端分离开发模板
概述
项目依托laravel6与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成excel文件的操作和完善的RBAC管理等基础功能,使用者只需专注于业务api的开发即可。后端接口调用workermen提供的服务,实现了websocket通讯。应用到项目,实现了单点登录、聊天室和客服等功能。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发,集成了uview,实现了用户的登陆授权和获取手机号等功能,在此基础上,使用时只需要关心业务页面的开发即可以。
本项目使用广泛,已经在本人的多个项目中商用。
功能
1.使用workerman框架中的GatewayWorker来实现了websocket通讯,实现了聊天室、客服和单点登录功能。
2.基础的用户管理、角色管理和权限管理,实现了RBAC。
3.能分析数据表及其相关配置,实现快速且自动生成代码。
4.有小程序端和微信公众号端的相关目录,已经对接好各种接口。
5.实现内容管理。
注意事项
1. 系统中admin用户为超级管理员,为了方便演示,也是为了供大家使用,发布的版本中,已经屏蔽admin用户的信息修改等功能,实际开发中,用户只需要去相应的前端页面中学校除去屏蔽修改的语句就可以。
2. 为了使用websocket等功能,需要用户同时修改前后和后端的配置,开启websocket
3. 为了演示聊天室和客服等功能,用户可以进入系统后首先创建多个用户,并且利用不同的浏览器同时登陆,就可以演示相关功能。
项目演示
演示网站(https://element.wmhello.cn)
管理员用户名和密码(admin/123456)
截图



















