项目之旅（第三周）

文章目录

项目学习总结
- 一、form表单的提交
- - 1）、提交跳转型
  - 2)、ajax异步提交form表单，前端控制下一步走向型、ajax异步提交form表单，前端控制下一步走向型)
- 二、.gitignore文件用法及如何配置
- 三、点击除盒子之外的地方盒子隐藏
- 四、thymeleaf复用div
项目总结
生活总结

项目学习总结

一、form表单的提交

1）、提交跳转型

form表单一旦submit，默认提交表单并跳转

2)、ajax异步提交form表单，前端控制下一步走向型

提交表单数据，不跳转页面

二、.gitignore文件用法及如何配置

.gitignore文件是在git提交的时候用来屏蔽某些你不想提交上去的文件

项目开发过程中，有时候不想把一些文件提交到git上。这个时候就由**.gitignore**文件来筛选出不想提交的文件。所筛选的文件/夹将不会被追踪（tracked），push的时候也不会上传到git上

三、点击除盒子之外的地方盒子隐藏

javascript 复制代码

let all = document.getElementsByTagName('body')[0]
  all.onclick = function (e) {
   const searchBox=document.getElementsByClassName("searchBox")[0]
     let elem = e.target
     if (all && !searchBox.contains(elem)) {
        searchResult.style.display = "none"
        searchResult.style.width = "0"
        }
    }

四、thymeleaf复用div

原页面

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="jj" th:fragment="yy">
        <p>thymeleaf复用</p>
    </div>
</body>
</html>

复用页面

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>

项目总结

本周是项目进行的第三周，已经只剩一周的时间了，时间还是很紧张的，目前我们写的页面还是勉勉强强，周三开会也重新对项目有了新的想法和认知，周三晚上得到了坏消息，这几天以来写页面的时间和效率大大降低，在努力调整和追赶，明天回去后时间更加紧张了，要熬夜抓紧时间了

生活总结

那时只道是寻常，谁想竟是最后一面