基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统

news/2025/2/12 12:15:22/

Tansci-Boot

基于 SpringBoot2 + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统

Tansci-Boot 是一个前后端分离后台管理系统, 前端集成 amis 低代码前端框架,后端集成 magic-api 的接口快速开发框架。包含基础权限、安全认证、以及常用的一些组件功能。项目易上手,技术更综合,能力更全面。

amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

magic-api 一个基于 Java 的接口快速开发框架,通过 magic-api 提供的 UI 界面完成编写接口,无需定义 ControllerServiceDaoMapperXMLVOJava 对象即可完成常见的 HTTP API 接口开发。

全面的技术运用:

  • 解决前后端分离难题:前后端功能整合,集成 HTTP 组件 Axios,解决前后端分离架构中常见的问题,如跨域、参数传递、多环境配置等;
  • 落地实践工程化项目:涵盖日志、配置文件、部署、Git、Maven,后端接口统一返回参数设计、封装统一请求返回参数、工具类封装;
  • amis:低代码前端配置框架;
  • magic-api:HTTP API 接口快速开发框架。

项目预览

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

开始使用

执行 SQL 初始化数据(MySQL8+ 版本),测试用户:admin/123456,API 管理界面登录用户:admin/admin@123 (可在配置文件修改)。

分支说明:

  • 1.0.0:前端集成 amis,后端未集成 magic-api
  • master:前端集成 amis,后端集成 magic-api

项目目录:

  • tansci-boot:后端项目
  • tansci-boot-ui:前端项目
  • tansci-boot-ui-editor:amis 低代码编辑器
  • sql:数据库 SQL 脚本

项目地址:

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

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

联系作者

  • QQ:742354529
  • QQ 群: 747200630
  • 个人主站:https://typ1805.gitee.io

http://www.ppmy.cn/news/1299184.html

相关文章

在群晖NAS上搭建私有部署笔记软件——Blossom

一、Blossom 简介 Blossom 是一个需要私有部署的笔记软件,虽然本身定位是一个云端软件,但你仍然可以在本地部署,数据和图片都将保存在本地,不依赖任何的图床或者对象存储。 Blossom | Blossom (wangyunf.com)https://www.wangyun…

主流大语言模型从预训练到微调的技术原理

引言 本文设计的内容主要包含以下几个方面: 比较 LLaMA、ChatGLM、Falcon 等大语言模型的细节:tokenizer、位置编码、Layer Normalization、激活函数等。大语言模型的分布式训练技术:数据并行、张量模型并行、流水线并行、3D 并行、零冗余优…

dubbo的springboot集成

1.什么是dubbo? Apache Dubbo 是一款 RPC 服务开发框架,用于解决微服务架构下的服务治理与通信问题,官方提供了 Java、Golang 等多语言 SDK 实现。使用 Dubbo 开发的微服务原生具备相互之间的远程地址发现与通信能力, 利用 Dubbo …

TS 36.306 V12.0.0

​本文的内容主要涉及TS 36.306,版本是C00,也就是V12.0.0。

【服务器数据恢复】Hyper-V虚拟化数据恢复案例

服务器数据恢复环境: Windows Server操作系统服务器,部署Hyper-V虚拟化环境,虚拟机的硬盘文件和配置文件存放在某品牌MD3200存储中,MD3200存储中有一组由4块硬盘组成的raid5阵列,存放虚拟机的数据文件;另外…

阿里云提示服务器ip暴露该怎么办?-速盾网络(sudun)

当阿里云提示服务器IP暴露的时候,这意味着您的服务器可能面临安全风险,因为黑客可以通过知道服务器的IP地址来尝试入侵您的系统。在这种情况下,您应该立即采取措施来保护您的服务器和数据。以下是一些建议: 更改服务器IP地址&…

Vue3 遍历echats图表

1.导入echart import * as echarts from echarts2.主要实现代码 这里使用动态id方法实现遍历 <div v-for"(item,index) in showData" :key"index"><div style"width:100%;height:55%;"><div :id"lineRefindex" style&…

AI真正的Killer App 仍然缺席

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…