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文章来源:https://www.toymoban.com/news/detail-804565.html
GitHub: https://github.com/typ1805/tansci-boot文章来源地址https://www.toymoban.com/news/detail-804565.html
开发者联系
- QQ:742354529 (742354529@qq.com)
- QQ 群: 747200630
- 个人主站:https://typ1805.gitee.io
到了这里,关于基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!