オープンソースプロジェクト「Vue.NET Core」

オープンソースプロジェクト「Vue.NET Core」

.NET Core + Vue2/Vue3 + Element plus + uniappのフロントエンドとバックエンドの分離、PCとモバイル端末のコードを全自動生成。モバイル端末(uniapp) iOS/Android/H5/微信小程序的サポート。http://www.volcore.xyz/

最終更新 2022/04/11 20:22
x_discoverer
読了目安 3 分
カテゴリ
.NET
テーマ
C#オープンソースプロジェクト Webオープンソースプロジェクト
タグ
.NET C# Vue オープンソースプロジェクト オープンソース

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)リリース済み、同様にコード自動生成

Home

Home

Home

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

Home

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

Home

Home

フレームワーク 2.0 アップデート済み(一部新機能のスクリーンショット)

スキン切り替え機能を追加

Home

Home

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

Home

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

Home

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

Home

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

Home

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

Home

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

Home

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

Home

グラフ

Home

1、読み取り専用基本フォーム

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

Home

2、ドロップダウンリストデータ自動バインドフォーム

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

Home

3、画像サポート・承認フォーム

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

Home

4、高度な検索

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

Home

5、主従テーブルの新規作成・編集

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

Home

6、Excel インポート

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

Home

7、H5 開発

Home

8、権限割り当て

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

Home

9、コード生成器

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

Home

その他の機能...

フレームワークプレビュー

  • フレームワークには多数の汎用コンポーネントが組み込まれており、そのまま利用可能。また、本フレームワーク向けにカスタマイズ開発されたコード生成器も内蔵し、反復的なコード作成を極力回避。
  • フレームワークは高速開発だけでなく、ビジネスコードの拡張記述やコード規約にも重点を置いています。
  • ご質問やご提案があれば、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
さらに探索

関連読書

その他の記事
同じカテゴリ / 同じタグ 2024/01/13

エレガント!もう一つの.NET Coreオープンソースフレームワークプロジェクト:意フレームワーク

ユーザーエクスペリエンスを重視した.NET 8 Webオープンソースフレームワーク。ABP vNextネイティブ版、Furion版をサポートし、フロントエンドとバックエンドはRuoYi Vue 3.0を統合。RBAC権限管理と現代的なコミュニティモジュールを内蔵し、すぐに使用できます。

続きを読む
同じカテゴリ / 同じタグ 2026/04/22

各OSバージョンの.NETサポート状況(250707更新)

仮想マシンとテストマシンを使用して、各OSバージョンの.NETサポート状況を確認します。OSインストール後、対応するランタイムをインストールし、Stardustエージェントを実行できることを確認します(合格条件)。

続きを読む