Tansci-Boot

基于 SpringBoot2 + magic-api + Vue3 + Element Plus + amis3.0 快速開發管理系統

Tansci-Boot 是一個前后端分離后臺管理系統， 前端集成 amis 低代碼前端框架，后端集成 magic-api 的接口快速開發框架。包含基礎權限、安全認證、以及常用的一些組件功能。項目易上手，技術更綜合，能力更全面。

amis 是一個低代碼前端框架，它使用 JSON 配置來生成頁面，可以減少頁面開發工作量，極大提升效率。

magic-api 一個基于 Java 的接口快速開發框架，通過 magic-api 提供的 UI 界面完成編寫接口，無需定義 Controller、Service、Dao、Mapper、XML、VO 等 Java 對象即可完成常見的 HTTP API 接口開發。

全面的技術運用：

• 解決前后端分離難題：前后端功能整合，集成 HTTP 組件 Axios，解決前后端分離架構中常見的問題，如跨域、參數傳遞、多環境配置等；
• 落地實踐工程化項目：涵蓋日志、配置文件、部署、Git、Maven，后端接口統一返回參數設計、封裝統一請求返回參數、工具類封裝；
• amis：低代碼前端配置框架；
• magic-api：HTTP API 接口快速開發框架。

項目預覽

開始使用

執行 SQL 初始化數據（MySQL8+ 版本），測試用戶：admin/123456，API 管理界面登錄用戶：admin/admin@123 (可在配置文件修改)。

項目目錄：

• tansci-boot：后端項目
• tansci-boot-ui：前端項目
• tansci-boot-ui-editor：amis 低代碼編輯器
• sql：數據庫 SQL 腳本

amis 配置說明：

在 tansci-boot-ui/public/gh-pages/config.js 可配置編輯器獲取頁面JSON和保存接口的配置。

注意：在頁面編輯器中業務接口回報404可忽略。

接口開發配置：

接口開發菜單頁面加載不了，檢查環境變量配置的服務地址是否和后端服務一致：tansci-boot-ui/.env.development 參數 VITE_BASE_API

項目地址：

Gitee: https://gitee.com/typ1805/tansci-boot

GitHub: https://github.com/typ1805/tansci-boot

開發者聯系

• QQ：742354529 （742354529@qq.com）
• QQ 群： 747200630
• 個人主站：https://typ1805.gitee.io

總結

以上是生活随笔為你收集整理的基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。