1024创新实验室-公告

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

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


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


Skip to content

搭建前、后端、移动端项目

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-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脚本, 在 /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-java8-springboot2 或者 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_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

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 目录
如果选择ts项目,进入 smart-admin-web-typescript 目录

2)进入目录后,执行npm install命令,安装依赖

3)进入目录后,再执行 npm run dev 命令,启动开发环境

4)访问: http://localhost:8080 , 账号: admin / 123456

9、启动移动端

1)进入 smart-app 目录

2)进入目录后,执行npm install命令,安装依赖

3)进入目录后,再执行 npm run dev:h5 命令,启动H5开发环境

4)访问: http://localhost:8080 , 账号: admin / 123456

5)

10、记住三个单词

在项目中有三个特别单词:businesssystemsupport,解释如下:

  • 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创新实验室”
烩面里加肉
咖啡配胡辣汤,提神又饱腹
抖音 : 六边形工程师
直播:赚钱、代码、中医