1. 首页
  2. 技术知识

Vue.NetCore快速开发框架:全自动生成PC与移动端代码

项目介绍

一套基于.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文件(位置:根目录\DB\mysql\mysql表结构与表数据.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,根据需求生成对应是移动端即可。


开源协议

暂未找到

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/126605.html

联系我们