??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/