2020.2.9项目学习知识点

项目来源：https://blog.csdn.net/biandanloveyou/category_8401810.html

（一）Thymeleaf

1.Thymeleaf：前端模板引擎，把数据渲染成浏览器能够识别的数据

2.Thymeleaf是一个java XML/XHTML/HTML5模板引擎，可以在web中工作

（二）代码学习

例子：

<script type ='text/javascript'>
funtion submitForm(){
var userName=document.getElementById("userName").vaule
var password=document.getElementById("password").vaule
if(""==userName){
alert("请输入用户名!");
return;
}
if(""==password){
alert("请输入密码!");
return;
}
document.getElementById("loginForm").submit();
</script>

说明：

1.<script type ='text/javascript'>是固定的

2.funtion submitForm()：定义一个函数，私有

3.var：根据变量赋值定义变量类型

4.document.getElementById("password")：调用当前方法获取id的值为Password，当前文档要有id=password的元素，并且type=password可隐藏密码

5.document.getElementById("loginForm").submit();：找到Id=loginForm的表单进行提交

(三)Form表单

1.Form表单：用于为用户创建html表单

在Form表单中任何数据提交给后台，后台都能获取得到

2.定义一个Form表单，id=loginForm请求的URL地址用@{...}

<form id="loginForm"th:action="@{/action}"method="post">

stype ="text-align:center"

说明：th:thymeleaf的模板引擎

(四)<div>

1.<div>可定义文档中的分区或者节

2.<div>标签可以把文档分割为独立的、不同的部分，它可以用作严格的组织工具，并且不使用任何格式与其关联

（五）placeholder

1.placeholder属性提供可描述输入字段预期值的提示信息（hint)，该提示会在输入字段为空时显示，并会在字段获取焦点时消失

（六）调试模式

1.浏览器按F12或者鼠标右键进入调试模式

2.Element 元素：整个浏览器标签内容

3.Console：一般是错误信息或输出信息

4.source:网站能够访问到的资源

5.network：网络

6.statue：状态码。例如：

200：请求成功

404：未找到资源

403：权限不够被拒绝

500：服务器出现问题

（七）cookie

cookie：小型文本文件，是某些网络为了辨别用户身份，进行session跟踪而储存在用户本地终端上的数据，由用户客户端计算机暂时或永久保存的信息

(八)

href属性的值可以是任何有效文档的相对或者绝对路径，包括片段标识符和javascript 代码段

(九)win10系统-idea

Fn+F7：进入到方法里具体实现

Fn+F8:单步调试

Fn+F9:跳到下一个断点，没有断掉就退出

(十)

css:层叠样式表（cascading style sheets）是一种用来表示HTML或XML等文件样式的计算机语言

(十一)

1.下载插件。file →setting

2.找到plugins，在右边输入框输入：GenerateSerialVersionUID→search in respositories→install→accept

3.设置到idea中，file→other settings→setting for new project

4.在右边输入框中输入SerialVersionUID,把Serislizable class without SerialVersionUID勾选，重启Idea

5.Alt+insert→SerialVersionUID