springboot项目感受03

时间:2022-09-01 01:28:52

继续上文
01.数据的部分已经完成了,此时需要考虑到前端与用户交互的部分,这里就需要网页html,服务器响应servlet。

网页的部分,html文件放在resource目录下的template文件中,servlet变成了controller包,其中的controller类功能是与servlet一致的。

controller类命名方式是xxxxcontroller

结构如下:

@Controller 这个表示 类实例化对象后交给spring容器管理
@RequestMapping(“/某个共有的路径/”)
class xxxxcontroller{
@Autowired
private xxxxService xxxxxService; 这里是service接口,上面已经测试过了,功能可以使用

@RequestMapping(“路径最后的部分”)
public String 方法名 (Model model) {

// model类似于request对象,可以用来保存后端的数据,再传递到前端去,前端html那里使用thymeleaf技术,来接受后端的数据

		List<Activity> list = activityService.findObjects();
			model.addAttribute("activity", list)		

return "html的页面名“;

//(此处因为在application.properties上面thymeleaf中有写到前后缀的问题,所以只需要写出html文件的名字就可以了)
}

}

03.写html文件,需要使用到官网https://www.thymeleaf.org/,来查阅相关的thymeleaf的html功能代码

The Activity Page

 <table>
 
    <thead>
       <tr>
       <th>表的列名1</th>
       <th>表的列名2</th>
       <th>表的列名3</th>
       <th>表的列名4</th>
       <th>表的列名5</th>
       <th>表的列名6</th>
       <th>表的列名7</th>
       </tr>
    </thead>
    
    
    <tbody>
       <tr th:each="变量名:${model对象的key(这里存储的是一个list),在controller类上存储的}">
         <td th:text="${变量名.属性1(等于表的列名1)}"></td>
         <td th:text="${变量名.属性2(等于表的列名2)}"></td>
         <td th:text="${变量名.属性3(等于表的列名3)}"></td>
         <td th:text="${变量名.属性4(等于表的列名4)}"></td>
         <td th:text="${变量名.属性5(等于表的列名5)}"></td>
         <td th:text="${变量名.属性6(等于表的列名6)}"></td>
       </tr>
    </tbody>
    
    
    
 </table>