基于 Laravel 與 vue.js的前后端分離開發(fā)模板
概述
? ? ? ? 項(xiàng)目依托l(wèi)aravel6與vue.js,采用了主流的前后端分離方式來構(gòu)建,作為程序的起點(diǎn),你可以在此基礎(chǔ)上進(jìn)行自身業(yè)務(wù)的擴(kuò)展。
? ? ? ?后端(api目錄)負(fù)責(zé)OAuth認(rèn)證、用戶授權(quán)、第三方用戶登錄驗(yàn)證和提供API,在此基礎(chǔ)上集成excel文件的操作和完善的RBAC管理等基礎(chǔ)功能,使用者只需專注于業(yè)務(wù)api的開發(fā)即可。后端接口調(diào)用workermen提供的服務(wù),實(shí)現(xiàn)了websocket通訊。應(yīng)用到項(xiàng)目,實(shí)現(xiàn)了單點(diǎn)登錄、聊天室和客服等功能。
? ? ?? 前端(element目錄)負(fù)責(zé)頁面的顯示和前端用戶權(quán)限的控制。項(xiàng)目引入了element UI框架,并已經(jīng)對用戶登錄認(rèn)證、路由、權(quán)限等基礎(chǔ)功能進(jìn)行了處理。前端用戶的權(quán)限不但可以控制系統(tǒng)的導(dǎo)航菜單,而且可以控制到頁面按鈕、表格等內(nèi)容的顯示。使用者只需要專注于業(yè)務(wù)界面的開發(fā)即可。
? ? ? 小程序(uni-app目錄)主要用戶小程序開發(fā),集成了uview,實(shí)現(xiàn)了用戶的登陸授權(quán)和獲取手機(jī)號等功能,在此基礎(chǔ)上,使用時只需要關(guān)心業(yè)務(wù)頁面的開發(fā)即可以。
? ? ? ?本項(xiàng)目使用廣泛,已經(jīng)在本人的多個項(xiàng)目中商用。
功能
? ? ? ?1.使用workerman框架中的GatewayWorker來實(shí)現(xiàn)了websocket通訊,實(shí)現(xiàn)了聊天室、客服和單點(diǎn)登錄功能。
? ? ? ?2.基礎(chǔ)的用戶管理、角色管理和權(quán)限管理,實(shí)現(xiàn)了RBAC。
? ? ? 3.能分析數(shù)據(jù)表及其相關(guān)配置,實(shí)現(xiàn)快速且自動生成代碼。
? ? ?4.有小程序端和微信公眾號端的相關(guān)目錄,已經(jīng)對接好各種接口。
? ? 5.實(shí)現(xiàn)內(nèi)容管理。
注意事項(xiàng)
? ? ? ?1. 系統(tǒng)中admin用戶為超級管理員,為了方便演示,也是為了供大家使用,發(fā)布的版本中,已經(jīng)屏蔽admin用戶的信息修改等功能,實(shí)際開發(fā)中,用戶只需要去相應(yīng)的前端頁面中學(xué)校除去屏蔽修改的語句就可以。
? ? ? 2. 為了使用websocket等功能,需要用戶同時修改前后和后端的配置,開啟websocket
? ? ? 3. 為了演示聊天室和客服等功能,用戶可以進(jìn)入系統(tǒng)后首先創(chuàng)建多個用戶,并且利用不同的瀏覽器同時登陸,就可以演示相關(guān)功能。
項(xiàng)目演示
? ? ? ? 演示網(wǎng)站(https://element.wmhello.cn)??
? ? ? ?管理員用戶名和密碼(admin/123456)??
截圖



















