JavaWeb草稿

1、BeanUtils
使用场景：封装JavaBean对象
JavaBean：标准的Java类
（1）public类
（2）必须提供空参构造
（3）private成员变量
（4）public的setter、getter
注意：
成员变量：
属性：setter和getter方法截取后的产物 例如：getUsername() --> Username–> username

		//1.设置编码
		req.setCharacterEncoding("utf-8");
		//2.获取请求参数
		String username = req.getParameter("username");
		String password = req.getParameter("password");
		//3.封装user对象
		User loginUser = new User();
		loginUser.setUsername(username);
		loginUser.setPassword(password);

		//1.设置编码
		req.setCharacterEncoding("utf-8");
		//2.获取所有请求参数
 		Map<String, String[]> map = req.getParameterMap();
        //3.创建User对象
        User loginUser = new User();
        //4.使用BeanUtils封装
        try {
            BeanUtils.populate(loginUser,map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }

2、案例分析
（1）记住上一次登陆时间
首先，设置响应编码
然后，获取cookies并且遍历cookies，检查是否有名为lastName的cookie
如果有：说明不是第一次访问，将时间字符串经过URL编码，set到lastName的cookie里边—response向页面写URL解码后的值
没有：说明是第一次访问，new(“lastName”,经过URL解码的时间字符串)—response向页面写URL解码后的值

		boolean flag = false;//没有cookie为lastTime
		//遍历
		if(cookies != null && cookies.length > 0){
			for (Cookie cookie : cookies) {
				//有该cookie
				if("lastTime".equals(name)){
					flag = true;//有lastTime的cookie
				}
			}
		//第一次访问
		if(cookies == null || cookies.length == 0 || flag == false){
		}		

（2）验证码案例

	<script>
        window.onload = function(){
            document.getElementById("img").onclick = function(){
                this.src="/day16/checkCodeServlet?time="+new Date().getTime();
            }
        }
    </script> 
    <img id="img" src="/day16/checkCodeServlet">
    //每次加载该页面，会请求验证码；点击图片会重新加载该页面，请求验证码

	1、验证码生成器：
		先获取Session，然后将验证码生成的字符串存入Session里边，
	2、登录按钮
		先获取Session，然后比较，如果相同，删除该验证码Session，存上用户的Session，转到用户登陆成功界面
	字符串忽略大小写比较：equalsIgnoreCase

js
1、选择标签
getElementById()：根据id属性值获取元素对象。id属性值一般唯一
getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组
2、Element对象属性
innerHTML：文本内容
value：input里的值
onclick：事件
3、Element方法
removeAttribute()：删除属性
setAttribute()：设置属性
4、修改css样式
document.getElementById(“div1”).style.border = “1px solid red”;
5、window对象常用方法（后端开发了解即可）
1. 与弹出框有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
* 如果用户点击确定按钮，则方法返回true
* 如果用户点击取消按钮，则方法返回false
prompt() 显示可提示用户输入的对话框。
* 返回值：获取用户输入的值
2. 与打开关闭有关的方法：
close() 关闭浏览器窗口。
* 谁调用我 ，我关谁
open() 打开一个新的浏览器窗口
* 返回新的Window对象
3. 与定时器有关的方式
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
* 参数：
1. js代码或者方法对象
2. 毫秒值
* 返回值：唯一标识，用于取消定时器
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。
6、常见事件
（1）onclick：单击事件 ondblclick：双击事件
（2）onblur：失去焦点 onfocus:元素获得焦点。
（3）onload：一张页面或一幅图像完成加载。
（4）onmousedown 鼠标按钮被按下。 onmouseup 鼠标按键被松开。 onmousemove 鼠标被移动。 onmouseover 鼠标移到某元素之上。 onmouseout 鼠标从某元素移开。
（5）onkeydown 某个键盘按键被按下。 onkeyup 某个键盘按键被松开。 onkeypress 某个键盘按键被按下并松开。
（6）onchange 域的内容被改变。 onselect 文本被选中。
（7） onsubmit 确认按钮被点击。 onreset 重置按钮被点击。
jQuery
1、jQuery选择器
$("#id的属性值") 获得与指定id属性值匹配的元素
$(".class的属性值") 获得与指定的class属性值匹配的元素
2、jQuery常用方法
html(): 获取/设置元素的标签体内容 内容 --> 内容
text(): 获取/设置元素的标签体纯文本内容 内容 --> 内容 ------普通标签
val()： 获取/设置元素的value属性值 ----------------input
3、入口函数

		$(function () {
				           
		});

window.onload 和 $(function) 区别
window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
$(function)可以定义多次的。
4、事件绑定

		$("#b1").click(function(){
	                alert("abc");
	    });

5、css控制

		$("#div1").css("backgroundColor","pink");