Ape.Volo项目是基于 .Net 8 、SqlSugar、Vue2.x、RBAC、前后端分离开箱则用的中后台快速开发框架,其使用Async/Await异步编程,支持CodeFirst模式、RabbitMQ/RedisMQ消息队列、CORS 跨域配置、数据库操作(读写分离、多库、分表)、支持多租户(ID隔离 、库隔离)等。本文开始学习前后端分离架构项目的搭建方式,同时学习JavaScript框架Vue的基本用法。
Ape.Volo项目分为前端项目(ape-volo-web)和后端项目(ape-volo-admin)两部分,源码地址见参考文献1、2。下载项目源码后,用VS2022打开后端解决方案,其中Ape.Volo.Api项目为启动项目对外提供WebApi接口服务。
ape-volo-admin项目默认使用Sqlite数据库,数据库连接字符串保存在Ape.Volo.Api项目的appsettings.json文件内(开发模式下读取的appsettings.Development.json内设置)。本文将其修改为连接mysql数据库(并删除配置文件中的其它连接字符串),修改后的配置如下图右侧圈红处所示。
重新编译并启动后台服务,系统会自动初始化数据库结构及数据,同时可在浏览器中查看WebApi列表,如下图所示:
解压ape-volo-web-master项目,在目录下启动终端依次执行下面命令,安装依赖项后启动前端服务。
npm install
npm run serve
在浏览器中输入“http://localhost:8001/”访问登录页,输入验证码后登录主页面,如下图所示:
参考文献:
[1]https://github.com/xianhc/ape-volo-web
[2]https://github.com/xianhc/ape-volo-admin
[3]http://doc.apevolo.com/
[4]https://cn.vuejs.org/