文章目录
- 项目学习总结
- 一、form表单的提交
- 1）、提交跳转型
- 2)、ajax异步提交form表单，前端控制下一步走向型
- 二、.gitignore文件用法及如何配置
- 三、点击除盒子之外的地方盒子隐藏
- 四、thymeleaf复用div
- 项目总结
- 生活总结
项目学习总结
一、form表单的提交
1）、提交跳转型
form表单一旦submit，默认提交表单并跳转
2)、ajax异步提交form表单，前端控制下一步走向型
提交表单数据，不跳转页面
二、.gitignore文件用法及如何配置
.gitignore文件是在git提交的时候用来屏蔽某些你不想提交上去的文件
项目开发过程中，有时候不想把一些文件提交到git上。这个时候就由**.gitignore**文件来筛选出不想提交的文件。所筛选的文件/夹将不会被追踪（tracked），push的时候也不会上传到git上
三、点击除盒子之外的地方盒子隐藏
let all = document.getElementsByTagName('body')[0]all.onclick = function (e) {const searchBox=document.getElementsByClassName("searchBox")[0]let elem = e.targetif (all && !searchBox.contains(elem)) {searchResult.style.display = "none"searchResult.style.width = "0"}}
四、thymeleaf复用div
原页面
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="jj" th:fragment="yy"><p>thymeleaf复用</p></div>
</body>
</html>
复用页面
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="qq" th:replace="test1 :: yy"></div>
</body>
</html>
项目总结
本周是项目进行的第三周，已经只剩一周的时间了，时间还是很紧张的，目前我们写的页面还是勉勉强强，周三开会也重新对项目有了新的想法和认知，周三晚上得到了坏消息，这几天以来写页面的时间和效率大大降低，在努力调整和追赶，明天回去后时间更加紧张了，要熬夜抓紧时间了
生活总结
那时只道是寻常，谁想竟是最后一面
