JSP的基本语法，工作原理和表单登录验证

最新推荐文章于 2022-12-07 19:02:35 发布

钟意

最新推荐文章于 2022-12-07 19:02:35 发布

阅读量703

点赞数 2

文章标签：前端 eclipse tomcat

本文链接：https://blog.csdn.net/m0_61857264/article/details/123750723

版权

没有谁的幸运会凭空而来，只有足够努力，你才会足够幸运，加油

——2022.3.26

工作原理

1.用户输入，然后从客户端发送请求到服务器

2.web服务器识别这是一个对jsp网页的请求，就通过url(网址)或.jsp文件发送到jsp引擎

3.jsp从磁盘中载入jsp文件将它转换为Servlet,这只是把它改为java文件

4.通过jsp引擎将servlet转换为可执行的java类

5.服务器再调用Servlet引擎并执行它，然后将结果嵌入到httpreponse,再返回到自己的浏览器上

6.自己的浏览器再把它编译成一个网页

Web容器处理jsp文件的三个过程

1.翻译阶段

2.编译阶段

3.执行阶段

基本语法

1.jsp注释

jsp注释有两种，一种是可以在客户端显示的注释，称为HTML注释

表示形式：<!--注释内容--!>

第二种是发送到服务器在客户端不显示的，称为JSP注释

表示形式：<%--注释内容--%>

2.指令

指令是表示形式<%@ %>

例如：<%@ include file="Filename" %> 文件加载命令

3.声明

声明的表示形式<%! 代码块%>

例如：<%! String="xxxx" %>

4.表达式

表达式的表示形式<%= 表达式 %>

<%

int a=10;

%>

<%= a%>

结果10将会在网页呈现出来

5.小脚本

小脚本也就是书写java代码的地方

<%

String a="xx";//声明一个变量a,并且为它赋值

out.print(a)//输出变量a,会显示在网页上

%>

用到的几个关键字:

<form action="需要跳转的界面" method="发送请求的方式">

</form>

发送请求的方式两种：get /post

get: 传输少量数据文件不安全

post: 传输大量数据文件较安全

request:向客户端发送请求

response:返回客户端的响应

getParameter：java代码读取文本框中name属性的内容

<%@ 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>
<script src="js/jquery-3.5.1.js" >	//导入jequery文件
		</script>
		  <script src="js/jquery-validation-1.19.0/dist/jquery.validate.js"></script>//引入validate方法
	    <script src="js/jquery-validation-1.19.0/dist/localization/messages_zh_TW.js">//
设置语言
</script>
</head>
<body>
 <form action="index_02.jsp" method="get"> //点击登录跳转到index_02.jsp jie界面 
 <p> 		<input type="" name="uname" id="" value="" placeholder="请输入用户名"> </p>
  <p> 		<input type="" name="upwd" id="" value="" placeholder="请输入密码" > </p>
  <p> <input type="checkbox" name="hobit" value="吃饭" >a
  <input type="checkbox" name="hobit" value="睡觉" >b
  <input type="checkbox" name="hobit" value="听歌" >c
  <input type="checkbox" name="hobit" value="敲代码" >d</p>
  
  <p> 	<button>登陆</button>
  <button type="reset">取消</button>
  </p>
 
 </form>
<script >
$("form").validate({
	rules:{//设置用户名的输入规则
		uname :{
			 required: true, //不能为空
			                rangelength:[5,10]//长度必须在5到10
		},
		upwd:"required"//不能为空
	},
	 messages:{//修改提示信息
	            uname:{
	                required:"记住不能为空",
					rangelength:"必须在5到10"
	            }
	        }
})

</script>
 
</body>
</html>

<%@ 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>
<%
String name=request.getParameter("uname");获得输入框为uname的value
String pwd=request.getParameter("upwd");//获得输入框为upwd的value
if("sa".equals(name)&&"123".equals(pwd)){//判断一下输入的账号是否为sa密码为123
	out.print("登陆成功");
}else{
	out.print("登录失败");
}

	String[] my_habit=request.getParameterValues("hobit");//获得复选框为hobit被选中value
	for(String i : my_habit)
		out.print(i);//遍历数组my_habit并打印在HTML页面
	}

%>
</body>
</html>

点击登录后的结果

没有谁的幸运会凭空而来，只有足够努力，你才会足够幸运，加油

——2022.3.26

钟意

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JSP的基本语法，工作原理和表单登录验证

目录工作原理Web容器处理jsp文件的三个过程基本语法1.jsp注释2.指令3.声明4.表达式5.小脚本没有谁的幸运会凭空而来，只有足够努力，你才会足够幸运，加油 ——2022.3.26工作原理1.用户输入，然后从客户...
复制链接

扫一扫