《開源精選》是我們分享Github、Gitee等開源社區中優質項目的欄目，包括技術、學習、實用與各種有趣的內容。本期推薦的Vue + .NetCore前后端分離，致力于為快速開發貢獻一份力量。

框架核心

• 快速開發(基礎(chu)功能全部(bu)由代碼生(sheng)成器生(sheng)成)

• 支(zhi)持前端、后臺(tai)自定義業(ye)務代碼(ma)擴(kuo)展(zhan),后臺(tai)提(ti)供了大量常用(yong)擴(kuo)展(zhan)與通用(yong)類(lei)

• 前端(duan)、后(hou)臺提(ti)供了(le)近300個擴展(zhan)方法與屬性,開(kai)發人員可在此功(gong)能上編寫擴展(zhan)自定義(yi)業(ye)務代碼

• 代(dai)(dai)碼生成(cheng)(代(dai)(dai)碼生成(cheng)器可直(zhi)接(jie)生成(cheng)主/從表(biao)前后(hou)端(duan)業(ye)務代(dai)(dai)碼,有30多種屬性可在(zai)線配置生成(cheng)的代(dai)(dai)碼)

• 前端table自動(dong)轉換key/value

• 前(qian)端(duan)表(biao)單(dan)select/checkbox自動(dong)綁定數(shu)據源,不需(xu)要寫任(ren)何代碼

• 支(zhi)(zhi)持(主從(cong)表)一對一前后端代(dai)碼全自(zi)動(dong)生成、并支(zhi)(zhi)持數據源自(zi)動(dong)綁定與業(ye)務(wu)代(dai)碼擴展,不需要(yao)寫(xie)任何代(dai)碼

• 支持一對多從(cong)(cong)表自定義擴(kuo)展(不限從(cong)(cong)表類型與從(cong)(cong)表數量) , 一對多從(cong)(cong)表使用擴(kuo)展可(ke)輕(qing)松(song)實現

框架適用范圍

• 前后端分離項目

• 編(bian)寫各種(zhong)后臺(tai)restful api接口。后臺(tai)基礎代(dai)碼(ma)由代(dai)碼(ma)生(sheng)成(cheng)器(qi)完成(cheng),在生(sheng)成(cheng)的代(dai)碼(ma)上繼(ji)續編(bian)寫業務即可(ke)

• 前端表單開發(直(zhi)接上手看demo即可)

• 配(pei)合(he)app做(zuo)H5或全h5開發

• 發(fa)布(bu)靜(jing)態(h5)頁面,框架已經提(ti)供了demo

依賴環境

• 后臺：VS2019 、.NetCore3.1 、EFCore3.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(可選,默認使用內置IMemory)

• 前(qian)端(duan)：VsCode、Vue2/vue3（webpack、node.js,如果沒(mei)有此環境自行搜索(suo):vue webpack npm)、vuex、axios、promise、iview、element-ui

啟動項目

• 1、啟(qi)動(dong)后(hou)臺項目：后(hou)端(duan)項目路徑 ../VOL.WebApi，找(zhao)到dev_run.bat命(ming)令點擊啟(qi)動(dong)。后(hou)臺啟(qi)動(dong) 默認端(duan)口(kou)是9991。

• 2、啟動前端項(xiang)目：前端Vue項(xiang)目路徑(jing) ../VOL.Vue ， 找(zhao)到 run.bat命令(ling)點擊啟動 。

• 3、輸入//localhost:8080訪問（本地超級管理員(yuan)帳號：admin 密碼:123456）

快速上手

• 前(qian)端需要了(le)解模塊化開發、vue基(ji)礎語法(fa)：router、component及子父組件(jian)傳參、slot、ref、props

• 文檔【代(dai)碼生成(cheng)】:先用(yong)代(dai)碼生成(cheng)器生成(cheng)完(wan)整(zheng)代(dai)碼

• 編寫擴展業務代碼:文檔->[前端開發]->[后臺開發]->[組件api(ViewGrid組件)]

• 編寫擴展業務代碼涉及組(zu)件(jian):ViewGird.vue、VolForm.vue、VolTable.vue、VolBox.vue、VolUpload,根據需要找這幾個(ge)組(zu)件(jian)參數即(ji)可(ke)

框架已增加低代碼設計器

增加切換皮膚功能

可復用的后臺請求參數校驗

文本編輯器直接發布靜態頁面功能

圖表

主從表新建、編輯

主從(cong)表新建、編輯(ji)所(suo)有(you)前后端代碼，全部由代碼生成(cheng)器(qi)生成(cheng)，并支持前后端業務代碼擴展，新建、編輯(ji)從(cong)表配置(zhi)、字(zi)段、類型(下(xia)拉框、日期、TextArea等)、所(suo)在行與列、字(zi)段是否只讀(du)、標(biao)簽(qian)顯示的長度等都由代碼生成(cheng)器(qi)完(wan)成(cheng)，不需要寫(xie)任(ren)何代碼

H5開發

權限分配

目前只實現了對(dui)用戶(hu)的角色的Action進行權限分配

代碼生成器

代(dai)碼生(sheng)成器提供(gong)了(le)20多種可配(pei)置的(de)屬(shu)性，可靈活配(pei)置顯(xian)示、查詢、編輯、導入(ru)、導出、主從關(guan)系等

更多內容：//gitee.com/x_discoverer/Vue.NetCore