企业后台管理系统模板 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

相关推荐
李鸿耀1 小时前
主题换肤指南:设计到开发的完整实践
前端
caibixyy5 小时前
Spring Boot 整合 Redisson 实现分布式锁:实战指南
spring boot·分布式·后端
码事漫谈5 小时前
C++编程陷阱:悬空引用检测方法与防范指南
后端
码事漫谈6 小时前
缓存友好的数据结构设计:提升性能的关键技巧
后端
带娃的IT创业者6 小时前
TypeScript + React + Ant Design 前端架构入门:搭建一个 Flask 个人博客前端
前端·react.js·typescript
sheji34166 小时前
【开题答辩全过程】以 springboot高校社团管理系统的设计与实现为例,包含答辩的问题和答案
java·spring boot·后端
聆风吟º7 小时前
远程录制新体验:Bililive-go与cpolar的无缝协作
开发语言·后端·golang
非凡ghost7 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
Stanford_11067 小时前
React前端框架有哪些?
前端·微信小程序·前端框架·微信公众平台·twitter·微信开放平台
洛可可白8 小时前
把 Vue2 项目“黑盒”嵌进 Vue3:qiankun 微前端实战笔记
前端·vue.js·笔记