1. オープンソースプロジェクトの紹介
多機能、高効率、ローコードのフロントエンドとバックエンドの統合されたインテリジェントな開発ツール
mdp-sys-ui-web は、エンタープライズ開発および管理ビジネス システムのためのテンプレート プロジェクトを提供することを目的としており、このテンプレート プロジェクトは、高効率、低コード、豊富な機能という特徴を備えています。企業は、このプロジェクトに他のビジネス機能を追加したり、このプロジェクトをテンプレートとして使用して、他のビジネスを開発するための新しいプロジェクトを作成したりできます。このプロジェクトを使用してアプリケーションを構築すると、マルチテナント、ログイン、統合認証センター、権限、メニュー管理、システム管理、パブリック コンポーネント、パブリック API、コードの冗長性、データ ディクショナリ、画像ライブラリ、ファイル ライブラリ、スマート フォーム、ワークフロー、相互に呼び出すマイクロサービス、グローバルな追跡とバグの特定、複数主キーの CRUD、複雑な SQL クエリ、その他の問題はすべて組み込まれており、簡単に解決できます。
mdp を使用する理由を説明する必要がある場合: コードを大幅に削減し、 独立したフロントエンド プロジェクトとしてmdp-sys-ui-web を簡単に開発できるためです。企業はこのプロジェクトを単独で使用し、バックエンド プロジェクトを開発できます。エンド システムを個別に使用することもできますが、直接使用することもできますMark Meng チームは、 オープン ソース バックエンド システム mdp-sys-backend をバックエンド サービスとしてサポートしています。
2. オープンソース契約
MIT オープンソース ライセンスを使用する
3. インターフェース表示
4. 機能概要
内蔵関数
ロールの権限 §── ロール管理 => ロールの基本情報、メニューの割り当て、権限の割り当て §── 権限の定義 => 権限の基本情報 §── メニュー管理 => メニュー (ボタン) の基本要素、メニュー (ボタン) をロールに割り当てる、 §──モジュール管理 => モジュールの残骸 §── 公開済みモジュール => 企業(個人)が公開しているモジュールを表示 組織管理 §── 組織管理 => 企業情報保守、管理者保守、アカウント情報保守、企業製品保守、 §─ ─ ユーザー管理 => ユーザーのアカウント、ポジションの割り当て、部門の割り当て、パスワードのリセット、招待 §── 部門管理 => 部門のカード、部門へのポジションの割り当て、部門のユーザーの表示 §── 会社管理 => 会社のカード (スーパー管理) (スタッフ向け) §── ポジション管理 => カードの投稿、ポジションへの役割の割り当て、人材の表示 ├── ログアウトの確認 => ユーザーのログアウト アプリケーションの確認 プラットフォーム管理 §── プラットフォームの構成 => プラットフォーム情報の構成 §── 個人用認証監査 => 個人の実名認証要求を審査 §── 企業認証監査 => 企業の実名認証要求を審査 メタデータ 管理 §── 辞書管理 => データ辞書の CRUD ├── リスト保守 => ドロップダウン リストデータ項目 crud §── パラメータ定義 => パブリック システム パラメータの crud 承認センター §── 実行予定 => 私の実行予定タスク クエリ、タスク実行 §── カレンダー タスク => 私の実行予定タスククエリ、タスク実行 §── プロセスの開始 => プロセスの開始 承認監視 §── 私が開始したプロセス => 私が開始したプロセスのクエリ §── 監視したプロセス => 監視したプロセスのクエリと催促 §── プロセス参加しました => 参加内容を問い合わせる プロセス モデル §── プロセスエディタ => オンラインプロセスエディタ §── モデルリリース => プロセスモデルリリース §── モデル設定 => プロセスとスマートフォームの関連付け、開始を設定しますモデル、承認者、権限などの条件 スマートフォーム(ローコード) §── フォームセンター ⇒ スマートフォームのポータル §── フォーム設計 ⇒ スマートフォームの設計、権限設定などを行う §── データエントリ、クエリ => フォームに入力されたデータをクエリします
5. テクノロジーの選択
⌨ テクノロジースタック
vue ファミリー バケット + 要素 ui + axios
⚙ クイックスタート
⚠️注: このプロジェクトは [email protected]+ バージョンを使用しているため、少なくとも [email protected]+ と互換性があります。
前文の準備
- ローカル環境には、node と git がインストールされている必要があります。ES2015+、vue、vuex、vue-router、element-ui をベースとした技術スタックとなっており、事前にこれらの知識を理解・学習しておくことは、本プロジェクトを利用する上で非常に役立ちます。
- このプロジェクトは Web フロントエンド プロジェクトです。すべての API は mdp-sys-backend によって提供されます。プロジェクトをダウンロードしてください。
- コード ジェネレーターのダウンロード mdp-code-generator
コンポーネントライブラリ mdp-ui
Mdp は数十の UI コンポーネントをカプセル化します。mdp-ui を使用する場合と使用しない場合の違い: 100 行のコードを書くか、1 行のコードを書くかの違い。コード量の削減はすぐに起こります。
- mdp-ui
- mdp のコア コンポーネントであるこのコンポーネント ライブラリは純粋なフロントエンド ページ コンポーネントであり、バックエンド API インターフェイスを構成しなくても正しく実行できます。
- mdp-ui-ext
- バックエンド API ビジネス読み込み機能を備えた mdp-ui 拡張機能に基づくビジネス コンポーネント
⚙クイックスタート
main.js を見つけて次のコードを追加します
//mdp-ui 基本コンポーネント import MdpComponents from '@/components/mdp-ui/index.js' Vue.use(MdpComponents) //mdp-ui-ext 拡張コンポーネント import MdpUiExtComponents from '@/components/mdp-ui - ext/index.js' Vue.use(MdpUiExtComponents) // パブリック API import mdp from "@/api/mdp_pub"; Vue.prototype.$mdp = mdp;
mdp フレームワーク拡張に基づくオープンソース プロジェクト
⚠️ 注: 次の拡張フレームワークまたはサブシステムは、プロジェクトの経験に基づいて mdp オープン ソース チームによって要約および抽出されています。これらは使用することも、使用しないこともできます。リリース用の jar パッケージの形式で既存のプロジェクトにマージすることも、リリースすることもできます。単一のアプリケーションとマイクロサービスに分けてリリースできます。
- WeChat 支払い、Alipay 支払い、PayPal 支払いを統合したサードパーティ支払いフレームワーク
- mdp-tpa-pay-backend バックエンド
- インスタント メッセージング フレームワーク
- mdp-im-uniapp フロントエンド アプリ
- mdp-im-web フロントエンド ブラウザ
- mdp-im-backend バックエンド
- 統合認証センターのフレームワーク
- mdp-sys-ui-web フロントエンド
- mdp-oauth2-backend バックエンド
- mdp-sys-backend バックエンド
- マイクロサービスフレームワーク
- mdp-cloud-backend バックエンド
- ワークフロー管理サブシステム
- mdp-workflow-ui-web フロントエンド
- mdp-workflow-backend バックエンド
- スマートフォームサブシステム
- mdp-form-ui-web フロントエンド
- mdp-form-backend バックエンド
- コンテンツ管理サブシステム
- mdp-arc-ui-web フロントエンド
- mdp-arc-backend バックエンド
- SMS サブシステム
- mdp-sms-ui-web フロントエンド
- mdp-sms-backend バックエンド
- プロジェクト管理サブシステム
- xm-crowd-ui-web フロントエンド クラウドソーシング
- xm-ui-web フロントエンド管理端末
- xm-backend バックエンド
- 財務管理サブシステム
- ac-core-ui-web フロントエンド管理端末
- ac-バックエンド バックエンド
詳細については、README.md ドキュメントを参照してください。