web02.jsp基本语法&表单提交方式-CSDN博客

本文链接：https://blog.csdn.net/qq_64164870/article/details/123830547

B/S结构与C/S结构的区别？

c/s：client/server 客户端，服务器

b/s：brower/server 浏览器，服务器

URL由几部分组成？

URL：三个部分（协议，主机，端口）

http://localhost:8080

为什么需要基于B/S技术的动态网页？

使用动态网页，可以动态输出网页内容、同用户进行交互、对网页内容进行在线更新

B/S技术的特点是什么?

JSP (Java Server Pages)是指：

1.在HTML中嵌入Java脚本代码

2.由应用服务器中的JSP引擎来编译和执行嵌入的Java脚本代码

3.然后将生成的整个页面信息返回给客户端

jsp是一个文件格式：java+html+css+js

我们写的是jsp文件，Tomcat会把jsp文件变成java文件

jvm（java编译器）会把java变成.class

Web容器处理JSP文件请求需要经过3个阶段：

翻译阶段

编译阶段

执行阶段

第一次请求之后，Web容器可以重用已经编译好的字节码文件

注意：如果对JSP文件进行了修改，Web容器会重新对JSP文件进行翻译和编译

如何在浏览器上输出当前日期？

要导包（java.util.Date）

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>项目首页</h1>
<img src="images/3.jpeg">
<%
//输出当前日期
out.print(new Date());
%>
</body>
</html>

JSP 页面的元素包括：

表单验证（登入界面）


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 表单 form 
action 表单提交的地址
method 提交的方式
【输入框上面必须携带name】
get 默认】显示在地址栏上，数据长度有限制
 post 不显示在地址栏上，数据长度无限制
-->
	<form action="index2.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>
			<button>登入</button>
		</p>
	</form>
</body>
</html>

处理登入请求

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 处理登入请求 -->
<h1>这是处理登入请求的界面</h1>
<%
//内置用户：aa 123

//获取到用户提交过来的表单信息
String username=request.getParameter("username");
String password=request.getParameter("password");

//从请求中取数据(类型全部都是string 必须自己做转换)
String age=request.getParameter("age");
Integer.parseInt(age);//将字符串变成数字


//可以做登入验证了
if("aa".equals(username)&&"123".equals(password)){
	out.print("登入成功");
}else{
	out.print("登入失败");
}
%>