项目来源: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