laravel_template_with_vue

Vorne schreiben

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

1. Einführung in die aktuelle Version

Version 1.1

Aktuelle Version Laravel_template_with_vue (3)

1.2 Anweisungen für Verbesserung

Gesamtstruktur

1. Ändern Sie das Backend -Verzeichnis in API
2. Ändern Sie das Verwaltungs -Side -Verzeichnis in Element (UI verwendet Element).
3. Fügen Sie das Management Directory AntD hinzu (UI verwendet AntD)
4. Fügen Sie das Mini-Programm-Verzeichnis Uni-App hinzu (UI verwendet UView).
5. Fügen Sie das unabhängige offizielle Kontoverzeichnis Vant hinzu (einzelne Seite UI verwendet Vant)

hinteres Ende:

1. Aktualisieren Sie das Larave -Framework auf LTS -Version Laravel6

2. Aktualisieren Sie das Passport -Plugin auf die neueste Version

3.. Verbesserung des RBAC -Managements

4. Überprüfungscodefunktion, SMS-Sendungsfunktion und Loginfunktionen von Drittanbietern hinzufügen

Managementseite:

1. Die Benutzeroberfläche Front-End-Element wurde auf Version 2.15.6 aktualisiert. Bitte beziehen Sie sich auf die Entwicklung
2. Verbesserung des RBAC -Managementbetriebs
3. Fügen Sie ein einfaches Content -Management hinzu (Artikel, Artikeltyp, Karussellbilder, in Mini -Programmen und offiziellen Konten usw.).
4. Konfigurieren und verbessern Sie WebSocket -Funktionen, um den Chatraum, den Kundendienst und andere Funktionen zu realisieren
5. Fügen Sie verschiedene Konfigurationsinformationen zu WeChat usw. hinzu.

Mini -Programm:

1. Komplette Verzeichnisstruktur- und Entwicklungsfunktionen von Mini -Programmen, stellen Sie sich direkt an die Backend -Schnittstelle her

2. Melden Sie sich an, erhalten Sie Benutzername und Handynummer im Mini -Programm

2. Systemübersicht

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

Dinge zu beachten

1. Der Administratorbenutzer im System ist ein Superadministrator. Um die Demonstration zu erleichtern, und für alle zu verwenden, hat die veröffentlichte Version die Informationsänderung des Administratorbenutzers blockiert. In der tatsächlichen Entwicklung müssen Benutzer nur zur entsprechenden Front-End-Seite gehen, um die blockierten geänderten Anweisungen zu entfernen.

2. Um WebSocket und andere Funktionen zu verwenden, müssen Benutzer die Vorder-, Rück- und Rück- und Rückkonfigurationen gleichzeitig ändern und WebSocket aktivieren

3. Um Funktionen wie Chatroom und Kundendienst zu demonstrieren, können Benutzer zunächst mehrere Benutzer erstellen, nachdem sie das System eingegeben haben, und sich gleichzeitig mit verschiedenen Browsern anmelden, um verwandte Funktionen zu demonstrieren.

3. Projektdemonstration und Screenshot

