1024创新实验室-公告

助力抖音1000个粉丝，开播写代码🎉🎉

打开【抖音APP】-点击【左上角侧边栏】-【点击扫一扫】-【进行关注】🎉🎉

和1024创新实验室一起，热爱代码，热爱生活，永远年轻，永远前行🎉🎉

打赏
SmartAdmin | 1024创新实验室

Appearance

首先搭建前后端项目 ​

1、环境工作 ​

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

2、拉取代码 ​

从 https://gitee.com/lab1024/smart-admin 拉取最新代码;

  • 前端代码：在 /smart-admin-web 目录，其中有 js 和 ts 两个版本;
  • 后端代码：
    java8版本 在 /smart-admin-api 目录，maven的项目结构
    java17版本 在 /smart-admin-api-java17-springboot3 目录，maven的项目结构
  • 数据库SQL脚本, 在 /smart_admin_v3.sql 文件中

3、执行SQL脚本 ​

  • 1）执行Sql脚本：/smart_admin_v3.sql
  • 2）执行成功后，会创建 smart_admin_v3 数据库

4、 启动Redis ​

如果有redis环境，可以直接忽略，如果没有，请安装：
Linux版本：https://redis.io/download
Windows版本：https://github.com/microsoftarchive/redis/releases

5、 导入后端 ​

将smart-admin-api 或者 smart-admin-api-java17-springboot3 项目导入到idea或者eclipse中（）

6、 修改后端配置文件 ​

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

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

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

（1）修改jdbc参数

yaml
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

(2)修改redis参数

yaml
  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

(3)修改文件上传配置
文件上传默认配置为：上传本地，即 如下 file.storage.mode = local ，前期可以不做任何改变，服务就能正常启动；
如若改为上传云端，请具体查看 文件上传说明

yaml
file:
  storage:
    mode: local
    local:
      upload-path: /home/smart_admin_v2/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

6.2 修改sa-admin中的配置application.yaml ​

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

修改日志目录 log-directory，此目录为 log4j2的目录和tomcat日志目录

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

修改端口

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

7、启动后端 ​

找到sa-admin项目的 AdminApplication启动类，运行。
访问：http://localhost:1024/swagger-ui/index.html 能看到swagger文档，账号：api 密码： 1024 到此，后端启动成功！

8、启动前端 ​

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

2）进入目录smart-admin-web / javascript-ant-design-vue3，执行npm install命令，安装依赖

3）进入目录smart-admin-web / javascript-ant-design-vue3，执行 npm run dev 命令，启动开发环境

4）访问: http://localhost:8080 ， 账号： admin / 123456

9、记住三个单词 ​

在项目中有三个特别单词：business、system、support,解释如下：

  • business ， 业务，比如项目为：进销存ERP系统，那么业务就是进销存业务，比如：商品管理，仓库管理、出入、入库等等
  • system ， 系统功能，比如员工、部门、角色、权限、菜单等等，
  • support ， 支撑，就是任何系统都离不开一些基础功能（不涉及任何的业务），比如系统参数配置、字典、文件、缓存cache、心跳、登录日志、数据变动日志等 等

横向对比下：

对比解释项目涉及业务举例
support支撑sa-base不涉及文件、字典、图形验证码、自定义列等
system系统sa-admin涉及很少员工、菜单、角色、权限等
business业务sa-admin全是业务具体需求具体分析

联系我们 ​

1024创新实验室-主任：卓大，混迹于各个技术圈，研究过计算机，熟悉点 java，略懂点前端。
1024创新实验室 致力于成为中原领先、国内一流的技术团队， 以AI+数字化为驱动，用技术为产业互联网提供无限可能， 业务如下:
  • 教育领域（高职院校数字化、就业创业大数据平台、继续教育平台；在线教育系统、视频直播、题库等，包含：医学、应急管理、成考、专升本等）
  • 供应链领域（网络货运平台、大宗贸易进销存ERP、物流管理TMS、B2B电商、仓储WMS、AI提效等）
  • 中医领域（诊所数字化管理、互联网医院、AI辅助诊疗、中医适宜技术、在线云问诊、空中药房等）
  • AI+软件领域（软件定制外包、开源技术、数据大屏、国产化改造、技术升级换代、人员外包、技术顾问、技术培训等）
加微信： 卓大
拉你入群，一起学习		 公众号 ：六边形工程师
分享：赚钱、代码、生活		请 “1024创新实验室”
烩面里加肉
咖啡配胡辣汤,提神又饱腹		抖音 : 六边形工程师
直播：赚钱、代码、中医

阅读量：