2018年的春节假期,受朋友的鼓励和内心的指引,对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分,对底层的功能进行了各类优化和抽象,写成本项目。
現在のバージョンlaravel_template_with_vue(3)
- バックエンドディレクトリをAPIに変更します
- 管理サイドディレクトリを要素に変更します(UIは要素を使用します)
- 管理ディレクトリANTDを追加します(UIはANTDを使用します)
- Mini-Program Directory Uni-Appを追加します(UIはuviewを使用します)
- 独立した公式アカウントディレクトリvantを追加します(シングルページUIはvantを使用します)
1。LARAVEフレームワークをLTSバージョンLaravel6に更新します
2。パスポートプラグインを最新バージョンに更新します
3。RBAC管理を改善します
4.検証コード関数、SMSの送信機能、およびサードパーティのログイン関数の追加
- フロントエンド要素UIはバージョン2.15.6に更新されました。開発を参照してください
- RBAC管理操作を改善します
- シンプルなコンテンツ管理(記事、記事タイプ、カルーセルの写真、ミニプログラムや公式アカウントなどで使用されるなど)を追加します。
- チャットルーム、カスタマーサービス、その他の機能を実現するために、WebSocket機能を構成および改善する
- WeChatなどにさまざまな構成情報を追加します。
ミニプログラムの完全なディレクトリ構造と開発機能は、バックエンドインターフェイスに直接接続します
ログインして、ミニプログラムでユーザー名と携帯電話番号を取得します
项目依托laravel6与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成excel文件的操作和完善的RBAC管理等基础功能,使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server,实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API,是全网最好的laravel-echo-server教程。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发,集成了uview,实现了用户的登陆授权和获取手机号等功能,在此基础上,使用时只需要关心业务页面的开发即可以。
本项目使用广泛,已经在本人的多个项目中商用。
システム内の管理者ユーザーはスーパー管理者です。デモンストレーションを促進し、すべての人が使用できるように、公開されたバージョンは管理者ユーザーの情報変更をブロックしました。実際の開発では、ユーザーは、ブロックされた変更されたステートメントを削除するために、対応するフロントエンドページにアクセスする必要があります。
WebSocketおよびその他の機能を使用するには、ユーザーはフロント、バック、バックの構成を同時に変更し、WebSocketを有効にする必要があります
チャットルームやカスタマーサービスなどの機能を実証するために、ユーザーは最初にシステムに入った後に複数のユーザーを作成し、異なるブラウザで同時にログインして関連する機能を実証できます。
(管理要素UI)デモWebサイト(https://element.wmhello.cn)
Adminユーザー名とパスワード(admin/123456)
管理者パネル
https://www.bilibili.com/video/bv1qi4y197jf?spm_id_from = 333.999.0.0
対応する学習ビデオを購入する必要がある場合は、私のストア(https://yzkjit.taobao.com)にアクセスできます。
技術的なガイダンスとサポートが必要な場合は、WeChat(xpyzwm)に私を追加できます
学習ビデオ:https://v.qq.com/x/page/i3059zqgj4y.html
https://v.qq.com/x/page/m3059l9bitb.html
学習ビデオ:https://url.cn/5d4wwgl?sf=uri
学習ビデオ:https://v.qq.com/x/page/t3059mfpgkg.html
1ソフトウェア構造とテーブルデザイン
2。移行テーブルの書き込み
3。シミュレートされたデータの生成
4。リストAPIを作成します
5 API書き込みの追加と変更
6 APIの書き込みと最適化を削除します
7データのインポートとエクスポート
8個のパーソナライズされたインポート
9背景APIの書き込みプロセスと表示
10パスポートプラグインのインストール
11パスポートでトークンを生成してログアウトします
12トークンリフレッシュ
13 RBAC許可管理 - データテーブルの確立
14 RBAC許可管理 - ロジックの執筆
15ミドルウェアライティング
16再利用可能なコントローラーテンプレートをパッケージ化します
17テンプレートコントローラーの書き込み(関数の追加、変更、削除)
18テンプレートコントローラーの書き込み(データのインポートとエクスポート)
19テンプレートコントローラーの使用と分析
20カスタムコマンドライン - コマンドアプリケーション
21コードイベントシステムのデカップリングのための優れたヘルパー
22放送とメッセージのプッシュ理論と構成
23ブロードキャストとメッセージプッシュの実用的なアプリケーション
24 Laravel-Echo-Serverを使用してメッセージプッシュおよびチャットルームの機能を実装する
25 SMSの統合は、Laravelで機能を送信します
26 Laravelのメール送信機能の統合
コンピュータープログラミングの学習と開発の過程で困難に遭遇した場合、技術的なガイダンスと関連する開発ガイダンスが必要です。あなたは私に連絡することができ、私は有料の技術サポートと家庭教師(50元/時間100元/時間)を提供します。チューターコンテンツには、以下が含まれますが、以下に限定されません(フロントエンド、バックエンドPHP、ノードJS、データベース、JavaScriptおよびPHPプログラミングモード、公式アカウント、ミニプログラム、VUE.JS、UNI-APPなど)。
1.オンライン試験システム管理のユーザー名/パスワードEnd(admin/123456)オンライン試験システムのユーザー名/パスワードオンライン試験システムのユーザー名/パスワード(TEST/123456)
2。製品在庫管理システムのユーザー名/パスワード(admin/123456)
3.民主的評価管理システムのユーザー名/パスワード(admin/123456)
4。学校情報管理システムテンプレート
5。他のケース
私のブログへようこそ、主にLaravelとVue.jsのアプリケーションブログに焦点を当てています
展開と使用中に質問がある場合は、プロジェクト交換グループにアクセスして議論するか、WeChat(xpyzwm)または公式アカウント(Computer_Life)に従って関連する基本知識を学びます。
私の努力があなたを助けることができれば、私はあなたの助けを喜んで受け入れます。少し感謝は私の継続的な進歩の原動力です。
巨人の上に立ってのみ、さらに進むことができます。次のオープンソースフレームワークの実装方法が使用され、プロジェクトで借りられています。
- ララヴェル
- ワークマン
- バックエンドExcelプラグイン
- Vue.js
- Vue-Router
- Vuex
- 管理終了要素UI
- フロントエンドアーキテクチャVueadmin-Template
- ミニプログラムUI UView
- WeChat公式アカウントUI Vant
mit