JavaWeb.02.JSP基本语法和表单提交方式

最新推荐文章于 2022-03-28 22:05:28 发布

Champion_me

最新推荐文章于 2022-03-28 22:05:28 发布

阅读量251

点赞数 5

文章标签： javascript 前端 json

本文链接：https://blog.csdn.net/champion_me/article/details/123767378

版权

一、本节单词

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("登录失败");
	}
	
%>