2018年的春节假期,受朋友的鼓励和内心的指引,对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分,对底层的功能进行了各类优化和抽象,写成本项目。
Current version laravel_template_with_vue (3)
- Modify the backend directory to API
- Modify the management side directory to element (UI uses element)
- Add the management directory antd (UI uses antd)
- Add the mini-program directory uni-app (UI uses uview)
- Add independent official account directory vant (single page UI uses vant)
1. Update the larave framework to LTS version laravel6
2. Update the passport plugin to the latest version
3. Improve RBAC management
4. Add verification code function, SMS sending function and third-party login functions
- Front-end element ui has been updated to version 2.15.6, please refer to development
- Improve RBAC management operation
- Add simple content management (article, article type, carousel pictures, used in mini programs and official accounts, etc.)
- Configure and improve websocket functions to realize chat room, customer service and other functions
- Add various configuration information on WeChat, etc.
Complete directory structure and development functions of mini programs, directly connect to the backend interface
Log in, get username and mobile phone number in the mini program
项目依托laravel6与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成excel文件的操作和完善的RBAC管理等基础功能,使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server,实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API,是全网最好的laravel-echo-server教程。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发,集成了uview,实现了用户的登陆授权和获取手机号等功能,在此基础上,使用时只需要关心业务页面的开发即可以。
本项目使用广泛,已经在本人的多个项目中商用。
The admin user in the system is a super administrator. In order to facilitate demonstration and for everyone to use, the published version has blocked the information modification of admin user. In actual development, users only need to go to the corresponding front-end page to remove the blocked modified statements.
In order to use websocket and other functions, users need to modify the front, back and back configurations at the same time and enable websocket
In order to demonstrate functions such as chat room and customer service, users can first create multiple users after entering the system, and log in at the same time with different browsers to demonstrate related functions.
(Management Element ui) Demo Website (https://element.wmhello.cn)
Admin username and password (admin/123456)
Administrator panel
https://www.bilibili.com/video/BV1qi4y197JF?spm_id_from=333.999.0.0
If you need to buy the corresponding learning video, you can visit my store (https://yzkjit.taobao.com)
If you need technical guidance and support, you can add me to WeChat (xpyzwm)
Learning video: https://v.qq.com/x/page/i3059zqgj4y.html
https://v.qq.com/x/page/m3059l9bitb.html
Learning video: https://url.cn/5d4wWGl?sf=uri
Learning video: https://v.qq.com/x/page/t3059mfpgkg.html
1 Software construction and table design
2. Writing migration tables
3. Generation of simulated data
4. Writing list API
5 Adding and modifying API writing
6 Delete API writing and optimization
7 Import and export of data
8 Personalized imports
9 The writing process and display of the background API
10 Passport plugin installation
11 Generate and log out tokens with passport
12 Token Refresh
13 RBAC permission management-the establishment of data tables
14 RBAC permission management - writing of logic
15 Middleware writing
16 Package the reusable controller template
17 Writing of template controllers (adding, modifying and deleting functions)
18 Writing of template controllers (import and export of data)
19 Template Controller Usage and Analysis
20 Custom command line--command application
21 A good helper for decoupling of code-event system
22 Broadcasting and Message Pushing-Theory and Configuration
23 The practical application of broadcasting and message push
24 Using laravel-echo-server to implement message push and chat room functions
25 Integration of SMS Send Function in Laravel
26 Integration of mail sending functions in laravel
If you encounter difficulties in the process of learning and development of computer programming, you need technical guidance and related development guidance. You can contact me and I will provide paid technical support and tutoring (50 yuan/hour-100 yuan/hour). The tutoring content includes but is not limited to the following (front-end, back-end PHP, nodejs, database, javascript and PHP programming mode, official account, mini program, vue.js, uni-app, etc.).
1. Username/password of the online examination system management end (admin/123456) Username/password of the online examination system username/password of the online examination system (test/123456)
2. Username/password of the product inventory management system (admin/123456)
3. Username/password of democratic evaluation management system (admin/123456)
4. School Information Management System Template
5. Other cases
Welcome to my blog, mainly focusing on the application blog of laravel and vue.js
If you have any questions during deployment and use, you can go to the project exchange group to discuss: WeChat (xpyzwm) or follow the official account (computer_life) to learn related basic knowledge.
If my efforts can help you, I am happy to accept your help. The little appreciation is the driving force for my continuous progress.
Only by standing above the giant can we go further. The following open source framework implementation methods are used and borrowed in the project.
- laravel
- Workerman
- Backend Excel plugin
- vue.js
- vue-router
- vuex
- Management end element ui
- Front-end architecture vueAdmin-template
- Mini Program UI uview
- WeChat official account UI vant
MIT