【免费可商用系列】1小时快速完成专属于你的网站&小程序&APP&后台管理系统搭建，你值得拥有~

一念杂记
101 阅读4分钟

由于有收到粉丝朋友要求推荐关于Java的后台管理系统项目，所以本期穿插一篇开源项目推荐，一个非常不错的项目，值得你花1分钟了解一下~

如果你想了解PHP版本的后台管理系统，可以直接点击下方链接查看：

juejin.cn/post/752867…

项目优点

  • 安全体系天花板

    • 国内首个通过三级等保认证的开源框架
    • 双因子认证+接口国密算法加解密+数据脱敏三重防护
    • 防SQL注入、登录错误锁定等企业级安全机制

  • 极大提高开发效率

    • 一键生成前后端CRUD代码（支持在线预览）
    • 用户可保存个性化字段配置
    • Git Diff式对比历史操作记录

  • 流行稳定的前沿技术栈覆盖

    • Vue3+Vite5+Ant Design Vue4（支持JS/TS双版本）
    • Uniapp多端适配（APP/小程序/H5）
    • SpringBoot3+Sa-Token+Mybatis-Plus（Java8/17双版本）

  • 完全免费可商用

  • 提供7*24小时全天不定时的答疑

  • 部署使用文档全面详细

项目信息

项目名称：

SmartAdmin

项目地址：

gitee.com/lab1024/sma…

官网地址：

www.smartadmin.vip/

在线预览：

preview.smartadmin.vip/#/login

image.png

image.png

image.png

环境依赖

  • 前端： node版本 >= 18 (可以通过node -v命令来查看，建议使用 nvm)
  • 后端：Java （ java8+ ，含java 8 或者 Java17+，含Java17 )
  • Mysql （ Mysql 5.7+， 含5.7）
  • Redis

项目获取

从 gitee.com/lab1024/sma… 拉取最新代码即可，官方提供了不同的版本供我们选择，这一点确实很厉害了~具体的可以参考以下内容，按需拉取：

后端代码

  • 目录smart-admin-api-java8-springboot2为java8和SpringBoot 2.X 版本
  • 目录smart-admin-api-java17-springboot3为java17和SpringBoot 3.X 版本

前端代码

  • 目录smart-admin-web-javascript 为js版本的前端代码
  • 目录smart-admin-web-typescript 为ts版本的前端代码

移动端（H5、小程序、移动端）代码

  • 目录smart-app 为基于uniapp的js版本的移动端代码

SQL

  • 数据库SQL脚本, 在 /sql/smart_admin_v3.sql 文件中

生成数据库

1、执行Sql脚本：/sql/smart_admin_v3.sql

2、执行成功后，会创建 smart_admin_v3 数据库

启动redis

如果有redis环境，可以直接忽略，如果没有，请安装：

Linux版本：

redis.io/download

Windows版本：

github.com/microsoftar…

导入并启动项目

导入项目

将smart-admin-api-java8-springboot2 或者 smart-admin-api-java17-springboot3 项目导入到idea或者eclipse中（以maven项目导入！并将 idea 的 file encoding 设置为 utf8 !）

修改后端配置文件

检查idea编码，本项目 yaml 配置文件中含有中文注释，为了能正常启动项目

修改sa-base中的配置sa-base.yaml

进入 sa-base 项目，打开src/main/resources/dev/sa-base.yaml文件

修改jdbc参数

spring:
  datasource:
    url: jdbc:p6spy:mysql://127.0.0.1:3306/smart_admin_v3?autoReconnect=true&useServerPreparedStmts=false&rewriteBatchedStatements=true&characterEncoding=UTF-8&useSSL=false&allowMultiQueries=true&serverTimezone=Asia/Shanghai
    username: root
    password: Zhuoda#123

修改redis参数

  redis:
    database: 1
    host: 127.0.0.1
    port: 6379
    password:
    timeout: 10000ms
    lettuce:
      pool:
        max-active: 5
        min-idle: 1
        max-idle: 3
        max-wait: 30000ms

修改文件上传配置

文件上传默认配置为：上传本地，即 如下 file.storage.mode = local ，前期可以不做任何改变，服务就能正常启动；

file:
  storage:
    mode: local
    local:
      upload-path: /home/smart_admin_v3/upload/    #文件上传目录
      url-prefix:                                  #文件访问url
    cloud:
      region: oss-cn-qingdao
      endpoint: oss-cn-qingdao.aliyuncs.com
      bucket-name: common
      access-key:
      secret-key:
      url-prefix: https://${file.storage.cloud.bucket-name}.${file.storage.cloud.endpoint}/
      private-url-expire-seconds: 3600

改sa-admin中的配置application.yaml

进入sa-admin项目，打开src/main/resources/dev/application.yaml文件 修改日志目录 log-directory，此目录为 log4j2的目录和tomcat日志目录.

project:
  name: sa-admin
  log-directory: /home/smart-admin/${project.name}/${spring.profiles.active}

修改端口

server:
  port: 1024
  servlet:
    context-path: /

启动后端

找到sa-admin项目的 AdminApplication启动类，运行。

访问：http://localhost:1024/swagger-ui/index.html 能看到swagger文档，账号：api 密码： 1024 到此，后端启动成功！

启动前端

  • 选型 js 还是 ts

作者强烈推荐 js 项目，别问为什么，问就是 JS 大法好，简单 如果选择js项目，进入 smart-admin-web-javascript 目录 如果选择ts项目，进入 smart-admin-web-typescript 目录

  • 进入目录后，执行npm install命令，安装依赖
  • 进入目录后，再执行 npm run dev 命令，启动开发环境
  • 访问: http://localhost:8080 ， 账号： admin / 123456

启动移动端

  • 进入 smart-app 目录
  • 进入目录后，执行npm install命令，安装依赖
  • 进入目录后，再执行 npm run dev:h5 命令，启动H5开发环境
  • 访问: http://localhost:8080 ， 账号： admin / 123456

最后

至此SmartAdmin的分享就结束了，更多内容大家可以前往官网了解~

后续也还会继续我们的微信商城小程序实战项目系列分享，大家也可以将关注的点通过评论、留言、私信发出来，我会尽快的整理分享出来~

本文首发于微信公众号【一念杂记】，欢迎大家关注，第一时间了解更多分享，谢谢！mp.weixin.qq.com/s/C4StWb_LF…

avatar
文章
阅读
粉丝