javaWeb学习笔记(尚硅谷旧版+新版)

ul是无序列表
type属性可以修改列表项前面的符号
li是列表项
-------------------------------------------------------------------------------------------------------------------------ol是有序列表

img标签

学新通

table标签

学新通

跨行跨列表格

td标签

colspan属性设置跨列
rowspan属性设置跨行

iframe标签

学新通

表单标签

学新通

关于GET和POST请求

学新通

PS:对于POST请求需要设置编码格式

javaWeb中的路径问题

CSS基础

标签名选择器

标签名{ 属性：值； }

id选择器

#id属性值{ 属性：值； }

class选择器（类选择器）

.class属性值{ 属性：值； }

JavaScript基础

JS中的变量

学新通

关系（比较）运算

等于: == 等于是简单的做字面值的比较
全等于: === 除了做字面值的比较之外，还会比较两个变量的数据类型

逻辑运算

学新通

数组

学新通

PS:javaScript语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作。

函数

function 函数名(形参列表){ 函数体 }

学新通

JS中的自定义对象

Object形式：

对像的定义：

var 变量名= new Object(); //对象实例(空对象)
变量名.属性名=值; //定义一个属性
变量名.函数名=function(){} //定义一个函数

对象的访问

变量名.属性/函数名();

{}花括号形式

var 变量名={}; //空对象
var变量名={
属性名:值, //定义一个属性
属性名:值函数名：funciton(){} //定义一个函数
}

JS中的事件

常用事件

事件的注册

学新通

例：

DOM模型

DOM全称是Document Object Model文档对象模型

学新通

JQuery基础

简介

学新通

例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>JSTest</title>

<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>

<script>

$(function () {//表示页面加载完成后，相当于Window.onload=function(){}

var $btnObj=$("#btn1");//表示按id查询标签对象

$btnObj.click(function () {//绑定单机事件

alert("JQuery点击");

})

})

</script>

</head>

<body>

<button id="btn1">按钮</button>

</body>

</html>

JQuery核心函数

$是jQuery的核心函数，能完成jQuery的很多功能。$()就是调用$这个函数。
学新通

学新通

区分JQuery对象和dom对象

学新通

jQuery对象是dom对象的数组 jQuery提供的一系列功能函数。

JQuery对象和dom对象的相互转换

学新通

JQuery选择器

基础选择器

学新通

层级选择器

学新通

过滤选择器

学新通

内容过滤器

学新通

属性过滤器

学新通

表单过滤器

学新通

元素筛选

学新通

JQuery属性操作

学新通

DOM的增删改操作

学新通

JQuery中的CSS样式

学新通

JQuery中的动画

学新通

JQuery中的事件

学新通

JavaWeb基础

Servlet中浏览器与服务器的映射代码体现

<servlet>
<servlet-name>AddServlet</servlet-name>
<servlet-class>com.shangguigu.Servlet.AddServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AddServlet</servlet-name>
<url-pattern>/add</url-pattern>
</servlet-mapping>

解析

学新通

编码设置

tomcat8开始,设置编码,只需要针对post方式
request.setCharacterEncoding ("UTF-8") ;
PS:需要注意的是,设置编码这一句代码必须在所有的获取参数动作之前

Servlet继承关系

学新通

Servlet的生命周期

学新通

Servlet中初始化方法init()

学新通

业务层的概念

学新通

IOC

学新通

HTTP协议

学新通

会话

学新通

资源跳转方式-服务器内部转发or客户端重定向

学新通

Thymeleaf（视图模板技术）

学新通

过滤器

学新通

事务管理

ThreadLocal

监听器

学新通

QQZone项目小结

开发具体的业务模块：
1）一个具体的业务模块纵向上由几个部分组成：
- html页面
- POJO类
- DAO接口和实现类
- Service接口和实现类
- Controller 控制器组件
2）如果html页面有thymeleaf表达式，一定不能够直接访问，必须要经过PageController
3）在applicationContext.xml中配置 DAO、Service、Controller，以及三者之间的依赖关系
4） DAO实现类中，继承BaseDAO，然后实现具体的接口, 需要注意，BaseDAO后面的泛型不能写错。
例如：
public class UserDAOImpl extends BaseDAO<User> implements UserDAO{}
5） Service是业务控制类，这一层我们只需要记住一点：
- 业务逻辑我们都封装在service这一层，不要分散在Controller层。也不要出现在DAO层（我们需要保证DAO方法的单精度特性）
- 当某一个业务功能需要使用其他模块的业务功能时，尽量的调用别人的service，而不是深入到其他模块的DAO细节
6） Controller类的编写规则
① 在applicationContext.xml中配置Controller
<bean id="user" class="com.atguigu.qqzone.controllers.UserController>
那么，用户在前端发请求时，对应的servletpath就是 /user.do , 其中的“user”就是对应此处的bean的id值
② 在Controller中设计的方法名需要和operate的值一致
public String login(String loginId , String pwd , HttpSession session){
return "index";
}
因此，我们的登录验证的表单如下：
<form th:action="@{/user.do}" method="post">
<inut type="hidden" name="operate" value="login"/>
</form>
③ 在表单中，组件的name属性和Controller中方法的参数名一致
<input type="text" name="loginId" />
public String login(String loginId , String pwd , HttpSession session){
④ 另外，需要注意的是： Controller中的方法中的参数不一定都是通过请求参数获取的
if("request".equals...) else if("response".equals....) else if("session".equals....){
直接赋值
}else{
此处才是从request的请求参数中获取
request.getParameter("loginId") .....
}
7） DispatcherServlet中步骤大致分为：
0. 从application作用域获取IOC容器
1. 解析servletPath ，在IOC容器中寻找对应的Controller组件
2. 准备operate指定的方法所要求的参数
3. 调用operate指定的方法
4. 接收到执行operate指定的方法的返回值，对返回值进行处理 - 视图处理
8) 为什么DispatcherServlet能够从application作用域获取到IOC容器？
ContextLoaderListener在容器启动时会执行初始化任务，而它的操作就是：
1. 解析IOC的配置文件，创建一个一个的组件，并完成组件之间依赖关系的注入
2. 将IOC容器保存到application作用域

初时Cookie

学新通

Kaptcha验证码

学新通

正则表达式

学新通

原生Ajax

学新通

初识Vue

学新通

Json数据格式

学新通

这篇好文章是转载于：学新通技术网