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

筱☆

已于 2022-12-03 18:21:49 修改

阅读量2.5k

点赞数 6

分类专栏： JavaWeb 文章标签： java web html

于 2022-03-27 20:51:10 首次发布

本文链接：https://blog.csdn.net/weixin_67235801/article/details/123776351

版权

JavaWeb 专栏收录该内容

21 篇文章 2 订阅

订阅专栏

一、URL的组成

URL由三个部分组成：协议，主机，端口

例如Tomcat服务器的url是 http://localhost:8080

其中http是超文本传输协议，localhost是主机，8080指的是端口（8080是Tomcat默认的端口号）

二、 B/S与C/S技术

1. B/S与C/S的区别

BC brower/server 浏览器，服务器

CS client/server 客户端，服务器

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

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

3.B/S技术的特点是什么？

三、了解JSP

jsp是一个 java+html+css+js 的文件格式，jsp本质上就是一个java文件

1.什么是JSP

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

2.JSP运行原理

JSP文件请求需要经过三个阶段，先翻译，tomcat会把jsp文件翻译成java文件。再编译，jvm(java编译器)会把java编译成.class，然后才会执行。原理图如下所示

3.JSP常见错误

404：页面找不到（路径存在问题）

500：java代码有问题

4.JSP页面的元素包括

四、如何修改Tomcat默认的端口号

第一步，我们要进入server（服务）

第二步，双击服务，进入以下界面

我圈起来的部分，上面那个是Tomcat的管理端口，下面是Tomcat网页端口。

注意：如果遇到网页端口冲突了，有两种解决方法，第一个是修改端口，第二个是重启服务

五、简易网页

这里有两种打印在网页的方法

第一种：<% out.print() %>

第二种：<%=new Date() %>

<%=相当于out.print

<%@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.gif">
<br>
<%
	//输出当前的时间
	//out.print(new Date());
%>
<%=new Date() %>
</body>
</html>

运行结果如下图所示

六、简易表单验证

表单form
   action 表单提交的地址
   method 提交方式
       ·get 【默认】显示在地址栏上面，数据长度有限制
       ·post 不显示在地址栏上面，数据长度没有限制

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>
</head>
<body>
<!-- 
表单form
	action 表单提交的地址
	method 提交方式
		·get 【默认】 显示在地址栏上面，数据长度有限制
		·post 不显示在地址栏上面，数据长度没有限制
-->

<form action="doLogin.jsp">
	<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="篮球">篮球
		<input type="checkbox" name="habit" value="唱歌">唱歌
		<input type="checkbox" name="habit" value="跑步">跑步
		<input type="checkbox" name="habit" value="跳舞">跳舞
	</p>
	
	<p>
		<button>登录</button>
	</p>
</form>
</body>
</html>

编写一个处理登录的界面

从请求中取数据

一个：request.getParameter(name)

多个：request.getParameterValues(name)

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

	//获取到用户提交过来的表单验证
	String username=request.getParameter("username"); //从请求中取数据
	String password=request.getParameter("password"); //从请求中取数据
	
	//从请求中取数据
	String age=request.getParameter("age"); 
	Integer.parseInt(age); //将字符串变成数字
	
	//拿兴趣爱好
	String[] ts=request.getParameterValues("habit"); //接收到多个具备相同name的值
	String my_habit="";
	for(String habit:ts){ //遍历数组
		my_habit=habit+","; //字符串拼接
	}
	out.print(my_habit);
	
	//可以做登录验证了
	if("sa".equals(username)&&"123".equals(password)){
		out.print("登录成功");
	}else{
		out.print("登录失败");
	}
%>