企业后台管理系统模板 YZPass-admin-template

介绍

YZPass-admin-template-是一个企业后台管理系统模板, 基于 java + react。期望以开源的方式,提供专业的管理后台模板,助力业务团队快速开发。

在线Demo

首页

用户管理页

YZPass提供了以下前端功能:

  1. 路由与菜单
  2. 菜单权限
  3. 按钮权限
  4. 用户管理和角色管理
  5. Tab内容的缓存
  6. 基于i18n的多语言实现
  7. 基于Redux实现的全局上下文
  8. 集成antd
  9. 基于axios的请求封装

YZPass提供了以下后端功能:

  1. SpringBoot 3.4 的接口实现
  2. Swagger集成
  3. Postgres SQL 数据库集成
  4. JWT集成
  5. Mybatis-Plus集成
  6. 领域设计理念

安装教程

前提条件

你需要基本的java 和 react 相关知识。安装以下软件

  1. jdk 21
  2. idea (推荐,当然你也可以使用其它开发工具)
  3. maven
  4. PostgreSQL db数据库
  5. Node 18或以上版本
  6. Visual Studio Code
  7. git(代码版本管理软件)
  8. dbeaver (推荐使用的数据管理软件)
  • 后端基于 Java 21, Spring Boot 3.4 ,Mybatis-Plus, PostgreSQL db数据库,推荐使用 Idea 进行java开发。
  • 前端基于 React 18, TypeScript, 推荐使用 visual studio code 进行前端开发
  • 基于git管理代码,使用 git clone https://gitee.com/yzpass/yzpass-admin-template.git 下载代码

后端开发步骤

  1. 初始化 PostgreSQL 数据库,使用 doc/init.sql 初始化
  2. 修改 api/src/main/resources/application.yaml 中的数据库配置
  3. 启动 ApiApplication.java
  4. 如果你能看到 Tomcat started on port 8080 (http) with context path '/' 这样的提示,就说明启动成功了。

前端开发步骤

  1. cd web
  2. npm install 安装依赖包
  3. npm run dev 打开开发环境开发的服务
  4. 在浏览器里打开 http://localhost:3301 即可看到网页

生产构建

  1. 在项目根目录下,直接 mvn package 完成构建,构建好的jar 在 api\target\ 下面

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

代码地址:yzpass-admin-template

相关推荐
布兰妮甜11 分钟前
单例模式在前端(JavaScript)中的实现与应用
前端·javascript·单例模式
weixin_4373982111 分钟前
转Go学习笔记
linux·服务器·开发语言·后端·架构·golang
Mintopia11 分钟前
Three.js 加载模型文件:从二进制到像素的奇幻漂流
前端·javascript·three.js
前端小巷子30 分钟前
跨域问题解决方案:JSONP
前端·javascript·面试
eric*168838 分钟前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
程序员爱钓鱼1 小时前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
GIS之路1 小时前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
烛阴1 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥1 小时前
HTML之表单结构全解析
前端·html
聪聪的学习笔记2 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js