Skip to content

准备工作

示意图: c3b615cd6e727081204418142a0aa51b_MD5 通过后端的页面来显示前端的页面 10d45b96f4b5168768ce581ac7c84558_MD5 lombok:简化实体类的定义.构建时点这里就行: fe18bf5c305161f2ec0b45df1d5d4543_MD5 这是user.txt,这个我们放到resource里. e90b93c61e256fc40fe769563c5e94bd_MD5 我们resource里可以创一个文件夹/static,专门用来存放静态资源. 最后,这是我们的内容: 43b09768424bd8d22e1f450160d43eab_MD5

定义实体类

我们需要定义描述类的结构. 注意,我们用integer而不是int.这是因为,int有默认值0,我们不知道是表示为0还是根本不存在.

2225e4b79dd0ca9765220a8fa90f8057_MD5 我们接下来需要get set方法.但是,有相应的注解: a05cac607e797a60e418888090079c83_MD5 这样就会有自动的get/set方法 62f673703bf8826e433e76b6c619186b_MD5 这样就会有自动的空参和全参构造.

controller

专门创建controller包来放置处理类 7388a64dd3bc87fd6c481d262ca84790_MD5 由于我们返回的就是Json字符串,因此我们返回String即可. d9e5431e6000bcd804296956735e5271_MD5 计划流程: cb3f574750aab71866a809f7161d744a_MD5

读取文件

使用hutool 5207693ac15a08cc046b9afc6c8a5223_MD5 tip:我们/java/目录下和/resources目录下的东西,在编译后都放在同一个class目录下. 因此,我们可以这样获取输入流: 61037bb0ba78aa108ef88e7c1e304b4a_MD5

解析信息

然后: 注意这个yyyy-MM-dd HH:mm:ss 1534087e7b5909cef2e3739a5cfc9b65_MD5 当然,黄色提示我们可以使用jdk16后的方法: 2f60c1b74454b52f0ef62dc76c307715_MD5 感觉这句还是得记一下: LocalDateTime t = LocalDateTime.parse(s,DataTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");

返回

如何把对象返回给前端? - 如果我们返回的是一个对象/集合,那么直接返回就可以,会自动解析成json格式的.(注意修改一下返回值) d699d367e1f1c756707ba9ff6d4b520d_MD5

调用

我们在前端页面是这样的:(user.html) 4652ed982b5c8f43e16790b71b77080c_MD5 也就是说,这个页面点击search会到后台自动请求数据的. 然后这样访问 8e4384ae483119a3c565cac2c68933e5_MD5 可以看一下控制台,XHR表示Ajax请求.这样可以过滤一下: 044cc48fa92f9cbc108923bd8b7ed9a5_MD5 cd48ed742bce10da973dfce09fd4ade0_MD5 可见确实是json格式的数据.

  • 是怎么转换的? 原因是这个注解: 83d4957a3fb28473d8f130cd393f56e3_MD5 点开,会发现封装了responseBody注解: 8df29f3e751972e8dfc9d03718552f63_MD5 responseBody注解有个作用: 4b866bb372578bfff598b1a5cdbdec0a_MD5 3605d50ce584946503ca1c9c32b40ced_MD5