(Management Element UI) Demo -Website (https://element.wmhello.cn)

Admin -Benutzername und Passwort (Admin/123456)

Projekt Screenshot

Anmeldeseite (kann erweitert werden, um sich mit dem Verifizierungscode und der Mobiltelefonnummer anzumelden).

Administratorpanel

Ändern Sie persönliche Informationen

Vollbildbetrieb

Administratormanagement

Fügen Sie einen Administrator hinzu

Importadministrator

Rollenmanagement

Rollenfunktionseinstellungen

Modul- und Berechtigungsmanagement

Neues Modul hinzufügen

Funktionen unter der SUPER -Administratorschnittstelle

Funktionen unter verschiedenen Rollen

Artikelverwaltung und Rich Text Editor

Chatraum

Kundendienstfunktion (gewöhnliche Benutzeroberfläche)

Kundendienstfunktion (Kundendienstoberfläche 1 zu vielen)

Code -Snippet

Automatisierte Codierungskonfiguration

Code -Download (Code enthält alle Inhalte der Vorder- und Back -End -Ergänzungen, Löschungen, Änderungen und Suchanfragen)

Schnell Anwendungen entwickeln

WeChat offizielles Konto -Testkonto

Testnummermenü

Testnummer H5 Seite

4. Technische Dokumentation

Videos bereitstellen

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

Schnelle Bereitstellung des Backends

Schnellfront-End-Bereitstellung

Schlüsselkenntnisse

Geschäftsentwicklung

5. Videos und Online -Nachhilfe entwickeln

Wenn Sie das entsprechende Lernvideo kaufen müssen, können Sie meinen Laden besuchen (https://yzkjit.taobao.com)

Wenn Sie technische Anleitungen und Unterstützung benötigen, können Sie mich zu WeChat (XPYZWM) hinzufügen, um mich hinzuzufügen.

Verwenden Sie Vue.js und Vue-Element-Admin, um Managementsysteme zu entwickeln

Lernen Video: https://v.qq.com/x/page/i3059zqgj4y.html
https://v.qq.com/x/page/m3059l9bitb.html

Inhaltsverzeichnis

Verwenden Sie PHP, um WeChat -öffentliche Konten zu entwickeln

Lernen Video: https://url.cn/5d4wwgl?sf=uri

Entwickeln Sie eine erholsame API mit Laravel

Lernen Video: https://v.qq.com/x/page/t3059mfpgkg.html

Inhaltsverzeichnis:

1 Softwarekonstruktion und Tischdesign
2. Migrationstabellen schreiben
A. Erzeugung simulierter Daten
4. Schreibliste API
5 Hinzufügen und Ändern von API -Schreiben hinzufügen und ändern
6 API -Schreiben und Optimierung löschen
7 Daten importieren und exportieren
8 Personalisierte Importe
9 Der Schreibprozess und die Anzeige der Hintergrund -API
10 Passport -Plugin -Installation
11 Generieren und Auszeichnung von Token mit Pass erzeugen und auszeichnen
12 Token -Aktualisierung
13 RBAC-Berechtigungsmanagement-die Festlegung von Datentabellen
14 RBAC -Berechtigungsmanagement - Logik schreiben
15 Middleware Writing
16 Verpacken Sie die wiederverwendbare Controller -Vorlage
17 Schreiben von Vorlagencontrollern (Hinzufügen, Ändern und Löschen von Funktionen)
18 Schreiben von Vorlagencontrollern (Import und Export von Daten)
19 Vorlagenkontroller Verwendung und Analyse
20 benutzerdefinierte Befehlszeile-Command-Anwendung
21 Ein guter Helfer für die Entkopplung des Code-Event-Systems
22 Rundfunk- und Nachrichten-Pushing-Theorie und Konfiguration
23 Die praktische Anwendung von Rundfunk und Nachrichtenschub
24 Verwenden Sie Laravel-Echo-Server, um Nachrichten-Push- und Chatraumfunktionen zu implementieren
25 Integration der SMS -Funktion in Laravel Senden Sie in Laravel
26 Integration von Mailssendefunktionen in Laravel

Verwenden Sie Uni-App, um WeChat-Mini-Programme zu entwickeln (Kernwissenspunkte)

Online -Nachhilfe

Wenn Sie im Prozess des Lernens und der Entwicklung der Computerprogrammierung auf Schwierigkeiten stoßen, benötigen Sie technische Anleitung und damit verbundene Entwicklungsanleitungen. Sie können mich kontaktieren und ich werde bezahlten technischen Support und Nachhilfe (50 Yuan/Stunde-100 Yuan/Stunde) anbieten. Der Nachhilfeinhalt beinhaltet, ohne darauf beschränkt zu sein, das folgende (Front-End, Back-End-PHP, NodeJS, Datenbank, JavaScript und PHP-Programmiermodus, offizielles Konto, Mini-Programm, Vue.js, Uni-App usw.).

6. Projekte, die mit dieser Vorlage entwickelt wurden

1. Benutzername/Passwort des Online -Prüfungssystemverwaltungsende (Admin/123456) Benutzername/Passwort des Online -Prüfungssystems Benutzername/Passwort des Online -Prüfungssystems (Test/123456)

2. Benutzername/Passwort des Produktinventarverwaltungssystems (Admin/123456)

3.. Benutzername/Passwort des demokratischen Bewertungsmanagementsystems (Admin/123456)

4. Vorlage für Schulinformationsmanagementsysteme

5. Andere Fälle

7. Technischer Support

Willkommen in meinem Blog, der sich hauptsächlich auf den Anwendungsblog von Laravel und Vue.js konzentriert

Wenn Sie während der Bereitstellung und Verwendung Fragen haben, können Sie zur Projektaustauschgruppe gehen, um zu diskutieren: WeChat (xpyzwm) oder dem offiziellen Konto (Computer_Life) folgen, um verwandte Grundkenntnisse zu erlernen.

8. Belohnung

Wenn meine Bemühungen Ihnen helfen können, akzeptiere ich Ihre Hilfe gerne. Die geringe Wertschätzung ist die treibende Kraft für meinen kontinuierlichen Fortschritt.

9. Anerkennung

Nur wenn wir über dem Riesen stehen können, können wir weiter gehen. Die folgenden Open Source -Framework -Implementierungsmethoden werden im Projekt verwendet und geliehen.

• Laravel
• Arbeiter
• Backend Excel -Plugin
• Vue.js
• Vue-Router
• Vuex
• Management Endelement UI
• Front-End-Architektur Vueadmin-Template
• Mini -Programm UI Uview
• WeChat offizielles Konto Ui vant

Lizenz

MIT