laravel_template_with_vue

寫在前面

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

1、 當前版本介紹

1.1 版本說明

當前版本laravel_template_with_vue (3)

1.2 改進說明

總體構架

1. 修改後端目錄為api
2. 修改管理端目錄為element(UI使用element)
3. 增加管理端目錄antd(UI使用antd)
4. 增加小程序端目錄uni-app(UI使用uview)
5. 增加獨立的公眾號目錄vant(單頁面UI使用vant)

後端：

1.更新larave框架為LTS版本laravel6

2.更新passport插件到最新版本

3.完善RBAC管理

4.增加驗證碼功能、短信發送功能和第三方登陸等功能

管理端：

1. 前端element ui 更新到了2.15.6版本，請參照開發
2. 完善RBAC的管理端操作
3. 增加簡單的內容管理（文章、文章類型、輪播圖，使用於小程序和公眾號等）
4. 配置完善websocket功能，實現聊天室、客服等功能
5. 增加微信端的各種配置信息等

小程序端：

1. 小程序完善的目錄結構和開發功能，直接對接後端接口

2. 小程序內用戶的登陸、獲取用戶名和手機號碼

2、系統概述

项目依托laravel6与vue.js，采用了主流的前后端分离方式来构建，作为程序的起点，你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API，在此基础上集成excel文件的操作和完善的RBAC管理等基础功能，使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server，实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API，是全网最好的laravel-echo-server教程。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架，并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单，而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发，集成了uview，实现了用户的登陆授权和获取手机号等功能，在此基础上，使用时只需要关心业务页面的开发即可以。
本项目使用广泛，已经在本人的多个项目中商用。

注意事項

1. 系統中admin用戶為超級管理員，為了方便演示，也是為了供大家使用，發布的版本中，已經屏蔽admin用戶的信息修改等功能，實際開發中，用戶只需要去相應的前端頁面中學校除去屏蔽修改的語句就可以。

2. 為了使用websocket等功能，需要用戶同時修改前後和後端的配置，開啟websocket

3. 為了演示聊天室和客服等功能，用戶可以進入系統後首先創建多個用戶，並且利用不同的瀏覽器同時登陸，就可以演示相關功能。

3、項目演示與截圖

(管理端element ui)演示網站(https://element.wmhello.cn)

管理員用戶名和密碼(admin/123456)

項目截圖

登陸頁面(可以擴充到使用驗證碼和手機號碼登陸)

管理員面板

修改個人信息

全屏幕操作

管理員管理

添加管理員

導入管理員

角色管理

角色功能設置

模塊與權限管理

添加新模塊

超級管理員界面下的功能

不同角色用戶下的功能

文章管理以及富文本編輯器

聊天室

客服功能(普通用戶界面)

客服功能(客服界面1對多)

代碼片段

自動化編碼配置

代碼下載（代碼包括前後端增刪改查的所有內容）

快速開發應用

微信公眾號測試號

測試號菜單

測試號H5頁面

4、技術文檔

部署視頻

https://www.bilibili.com/video/BV1qi4y197JF?spm_id_from=333.999.0.0

後端快速部署

前端快速部署

關鍵知識點講述

業務開發

5、 開發視頻與在線輔導

如果需要購買相應的學習視頻可以光臨我的小店（https://yzkjit.taobao.com）

如果需要技術輔導和支持可以加我微信(xpyzwm)

利用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.使用該模板開發的項目

1.在線考試系統管理端用戶名/密碼(admin/123456) 在線考試系統用戶端用戶名/密碼(test/123456)

2.商品進銷存管理系統用戶名/密碼(admin/123456)

3.民主測評管理系統用戶名/密碼(admin/123456)

4.學校信息管理系統模板

5.其他案列

7、技術支持

歡迎大家來光臨我的博客，主要專注於laravel與vue.js的應用博客

部署和使用中如果有疑問，可以到項目交流群進行討論：微信(xpyzwm)或者關注公眾號(computer_life)學習相關基礎知識

8、打賞

如果我的付出能夠幫助到你，我也樂於接受你的幫助，小小的讚賞是我持續進步的動力。

9、致謝

站在巨人之上，我們才能走得更遠。項目中使用和借鑒了以下開源框架的實現方法一併致謝

• laravel
• workerman
• 後端excel插件
• vue.js
• vue-router
• vuex
• 管理端element ui
• 前端構架vueAdmin-template
• 小程序UI uview
• 微信公眾號UI vant

License

MIT