序文
- web-flash は Spring Boot と Vue.js をベースとした Web システムで、Element をベースとしたバックエンド管理システムと vux をベースとしたモバイル h5 サイトが含まれています。
- web-flash は、バックエンド管理システムの共通の基本機能を備えており、ワンクリックでフロントエンド ページとバックエンド ページを生成できる、idea intellij に基づくコード生成プラグインを提供します。
- web-flash はバックエンド管理システムとフロントエンド h5 サイト システムを提供します
- マテリアル デザイン スタイルの単一バージョンも提供されます:material-admin
- Web-Flash Spring Cloud バージョンも提供
- さらに、 Web-Flash は vue3 に基づいたフロントエンド システムを提供します。クリックして表示します。
カタログの説明
- flash-api バックグラウンド API サービス
- flash-vue-admin vuejs に基づくバックエンド管理システム
- flash-vue-h5 モバイル コンテンツ システムは、バックグラウンド管理 CMS コンテンツ管理モジュールに基づいてコンテンツを表示します。
- フラッシュコア基本モジュール (ツールクラス、dao、サービス、Bean などを含む)
- flash-generator コード生成モジュールは、IDEA コード生成プラグイン webflash-generator と併用するとより適切に機能します。
- flash-workflow はアクティビティに基づいてワークフロー機能を実装します。
デモ
- バックエンド管理（vue版） http://flashadmin.enilu.cn
- モバイル版 http://flash-mobile.enilu.cn/#/index ブラウザを開き、デバッグ モードでモバイル ビュー モードを使用して参照します。
テクノロジーの選択
- コアフレームワーク: Spring Boot
- データベース層: Spring data jpa
- データベース接続プール: Druid
- キャッシュ: Ehcache
- フロントエンド: Vue.js をベースとした Element (バックエンド) と vux (モバイル端末)
- ワークフロー:アクティビティ
含まれる機能
Web-Flash には、成熟したバックグラウンド管理機能とモバイル H5 コンテンツ サイト システムが含まれています
- 部門管理
- ユーザー管理
- 役割管理
- メニュー管理: メニュー機能を設定します
- 権限の割り当て: 指定された役割の特定の機能メニューを構成します。
- パラメータ管理: システム パラメータを維持し、システム パラメータをキャッシュして効率的な読み取りを実現します。
- データ ディクショナリ管理: データ ディクショナリの構成と維持
- スケジュールされたタスクの管理: スケジュールされたタスクの作成、構成、実行
- ビジネスログ：アノテーションによるユーザー操作ログの記録とログクエリ機能を提供
- ログインログ: ユーザーのログインログとログアウトログを表示します。
- CMS コンテンツ管理を flash-vue-h5 と組み合わせて、モバイル コンテンツ表示システムを提供します
- メッセージ管理: メッセージ テンプレートの構成、テキスト メッセージ、および電子メール メッセージの送信
- ワークフロー: プロセス定義、アプリケーションの開始、To-Do タスク
- アイデアプラグインに基づいたコード生成
使用
- このプロジェクトのクローンを作成します
- アイデアまたは日食をインポートする
- データベースの作成: Web-Flash
CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
CREATE USER ' webflash '@ ' % ' IDENTIFIED BY ' webflash190602@ABC ' ;
GRANT ALL privileges ON webflash. * TO ' webflash ' @ ' % ' ;
flush privileges;
- 開発環境は、システムの起動後にデータベースが自動的に作成され、データが初期化されるように構成されているため、開発者がデータベースを手動で初期化する必要はありません。
- 開発ツールが lombok プラグインをダウンロードしていることを確認してください
- flash-api でデータベース接続構成を変更する
- flash-api を起動し、http://localhost:8082/swagger-ui.html にアクセスして、API サービスが正常に開始されることを確認します。
- flash-vue-admin ディレクトリに入ります
- npm install --registry=https://registry.npmmirror.com を実行します。
- npm run dev を実行します
- 正常に起動したら、http://localhost:9528 にアクセスし、ユーザー名とパスワードを入力してログインします: admin/admin
- バックグラウンド管理操作のレンダリング:
- flash-vue-h5 ディレクトリに入ります
- npm install --registry=https://registry.npmmirror.com を実行します。
- npm run dev を実行します
- 正常に起動したら、http://localhost:8088/#/index にアクセスします。
- モバイル端末の操作レンダリング：
パック
インストール
コード生成機能を使用する場合は、最初に mvn install を実行してフラッシュジェネレーター モジュールをローカル Maven リポジトリにインストールする必要があります。
オンラインドキュメント
コミュニケーションする
- ギッター: ギッターチャンネル
- QQ:752844606
変更ログ
