Vue + .NET Core 前後端分離、異なる高速開発フレームワーク(Vue2/Vue3 バージョン対応)
フレームワークの核心
- 高速開発(基本機能は全てコード生成器で生成)
- フロントエンド・バックエンドのカスタムビジネスコード拡張をサポート。バックエンドには多数の便利な拡張機能と汎用クラスを提供
- フロントエンド・バックエンドに約300の拡張メソッドとプロパティを用意。開発者はこれらの機能を使ってカスタムビジネスコードを記述可能
- コード生成(コード生成器で主/従テーブルの前後端ビジネスコードを直接生成。30種類以上の属性をオンラインで設定可能)
- フロントエンドのテーブルで key/value を自動変換
- フロントエンドのフォームで select/checkbox のデータソースを自動バインド。コードを一切書く必要なし
- 主従テーブル(1対1)の前後端コードを完全自動生成、データソースの自動バインドとビジネスコード拡張をサポート。コードを書く必要なし
- 1対多の従テーブルカスタム拡張をサポート(従テーブルの種類・数に制限なし)。拡張機能を用いて簡単に実現可能
- フレームワークを習得できれば、996 不要、髪の毛が抜ける心配もない感覚を味わえるはず _
フレームワークの適用範囲
- 前後端分離プロジェクト
- 各種バックエンド RESTful API の作成。バックエンドの基本コードはコード生成器で生成し、生成されたコード上でビジネスロジックを追加
- フロントエンドのフォーム開発(デモを参照すればすぐに使いこなせる)
- アプリと組み合わせた H5 または完全 H5 開発
- 静的(H5)ページの公開。フレームワークにデモを用意済み
- 既存のコード生成器機能をベースに、コード生成器自体をカスタマイズ開発し、反復作業を削減
フレームワーク開発の依存環境
- バックエンド:VS2019、.NET Core3.1、EFCore3.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(オプション、デフォルトは組み込み IMemory)
- フロントエンド:VsCode、Vue2/vue3(webpack、node.js、環境がなければ「vue webpack npm」で検索)、vuex、axios、promise、iview、element-ui
vol フレームワーク 動画
NET ビデオチュートリアル(MVP-ACE 録画)
プロジェクトの起動と使い方
vue2 バージョン
vue3 バージョン
App/H5 開発
フレームワークのモバイル端末(uniapp)リリース済み、同様にコード自動生成



フレームワークは Vue3 バージョンをサポート

フレームワークにローコードデザイナーを追加


フレームワーク 2.0 アップデート済み(一部新機能のスクリーンショット)
スキン切り替え機能を追加


再利用可能なバックエンドリクエストパラメータ検証を追加

ツリーメニューとコード生成ページでの利用を追加

テキストエディターによる静的ページ直接公開機能を追加

1対1・多従テーブル表示(最小限のコードで実現、その他はコード生成器が生成)

テーブルマージ表示(数行のコードでコード生成器が生成したページを拡張)

従テーブルへの画像アップロード(数行のコードでコード生成器が生成したページを拡張)

1対多従テーブル(従テーブル数無制限)拡張

グラフ

1、読み取り専用基本フォーム
読み取り専用基本フォームの全前後端コードはコード生成器で生成。コード生成器での設定はほとんど不要で、前後端のビジネスコード拡張もサポート。コード生成後にメニュー権限を設定するだけ

2、ドロップダウンリストデータ自動バインドフォーム
ドロップダウンリストデータ自動バインドフォームの全前後端コードはコード生成器で生成。コード生成器でデータソース番号を指定するだけで、ページ読み込み時に番号に基づいてデータソースを自動ロード・バインド

3、画像サポート・承認フォーム
画像サポート・承認フォームの全前後端コードはコード生成器で生成。コード生成器で「画像サポートを有効にする」をチェックし、承認機能はメニュー権限設定が必要

4、高度な検索
フォームの全前後端コードはコード生成器で生成。検索フィールド、タイプ(ドロップダウン、日付、TextArea 等)、配置行・列もコード生成器で設定可能。コードを書く必要は一切なし

5、主従テーブルの新規作成・編集
主従テーブルの新規作成・編集の全前後端コードはコード生成器で生成。従テーブルの設定、フィールド、タイプ(ドロップダウン、日付、TextArea 等)、配置行・列、フィールドの読み取り専用設定、ラベル表示長など、すべてコード生成器で完結。コード不要

6、Excel インポート
Excel インポートページ全体をコード生成器で生成。インポートするフィールド、必須フィールド、テンプレートダウンロードもコード生成器で設定可能(必要に応じて採用)。インポート時に空チェックとデータ妥当性検証を実施。ロジック検証は拡張メソッドを実装するだけ

7、H5 開発

8、権限割り当て
現時点では、ユーザーのロールに対する Action の権限割り当てのみ実装

9、コード生成器
コード生成器には 20 種類以上の設定可能な属性があり、表示、検索、編集、インポート、エクスポート、主従関係などを柔軟に設定可能。コード生成器のドキュメントはこちら

その他の機能...
フレームワークプレビュー
- フレームワークには多数の汎用コンポーネントが組み込まれており、そのまま利用可能。また、本フレームワーク向けにカスタマイズ開発されたコード生成器も内蔵し、反復的なコード作成を極力回避。
- フレームワークは高速開発だけでなく、ビジネスコードの拡張記述やコード規約にも重点を置いています。
- ご質問やご提案があれば、Issue または QQ:283591387 までお気軽にどうぞ
- QQ1 グループ:45221949
- QQ2 グループ:913189178
- vue3 アドレス:http://www.volcore.xyz
- vue2 アドレス:http://v2.volcore.xyz
- アカウント:admin666 パスワード:123456(ローカルスーパー管理者アカウント:admin パスワード 123456)
- github アドレス:https://github.com/cq-panda/vue.netcore
- gitee 码云:https://gitee.com/x_discoverer/Vue.NET Core
- フレームワークドキュメント:http://v2.volcore.xyz/document/guide
- フレームワーク更新履歴:http://v2.volcore.xyz/document/log