数据准备

需要把数据存储在数据库中接下来咱们借助MyBatis来实现数据库的操作。

数据准备

如果我们想将数据存起来首先要有一个数据库吧所以首先就是要创建一个数据库

由于直接在Mysql

小黑框里写有点麻烦我们可以借助一些软件来更加简单的创建数据库我使用的是Navicat

Premium17挺好用的虽然它收费但是搜搜教程免费的就来了懂我的意思吧。

最好使用Mysql

这是创建一个message_info表的代码有兴趣的可以跟着敲一下就当复习了没兴趣的直接复制就行。

DROP

groupIdorg.mybatis.spring.boot/groupId

artifactIdmybatis-spring-boot-starter/artifactId

version3.0.3/version

artifactIdmysql-connector-j/artifactId

scoperuntime/scope

/dependency方法二使⽤插件EditStarters来引入依赖

1先打开settings

然后在Plugins插件里面搜EditStarters,点击install就行了然后重启IDEA就能用了

对于方法三吃一堑长一智下次我们在创建项目的时候直接添加进来就行了就不用后期再次添加了。

配置Mysql账号密码

这个操作需要在applicantion.properties文件下配置由于这里我只提供了yml格式的配置信息大家可以将这个文件重命名改成applicantion.yml照着下面的流程图改就行了。

jdbc:mysql://127.0.0.1:3306/blogs_text?characterEncodingutf8useSSLfalseusername:

rootpassword:

org.apache.ibatis.logging.stdout.StdOutImplmap-underscore-to-camel-case:

true

我们可以看到数据库里有很多属性如果只靠我们之前定义的类中的属性肯定是不够的所以我们要重新定义一个实体类和数据库里的属性对应。

实体类代码

com.example.leavemessage_blogs.model;

import

说到这里我们就需要想一想接口文档了我们的需求是什么要用增删改查的哪一个。

我们知道表白墙的两大功能就是

1显示数据2添加信息

由此我们可以回忆一下之前我们的初级表白墙怎么做的我们是用一个list来储存数据如果要显示数据就将list返回给前端。

而此刻我们不再用list储存数据了而是用数据库所以我们要提供的功能就是1查找数据select返回数据给前端页面显示2新增数据insert将用户输入的数据存到数据库中

InfoMapper接口的代码由于我们不需要方法有具体的实现所以定义成接口更合适

我们先完成一个功能添加

com.example.leavemessage_blogs.Mapper;import

com.example.leavemessage_blogs.model.Info;

import

org.apache.ibatis.annotations.Insert;

import

org.apache.ibatis.annotations.Mapper;

import

org.apache.ibatis.annotations.Select;

import

java.util.List;//使用Mybatis操作数据库别忘记加Mapper注解

Mapper

{//我们采用传对象的方式由于前端只提交这几个值所以我们只需要将这几个值传入数据库就行了其他的默认值就行Insert(insert

into

(#{from},#{to},#{message}))public

boolean

右键——》generate——》text——》勾选你要测试的方法其他不用动。

然后加上SpringBootText

com.example.leavemessage_blogs.Mapper;import

com.example.leavemessage_blogs.model.Info;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.boot.test.context.SpringBootTest;SpringBootTest

class

Info();info.setFrom(wulanzheng);info.setTo(chengaiying);info.setMessage(I

love

com.example.leavemessage_blogs.Mapper;import

com.example.leavemessage_blogs.model.Info;

import

org.apache.ibatis.annotations.Insert;

import

org.apache.ibatis.annotations.Mapper;

import

org.apache.ibatis.annotations.Select;

import

{//我们采用传对象的方式由于前端只提交这几个值所以我们只需要将这几个值传入数据库就行了其他的默认值就行

Insert(insert

注意如果你在右键——》generate——》text——》勾选你要测试的方法。

package

com.example.leavemessage_blogs.Mapper;import

com.example.leavemessage_blogs.model.Info;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.boot.test.context.SpringBootTest;SpringBootTest

class

{//将查询的数据遍历打印下来这是一种lamda表达式的写法infoMapper.querryAllInfo().forEach(System.out::println);

}这样我们的后端主要的架构就写完了但是由于应用分层的理念我们还要写service方法和controller进行交互

编写service代码应用分层交互

com.example.leavemessage_blogs.Service;import

com.example.leavemessage_blogs.Mapper.InfoMapper;

import

com.example.leavemessage_blogs.model.Info;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.stereotype.Service;import

public

infoMapper.querryAllInfo();}public

boolean

infoMapper.addInfo(info);if(ret)

{return

我们已经将数据库引入了自然就不需要list来存储数据了所以controller中的代码也要修改

package

com.example.leavemessage_blogs.Controller;import

com.example.leavemessage_blogs.Service.InfoService;

import

com.example.leavemessage_blogs.model.Info;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.util.StringUtils;

import

org.springframework.web.bind.annotation.RequestMapping;

import

org.springframework.web.bind.annotation.RestController;import

java.util.ArrayList;

java.util.List;RequestMapping(/message)

RestController

infoService;RequestMapping(getList_Mysql)public

ListInfo

infoService.getInfo();}RequestMapping(/addInfo)public

boolean

info){System.out.println(info);if(StringUtils.hasLength(info.getFrom())StringUtils.hasLength(info.getTo())StringUtils.hasLength(info.getMessage())){infoService.addInfo(info);return

true;}return

此时我们就已经将后端代码全部修改完毕了就是测试了我们使用postman来测试。

我们再看看数据库

类和service类Mapper类都先写了然后再经过Postman访问controller的url从而达到测试的目的这也是一种测试的方法。

但是相比较于我们上面的直接generate自动生成的方法自动生成的方法更加的方便高效所以更推荐在测试一个接口的时候使用自动生成的方法。

编写前端代码

确定了后端代码全部正确以后此时我们再次点开messagewall.html文件对前端代码进行修改

load();function

/message/getList_Mysql,//修改这里的url改成我们新的urlsuccess:

function

/div;$(.container).append(divE);}}});}

测试前端代码

访问http://127.0.0.1:8080/messagewall.html之后会出现我们之前添加过的数据这表示查询功能正常

以上的表白墙无论你怎么重复启动程序都不会丢失数据了这就是表白墙进阶全部内容了如果有什么问题欢迎留言我们共同探讨。