開源項目《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
Keep Exploring

延伸阅读

更多文章