開源專案《Vue.NET Core》

開源專案《Vue.NET Core》

.NET Core+Vue2/Vue3+Element plus+uniapp前後端分離,全自動生成PC與行動端代碼;支援行動端(uniapp)ios/android/h5/微信小程式。http://www.volcore.xyz/

最後更新 2022/4/11 下午8:22
x_discoverer
預計閱讀 6 分鐘
分類
.NET
專題
C#開源專案 Web開源專案
標籤
.NET C# Vue 開源專案 開源

Vue + .NET Core 前後端分離,不一樣的快速開發框架(提供 Vue2/Vue3 版本)

框架核心

  • 快速開發(基本功能全部由程式碼產生器產生)
  • 支援前端、後台自訂業務程式碼擴充,後台提供了大量常用擴充與通用類別
  • 前端、後台提供了近 300 個擴充方法與屬性,開發人員可在此功能上編寫擴充自訂業務程式碼
  • 程式碼產生(程式碼產生器可直接產生主/從表前後端業務程式碼,有 30 多種屬性可線上設定產生的程式碼)
  • 前端 table 自動轉換 key/value
  • 前端表單 select/checkbox 自動綁定資料來源,不需要寫任何程式碼
  • 支援(主從表)一對一前後端程式碼全自動產生,並支援資料來源自動綁定與業務程式碼擴充,不需要寫任何程式碼
  • 支援一對多從表自訂擴充(不限從表類型與從表數量),一對多從表使用擴充可輕鬆實現
  • 如果能上手框架,可以體會到不用 996,更不用掉頭髮的感覺^_^

框架適用範圍

  • 前後端分離專案
  • 編寫各種後台 restful api 介面。後台基礎程式碼由程式碼產生器完成,在產生的程式碼上繼續編寫業務即可
  • 前端表單開發(直接上手看 demo 即可)
  • 配合 app 做 H5 或全 h5 開發
  • 發佈靜態(h5)頁面,框架已經提供了 demo
  • 在現有的程式碼產生器功能上,繼續客製開發程式碼產生器功能,解決重複性工作

框架開發依賴環境

  • 後台: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

一對一多從表顯示(只需要少量程式碼就可完成,其他都由程式碼產生器產生)

Home

表格合併顯示(只需要幾行程式碼完成程式碼產生器產生的頁面實現擴充)

Home

從圖上傳圖片(只需要幾行程式碼完成程式碼產生器產生的頁面實現擴充)

Home

一對多從表(不限從表數量)擴充

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
繼續探索

延伸閱讀

更多文章