ReZero 从零开始搭建前后端项目（一）

搭建后端项目

工具 IntelliJ IDEA Community Edition 2020.3

springboot 基础项目

创建新的maven项目.png

定义项目基本信息.png

项目创建结束打开初始化的pom 文件添加必要的springboot依赖

<!--添加 spring boot 依赖-->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.6.RELEASE</version>
    </parent>
    
    <dependencies>
        <!--该依赖包含spring-boot-starter,还自动开启了web功能 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

添加项目启动类此时添加完成便可启动项目（目录一般以与网站相反的顺序命名如showcase.ankicoo.com 包名一般为 com.ankicoo.showcase）

基础启动类.png

添加配置文件 resources 目录下添加application.yml 或者 application.yaml文件区别于语法可自行了解此处使用的是.yaml 文件

配置文件.png

启动项目可见下图提示项目启动于配置的8080端口且服务内容在端口下的 /showcase 路径

启动信息.png

添加接口层用于返回数据

接口信息.png

前端访问服务器启动端口加上context-path 加上路径便可获得返回内容本地启动服务可从 localhost 或127.0.0.1 查看如 http://127.0.0.1:8080/showcase/display/hello

访问接口.png

添加数据库操作

添加用于访问数据库的依赖，此处使用mysql数据库使用 tk.mybatis 用于访问数据获取数据添加下列依赖版本可按需更改

<!--Mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.16</version>
        </dependency>
<!--mybatis-->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.2</version>
        </dependency>

        <!--tk.mybatis mapper-->
        <dependency>
            <groupId>tk.mybatis</groupId>
            <artifactId>mapper</artifactId>
            <version>4.0.4</version>
        </dependency>
        <dependency>
            <groupId>tk.mybatis</groupId>
            <artifactId>mapper-spring-boot-starter</artifactId>
            <version>2.0.4</version>
        </dependency>