vue DBMダウンロード - vue DBMソースコードのダウンロード

vue DBM

その他のカテゴリー

V1.0

ダウンロード

知らせ！このプロジェクトはリファクタリングされています。現在のバージョンは 2.0 です。古いバージョンについては、リリースを確認してバージョン 1.0 をダウンロードしてください。

説明する

DBM は、データソース管理とオープン認証の 2 つのモジュールを含むデータソース管理システムです。データソース管理とは、リレーショナルデータのワンクリックインポート、オンデマンドフィルタリング、指定されたエクスポートなどの機能を指します。所有者がユーザーにデータを開く、追加、削除、変更、確認などの操作権限。このシステムを導入または使用すると、データシミュレーションの代わりに、データ永続化の機能をフロントエンドプロジェクトに導入できます。

DBMフロントエンドは、vue-cli スキャフォールディングを使用して構築された SPA アプリケーションです。フロントエンドとバックエンドをより完全に分離するために、フロントエンドは Mockjs を使用します。開発中にバックエンドと合意したインターフェイスプロトコルに従って応答をシミュレートし、書き込み後、さまざまな起動コマンドを使用してバックエンドインターフェイスを転送し、システム全体のテストを完了します。

また、vue.js をバックエンド言語 (nodejs、java など) と組み合わせて使用して、フロントエンドとバックエンドを備えた完全なアプリケーションを開発したい場合は、 DBM フロントエンドプロジェクトの実装を参照してください。次の問題の解決に役立つことができます

コンポーネントの再利用性を高めるにはどうすればよいでしょうか?
状態管理で複数のモジュールを使用するにはどうすればよいですか?
ページレベルおよび要素レベルの権限処理を実装するにはどうすればよいですか?
Mockjs を使用して HTTP リクエストをインターセプトし、応答駆動型 UI をシミュレートするにはどうすればよいですか?
render 関数を使用して、Element-ui などのフレームワークでビジネスコンポーネントをカスタマイズするにはどうすればよいですか?
マルチ環境梱包の導入方法、梱包効率の向上、梱包体積の削減方法など。

このプロジェクトは空き時間に行われるため、開発サイクルは長く、コードのクリーンさはまだ改善する必要があります。問題を見つけた場合は、Issue に直接報告してください。または、より良いソリューションの実装について質問がある場合は、 PR を歓迎します。

開発前の準備

git clone を使用する場合は、ローカル環境に nodejs と git が含まれている必要があります。このプロジェクトでは主に vue、vuex、vue-router、element-ui、axios、Mock.js およびその他のテクノロジスタックを使用します。これらのテクノロジに精通していると、このプロジェクトをよりよく習得できるようになります。

プロジェクトの開発中に、対象を絞ったメモをいくつか取りました。このプロジェクトのソースコードを理解する前に、まずこれらのメモを読むことをお勧めします。

プロジェクト構造の概要
システムの主なレイアウト
ルーティング
ステータス管理
権限管理
カプセル化と使用の制御
混ぜる
データシミュレーション
パッケージングの最適化とユーザーエクスペリエンス

ターゲット関数

開発とリリース

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build