web JSP的动态交互 cs与bs结构的区别， bs结构的超详细解释，jsp的表单验证

最新推荐文章于 2023-03-18 14:48:45 发布

原创最新推荐文章于 2023-03-18 14:48:45 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #web #java #eclipse

WEB 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了BS结构与CS结构的区别，重点解析了JSP的工作原理和web容器处理JSP的三个阶段。讲解了页面元素、page指令及request对象的方法。此外，还探讨了如何更改端口、JSP文件的本质以及表单的GET和POST提交方式，并通过实例展示了表单验证操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

哈喽大家好，今天给大家分享一下bs结构和一个表单按理，还有一些基操

一，bs结构

1,bs结构与cs结构区别

cs client/server 客户端，服务器
bs brower/server 浏览器，服务器

2，bs结构、特点

bs结构

3，JSP是什么？

JSP (Java Server Pages)是指：在HTML中嵌入Java脚本代码
由应用服务器中的JSP引擎来编译和执行嵌入的Java脚本代码然后将生成的整个页面信息返回给客户端

4，web容器的处理jsp三个阶段

翻译阶段
编译阶段
执行阶段

5，jsp的页面元素

jsp的元素

6，page指令

page

7，request对象常用方法

requ

二，基本操作

1更改端口

如果说我们的端口号被占用了，会报“mar already be runing in another”出现在报错当中，这说明我们需要手动更改我们的端口号，栓剂我们的服务器，打开这个页面
改端口
更改我们的html1这个端口号就行了

2、jsp文件本质

说一下.jsp的文件，jsp是一个文件格式它支持 java + html + css +js ，但jsp本质上就是一个java文件，我们写的是jsp文件，使用tomcat会把jsp文件变成java文件，然后我们的 jvm(java编译器)会把java变成.class文件。其实呢，我们所写的jsp文件，都会被编译程java文件，如果java文件需要运行就会被编译程class文件

3,表单的提交方式

method ，分为get，post两种， get【默认，显示在地址栏上，数据长度有限】
post 【不显示在地址栏上，数据长度无限】
post的name和pwd相似在网咯里 (f12）
如果要上传文件，照片头像，都是用post，因为它数据长度没有限制

三，表单案例

1，新建两个项目页面 login和dologin

2，login放html页面排版代码
dologin放java获取数据操作代码
login代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>login</title>
</head>
<body>
	<form action="dologin.jsp" method="post">
		<p>
			<font size="5" color="black">账号：</font> <input type="text"
				name="userName" placeholder="请输入账号" />
		</p>
		<p>
			<font size="5" color="black">密码：</font> <input type="password"
				name="userPwd" placeholder="请输入密码" />
		</p>
		<p>
			<font size="5" color="black">密码：</font> <input type="number"
				name="age" placeholder="请输入年龄" />
		</p>
		<p>
			<input type="checkbox" name="habit" vaule="看书">A <input
				type="checkbox" name="habit" vaule="打游戏">B <input
				type="checkbox" name="habit" vaule="打篮球">C <input
				type="checkbox" name="habit" vaule="打妹妹">D <input
				type="checkbox" name="habit" vaule="打哥哥">E <input
				type="checkbox" name="habit" vaule="大气球">F
		</p>
		<p>
			<button>登录</button>
			<button>注册</button>
		</p>
	</form>
</body>
</html>

dologin代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
//内置用户 sa 123
//使用 request.getParament()
String username = request.getParameter("userName");//从请求中获取数据
String userpwd = request.getParameter("userPwd");
//数据类型不一致，需要强转
String age = request.getParameter("age");
 Integer.parseInt(age);
 //拿爱好
 String[]ts = request.getParameterValues("habit");
 //存入数据库的一个拼接操作
// out.print(ts);
 String my_habit ="";
 for (String habit:ts ){![在这里插入图片描述](https://img-blog.csdnimg.cn/4eb7112fd1d544fbb474b76e88ef1ee9.png#pic_center)

	 my_habit+=habit+",";
 }
 //out.print(my_habit);
 //根据 ， 切割
 my_habit.split(",");
//
if ("sa".equals(username) && "123".equals(userpwd)) {
	out.print("登陆成功");
} else {
	out.print("sb 登录失败");

}
%>