{"id":13453159,"url":"https://github.com/wmhello/laravel_template_with_vue","last_synced_at":"2025-05-16T18:05:18.538Z","repository":{"id":38361372,"uuid":"121910256","full_name":"wmhello/laravel_template_with_vue","owner":"wmhello","description":"laravel6和vue-element-admin结合的前后端分离项目模板。包含接口端、管理端、小程序和微信公众号端，绝对是你做外包或者自建项目的首选模板。模板内容包括基础的用户管理和权限管理、日志管理、集成第三方登录，整合workerman框架中的GatewayWorker项目来实现了websocket 做到了消息的实时推送，并在此基础上，实现了聊天室和客服功能；实现低代码开发，能分析数据表内容及其设置，实现自动生成代码。","archived":false,"fork":false,"pushed_at":"2023-08-10T10:35:19.000Z","size":93998,"stargazers_count":970,"open_issues_count":37,"forks_count":269,"subscribers_count":45,"default_branch":"master","last_synced_at":"2025-05-16T18:02:57.253Z","etag":null,"topics":["autoencoder","chat","gatewayworker","manger","passport","rbac","restful-api","s","template","vue-admin-tamplate","vue-element-admin","vuejs","websocket","workerman"],"latest_commit_sha":null,"homepage":"https://element.wmhello.cn/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wmhello.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-02-18T02:12:30.000Z","updated_at":"2025-04-24T02:25:39.000Z","dependencies_parsed_at":"2024-01-05T23:01:55.483Z","dependency_job_id":null,"html_url":"https://github.com/wmhello/laravel_template_with_vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wmhello%2Flaravel_template_with_vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wmhello%2Flaravel_template_with_vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wmhello%2Flaravel_template_with_vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wmhello%2Flaravel_template_with_vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wmhello","download_url":"https://codeload.github.com/wmhello/laravel_template_with_vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254582903,"owners_count":22095518,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autoencoder","chat","gatewayworker","manger","passport","rbac","restful-api","s","template","vue-admin-tamplate","vue-element-admin","vuejs","websocket","workerman"],"created_at":"2024-07-31T08:00:33.864Z","updated_at":"2025-05-16T18:05:18.492Z","avatar_url":"https://github.com/wmhello.png","language":"PHP","funding_links":[],"categories":["Starter Projects","awesome-vue [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Resources","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome)","Boilerplates","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Examples [🔝](#readme)"],"sub_categories":["例子","Examples"],"readme":"## 写在前面\n    2018年的春节假期，受朋友的鼓励和内心的指引，对近两年所学到的知识进行了系统的沉淀和总结。\n    从多个项目中提取关键点、抛弃了的业务部分，对底层的功能进行了各类优化和抽象，写成本项目。  \n## 1、 当前版本介绍\n\n## 1.1 版本说明\n\n\u003e  当前版本laravel_template_with_vue (3)  \n\n## 1.2  改进说明\n\n####  总体构架\n\u003e  1. 修改后端目录为api\n\u003e  2. 修改管理端目录为element(UI使用element)\n\u003e  3. 增加管理端目录antd(UI使用antd)\n\u003e  4. 增加小程序端目录uni-app(UI使用uview)\n\u003e  5. 增加独立的公众号目录vant(单页面 UI使用vant)\n\n#### 后端：\n\u003e 1.更新larave框架为LTS版本laravel6\n\u003e\n\u003e 2.更新passport插件到最新版本\n\u003e\n\u003e 3.完善RBAC管理\n\u003e\n\u003e 4.增加验证码功能、短信发送功能和第三方登陆等功能\n\n#### 管理端：\n\u003e  1. 前端element ui 更新到了2.15.6版本，请参照开发\n\u003e  2. 完善RBAC的管理端操作\n\u003e  3. 增加简单的内容管理（文章、文章类型、轮播图，使用于小程序和公众号等）\n\u003e  6. 配置完善websocket功能，实现聊天室、客服等功能\n\u003e  7. 增加微信端的各种配置信息等\n\n#### 小程序端：\n\n\u003e 1.  小程序完善的目录结构和开发功能，直接对接后端接口\n\u003e\n\u003e 2. 小程序内用户的登陆、获取用户名和手机号码\n\n## 2、系统概述\n    项目依托laravel6与vue.js，采用了主流的前后端分离方式来构建，作为程序的起点，你可以在此基础上进行自身业务的扩展。\n    后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API，在此基础上集成excel文件的操作和完善的RBAC管理等基础功能，使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server，实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API，是全网最好的laravel-echo-server教程。\n    前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架，并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单，而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。\n    小程序(uni-app目录)主要用户小程序开发，集成了uview，实现了用户的登陆授权和获取手机号等功能，在此基础上，使用时只需要关心业务页面的开发即可以。\n    本项目使用广泛，已经在本人的多个项目中商用。\n#### 注意事项\n\n\u003e  1. 系统中admin用户为超级管理员，为了方便演示，也是为了供大家使用，发布的版本中，已经屏蔽admin用户的信息修改等功能，实际开发中，用户只需要去相应的前端页面中学校除去屏蔽修改的语句就可以。\n\u003e\n\u003e  2. 为了使用websocket等功能，需要用户同时修改前后和后端的配置，开启websocket\n\u003e\n\u003e 3. 为了演示聊天室和客服等功能，用户可以进入系统后首先创建多个用户，并且利用不同的浏览器同时登陆，就可以演示相关功能。\n\n## 3、项目演示与截图\n\u003e (管理端 element ui)演示网站(https://element.wmhello.cn)  \n\u003e\n\u003e 管理员用户名和密码(admin/123456)  \n\n### 项目截图\n#### 登陆页面(可以扩充到使用验证码和手机号码登陆)  \n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/系统登陆.jpg)\n\n管理员面板\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/2-管理员面板.jpg)\n\n#### 修改个人信息\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/3-修改个人信息.jpg)\n\n#### 全屏幕操作\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/4-全屏操作.jpg)\n\n#### 管理员管理\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/5-管理员管理.jpg)\n\n#### 添加管理员\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/6-添加管理员.jpg)\n\n#### 导入管理员\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/7-批量导入管理员.jpg)\n\n#### 角色管理\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/8-角色管理.jpg)\n\n#### 角色功能设置\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/9-角色功能设置.jpg)\n\n#### 模块与权限管理\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/10-模块管理.jpg)\n\n#### 添加新模块\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/11-添加模块.jpg)\n\n#### 超级管理员界面下的功能\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/12-超级管理员界面.jpg)\n\n#### 不同角色用户下的功能\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/13-不同角色用户.jpg)\n\n#### 文章管理以及富文本编辑器  \n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/14-文章管理及富文本.jpg)\n\n####  聊天室\n\n![](https://s2.loli.net/2022/08/22/YeTZas5VJMX9uky.jpg)\n\n####  客服功能(普通用户界面)\n![](https://s2.loli.net/2022/08/22/kToDHnEixfgMU8d.jpg)\n\n####  客服功能(客服界面 1对多)\n![](https://s2.loli.net/2022/08/22/CKnlR7FIgNm4Wh9.jpg)\n\n#### 代码片段\n![](https://s2.loli.net/2022/08/22/aYRStNyWws3lV9Q.jpg)\n\n#### 自动化编码配置\n![](https://s2.loli.net/2022/08/22/CugynFAtPi4SBQG.jpg)\n![](https://s2.loli.net/2022/08/22/WjB2DXphQKwAHqa.jpg)\n\n#### 代码下载（代码包括前后端增删改查的所有内容）\n![](https://s2.loli.net/2022/08/22/IQkKE1UStW2TiV6.jpg)\n\n\n#### 快速开发应用\n![](https://i.loli.net/2021/11/29/StAMiRD1jPJEc9Z.png)\n\n\n#### 微信公众号测试号\n![微信测试号2.png](https://s2.loli.net/2021/12/10/M2BVRZQDvqjahTo.png)\n\n\n#### 测试号菜单\n![测试号菜单](https://s2.loli.net/2021/12/10/kbzDur6sIhC7FTO.jpg)\n\n#### 测试号H5页面\n![测试号H5页面](https://s2.loli.net/2021/12/10/sS2duifVE4B59he.png)\n\n\n\n## 4、技术文档\n### 部署视频\nhttps://www.bilibili.com/video/BV1qi4y197JF?spm_id_from=333.999.0.0\n\n### [后端快速部署](back.md)\n\n### [前端快速部署](front.md)\n\n### [关键知识点讲述](knowledge.md)\n\n### [业务开发](developer.md)\n\n\n\n## 5、 开发视频与在线辅导\n\n\u003e 如果需要购买相应的学习视频  可以光临我的小店（https://yzkjit.taobao.com）\n\u003e\n\u003e 如果需要技术辅导和支持 可以加我微信(xpyzwm)\n\n### 利用vue.js和vue-element-admin开发管理系统\n学习视频：\nhttps://v.qq.com/x/page/i3059zqgj4y.html  \nhttps://v.qq.com/x/page/m3059l9bitb.html\n\n#### 目录\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/admin-mulu-2.png)\n\n### 利用PHP开发微信公众号\n学习视频:\nhttps://url.cn/5d4wWGl?sf=uri\n\n![微信公众号开发目录](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/wx-mulu.png)\n\n\n### 利用Laravel开发RESTful API\n学习视频:\nhttps://v.qq.com/x/page/t3059mfpgkg.html\n\n#### 目录:\n1  软件构建与表的设计  \n2  迁移表的编写  \n3  模拟数据的生成  \n4  列表API的编写  \n5  新增和修改API的编写  \n6  删除API的编写和优化  \n7  数据的导入和导出  \n8  个性化导入  \n9  后台API的书写流程以及示列  \n10  passport插件的安装  \n11  利用passport生成和注销令牌  \n12\t令牌的刷新  \n13\tRBAC权限管理-数据表的建立  \n14\tRBAC权限管理-逻辑的编写  \n15\t中间件的编写  \n16\t封装可以复用的控制器模板  \n17\t模板控制器的编写（增加、修改和删除功能）  \n18\t模板控制器的编写（数据的导入和导出）  \n19\t模板控制器使用以及分析  \n20\t自定义命令行--command的应用  \n21\t代码解耦的好帮手--事件系统  \n22\t广播与消息推送-理论与配置  \n23\t广播与消息推送的实际应用   \n24  利用laravel-echo-server实现消息推送和聊天室功能  \n25  laravel中短信发送功能的集成  \n26  laravel中邮件发送功能的集成  \n\n### 利用uni-app开发微信小程序(核心知识点)\n\n![](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/mp-mulu.png)\n\n\n### 在线辅导\n 如果你在计算机程序设计的学习与开发的过程中，碰到难点，需要技术指导和相关的开发辅导。可以联系本人，本人将提供有偿的技术支持和辅导（50元/时-100元/小时），辅导的内容包括但不局限于以下（前端、后端PHP、nodejs、数据库、javascript和PHP的程序设计模式、公众号、小程序、vue.js、uni-app等）。\n\n\n## 6.使用该模板开发的项目\n1.[在线考试系统管理端](http://exam-admin.wmhello.cn/#/login) 用户名/密码(admin/123456)\n[在线考试系统用户端](http://exam-online.wmhello.cn/) 用户名/密码(test/123456)\n\n2.[商品进销存管理系统](http://erp-admin.wmhello.cn/login) 用户名/密码(admin/123456)\n\n3.[民主测评管理系统](http://result.wmhello.cn) 用户名/密码(admin/123456)\n\n4.[学校信息管理系统模板](https://docs.wmhello.cn/design/b65500/)\n\n5.[其他案列](https://docs.wmhello.cn/project/)\n\n\n## 7、技术支持\n\u003e 欢迎大家来光临我的博客，主要专注于laravel与vue.js的应用\n[博客](https://docs.wmhello.cn)\n\n\u003e 部署和使用中如果有疑问，可以到项目交流群进行讨论：微信(xpyzwm)或者关注公众号(computer_life)学习相关基础知识\n\n\u003e ![微信二维码](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/weixin1.png)\n\n\u003e ![全栈开发公众号](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/gzh.jpg)\n\n\n## 8、打赏\n如果我的付出能够帮助到你，我也乐于接受你的帮助，小小的赞赏是我持续进步的动力。\n\n![支付宝支付](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/pay1.jpg)\n\n![微信支付](https://cdn.jsdelivr.net/gh/wmhello/imgs/blog/wx.jpg)\n\n## 9、致谢\n  站在巨人之上，我们才能走得更远。项目中使用和借鉴了以下开源框架的实现方法 一并致谢\n\u003e- [laravel](https://laravel.com/)\n\u003e- [workerman](https://www.workerman.net/)\n\u003e- [后端excel插件](https://github.com/rap2hpoutre/fast-excel)\n\u003e- [vue.js](https://cn.vuejs.org/index.html)\n\u003e- [vue-router](https://router.vuejs.org/)\n\u003e- [vuex](https://vuex.vuejs.org/)\n\u003e- [管理端element ui](http://element.eleme.io/#/zh-CN)\n\u003e- [前端构架 vueAdmin-template](https://github.com/PanJiaChen/vueAdmin-template)\n\u003e- [小程序UI uview](https://v1.uviewui.com/)\n\u003e- [微信公众号UI vant](https://vant-ui.github.io/vant/v2/#/zh-CN/)\n\n# License\n\n[MIT](https://github.com/wmhello/laravel_template_with_vue/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwmhello%2Flaravel_template_with_vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwmhello%2Flaravel_template_with_vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwmhello%2Flaravel_template_with_vue/lists"}