項目介紹
一套基于.NETCore+Vue2/Vue3+Element plus+uniApp,采用前后端分離方式,全自動生成PC與移動端代碼的快速開發腳手架;支持移動端(uniapp)IOS/Android/h5/微信小程序。
Vue.NetCore框架核心
- 快速開發(基礎功能全部由代碼生成器生成)
- 支持前端、后臺自定義業務代碼擴展,后臺提供了大量常用擴展與通用類
- 前端、后臺提供了近300個擴展方法與屬性,開發人員可在此功能上編寫擴展自定義業務代碼
- 代碼生成(代碼生成器可直接生成主/從表前后端業務代碼,有30多種屬性可在線配置生成的代碼)
- 前端table自動轉換key/value
- 前端表單select/checkbox自動綁定數據源,不需要寫任何代碼
- 支持(主從表)一對一前后端代碼全自動生成、并支持數據源自動綁定與業務代碼擴展,不需要寫任何代碼
- 支持一對多從表自定義擴展(不限從表類型與從表數量) , 一對多從表使用擴展可輕松實現
框架適用范圍
- 編寫各種后臺restful api接口。后臺基礎代碼由代碼生成器完成,在生成的代碼上繼續編寫業務即可;
- 前端表單開發(直接上手看demo即可);
- 配合app做H5或全h5開發;
- 移動端開發、app、微信小程序(uniapp);
- 在現有的代碼生成器功能上,繼續定制開發代碼生成器功能,解決重復性工作。
環境依賴
- 服務端
vs2022 ;.Net6、EFCore3.1/6.0;JWT;Dapper、signalR、Autofac、
SqlServer/MySQL/PGSql/Oracle、redis(可選,默認使用內置IMemory)
- 前端
VsCode、Vue2/vue3(webpack、node.js,如果沒有此環境自行搜索:vue webpack npm)、vuex、axios、promise、iview、element-ui
快速運行
1.使用git下載項目源碼
git clone https://gitee.com/x_discoverer/Vue.NetCore.git
下載完成后打開根目錄,對應文件夾結構如下圖所示:.Net6版本文件夾為Net6版本的服務端程序;DB文件夾下為不同類型數據庫的腳本文件;vol.uniapp為微信小程序等文件夾;Vol.Vue(vue2.0)為前端源碼。
2.初始化數據庫(MySql數據庫)
首先手動創建數據庫netcoredev,導入sql文件(位置:根目錄DBmysqlmysql表結構與表數據.sql)初始化數據庫。
3.修改配置
打開VOL.WebApi項目下的appsettings.json文件,修改配置,主要修改所選用的數據庫類型和對應的數據庫連接字符串;redis連接密碼(如果將redis做為緩存)等。
appsettings.json
"Connection": {
"DBType": "MySql", //MySql/MsSql/PgSql //數據庫類型,如果使用的是sqlserver此處應設置為MsSql
"DbConnectionString": " Data Source=127.0.0.1;Database=netcoredev;AllowLoadLocalInfile=true;User ID=root;Password=123456;allowPublicKeyRetrieval=true;pooling=true;CharSet=utf8;port=3306;sslmode=none;",
"RedisConnectionString": "127.0.0.1,Password=,SyncTimeout=15000", //redis連接字符串(最好加密)
"UseRedis": "false", //是否使用redis,如果不使用,默認使用Memory內置緩存
"UseSignalR": "true" //是否使用SignalR(2022.05.03),注意需要將端的地址配置到下面的CorsUrls屬性中
},
4.服務端運行
將VOL.WebApi項目,直接在vs2022中運行即可。
5.web前端運行
使用cmd命令進入Vol.Vue文件夾,執行以下命令安裝依賴。
npm install
運行
npm run start
運行成功后,使用瀏覽器打開:http://localhost:8080,登錄成功如下圖所示。
默認用戶名:admin 密碼:123456
6.小程序運行
使用HBuilder X工具打開項目vol.uniapp,根據需求生成對應是移動端即可。
開源協議
暫未找到