目录
一、本节单词
1.cs client/server 客户端,服务器
2.bs brower/server 浏览器,服务器
3.(URL的三部分)
协议 主机 端口
http://localhost:8080
4.请求【request】 客户端-》服务器
5.响应【response】 服务器-》客户端
6.表单 (form)
action 表单提交的地址
method
get 【默认】显示在地址栏上,数据长度有限制
post 不显示在地址栏上,数据长度无限制
二、BS介绍
1.为什么需要基于BS技术的动态网页?
2.BS技术的特点是什么?
三、如何在浏览器上动态输出当前日期?
//第一种输出方式
<%
//输出当前日期
out.print(new Date());
%>
//第二种输出方式
<h1><%=new Date() %></h1>
四、JSP(Java Server Pages)是指:
五、Web容器处理JSP文件请求需要经过3个阶段:
六、JSP页面的元素包括:
七、request对象常用方法
八、表单验证(接收表单数据)实践
1.登录页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录方式</title>
</head>
<body>
<!--
表单 (form)
action 表单提交的地址
method
get 【默认】显示在地址栏上,数据长度有限制
post 不显示在地址栏上,数据长度无限制
【输入框上面必须要携带 name】
-->
<!--接收表单数据 -->
<form action="doLogin.jsp" method="post">
<p>
<input type="text" name="username" placeholder="请输入用户名" />
</p>
<p>
<input type="password" name="password" placeholder="请输入密码"/>
</p>
<p>
<input type="number" name="age" placeholder="请输入年龄"/>
</p>
<p>
<input type="checkbox" name="habit" value="打球1"/>A
<input type="checkbox" name="habit" value="打球2"/>B
<input type="checkbox" name="habit" value="打球3"/>C
<input type="checkbox" name="habit" value="打球4"/>D
</p>
<p>
<button>登录</button>
</p>
</form>
</body>
</html>
2.请求处理登录请求的界面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!--处理登录请求 -->
<h1>请求处理登录请求的界面</h1>
<%
//内置用户:sa 123
//获取到用户提交过来的表单信息
String username=request.getParameter("username");//从请求中去数据
String password=request.getParameter("password");//从请求中去数据
//从请求中去数据
String age=request.getParameter("age");//这个方法只能接收String类型的值,必须要自己做转换
Integer.parseInt(age);//将字符串变成数字
String[] ts=request.getParameterValues("habit");//接收到多个具备相同name的值
//遍历操作
String my_habit="";
for(String habit:ts){
System.out.println(habit);
my_habit+=habit+",";//字符串拼接
}
//存到数据库中 应该是一个数据
out.print(my_habit);
//可以做一个登录验证
if("sa".equals(username)&&"123".equals(password)){
out.print("登录成功");
}else{
out.print("登录失败");
}
%>