前端项目搭建

  • Vue项目使用webpack来构建。首先确保本已经安装了NodeJS,可以选择使用yarn或者npm来管理依赖

    1
    2
    node -v
    v14.19.0

  • “vite”是vue官方开发/编译工具, 他把vue文件编译成浏览器识别的js。执行如下命令，可以创建并启动一个名为vuehr的前端项目：

    1
    2
    3
    4
    5
    # npm init vite@latest vuehr
    yarn create vite vuehr --template vue-ts
    cd vuehr
    yarn
    yarn dev

后端项目搭建

  • Spring Boot 2.5.5支持使用jdk 17

  • 创建一个Spring Boot 工程，添加 spring-boot-starter-web 依赖即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <properties>
      <maven.compiler.source>17</maven.compiler.source>
      <maven.compiler.target>17</maven.compiler.target>
      <springboot.version>2.5.5</springboot.version>
    </properties>
    <dependencies>
      <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
      </dependency>
    </dependencies>

    <dependencyManagement>
      <dependencies>
        <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-dependencies</artifactId>
          <version>${springboot.version}</version>
        </dependency>
      </dependencies>
    </dependencyManagement>

数据模型设计

  • 略

其他组件

  • redis