JSP
一、jsp概述
jsp(java server page)在HTML代码中加入java代码
区别javascript(js)
区别:js里面的类似java代码由浏览器解析执行
jsp里面的java代码,由服务器端的jdk编译
1.jsp是一种动态(区别HTML静态页面技术)页面技术,它的主要目的是把“表示”逻辑从Servlet中分离出来。
表示:需要显示在浏览器上的内容
动态:HTML的“静态”指的是所有打开页面看到的都是一样的效果。
JSP的“动态”指的是用户看到的可能是个性化(定制)的显示内容,不同的用户看到的会不一样。
2.jsp页面最终编译后被转换成了一个Servlet(看起来跟我们的普通的Servlet不太一样)
二、jsp语法
JSP包含的元素:
1、脚本小程序 scriptlet
声明 <%! %>
用来声明定义变量,方法,变量定义成了全局变量
<%!
int count;(全局变量)
int add(int a,int b){
return a+b;
}
%>
小脚本 <% %>
用来放任何合法的java代码,但不能定义方法,因为脚本代码被添加到了Service方法里面。一段完整的java代码可被分割在几段小程序中。
<%
int k=0;(局部变量)
count++;
k++;
%>
<%
for(int k,k<list.size;k++)
{
String s = list.get(k);
%>
<tr><td><%=s%></td></tr>
<% } %>
显示表达式<%= %>
在页面上显示一个值,可以是变量,常量,表达式,函数调用语句,但不能加“;”,
<%=count %>
<%=k+2 %>
<%=add(55,99) %>
2、指令
sp的指令,向容器(tomcat)提供关于jsp页面的总体信息
使用的符号:<%@ %>
格式:<%@ 指令名 属性名=”属性值” … %>
Jsp常用的三个指令:page include taglib
1)Page指令
Page指令的格式:
<%@ page 属性名=”属性值” 属性名=”属性值”…%>
常用的属性:import——导入页面的java代码使用到的package
Language——容器脚本使用的脚本语言
pageEncoding——jsp文件的页面字符编码
session——是否参与会话,true false
errorPage——指定java代码发生错误的时候用来处理错误的页面
isErrorPage——标示自己是否是错误处理页面
contentType——指定的输出的内容的格式(response.setContentType())
2) include指令
include指令用于把另外一个页面包含(添加)到当前页面中
这个包含是静态包含,这个包含操作发生在”转换”阶段(从index.jspàindex_jsp.java阶段),此时还没有index_jsp.class文件,更没有对象
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1gHQ7VEr-1603245174790)(file:///C:/Users/admin/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg)]
Include指令仅能把简单的文本文件(html,jsp,txt)包含到当前页面中
格式:
<%@ include file=”url” %>
多用于把需要许多页面共享的内容,比如导航菜单,页面版权声明等内容包含到当前页面中
3)taglib
3、动作
.jsp->.java->.class
JSP动作:JSP向容器提供请求时(jsp文件被访问)指令
标签:
< jsp:动作名 属性名=“属性值”… / >
< jsp:动作名 属性名=“属性值”> 参数列表< /jsp:动作名>
常用的动作:include forward useBean set/getProprty plugin
1、include
在请求时将另一个页面的输出包含到当前页面的输出中
服务器端跳转在jsp页面中的实现方式
包含操作使用的属性名:page
-
page=“Header.jsp”, 以常量的形式指定要包含进来的文件
-
要让page属性的值是一个变量,设置形式如下:
page="<%=headerJspPath %>"
双引号里面用jsp的显示表达式,拼接一个变量到java语句中,转换时就会变成
page= headerJspPath, 当请求发生时page 就获取到了变量headerJspPath的值
- 当前文件和被包含文件之间传递参数
当前文件和被包含文件是一个请求域,可以使用request传递参数
4) 被包含文件可以是Servlet
总结:
n 被包含文件可以使用常量也可以使用变量,(掌握使用变量的时候设置的形式)
n 两个文件还是独立的文件,没有被合并在一起
n 两个文件显示过程中,在一个request范围内,服务器端跳转,共享request范围参数
- Forward
客户端跳转在jsp页面里面的实现形式
属于跳转,不属于包含,当前页面的显示不会出现了,看到的就是被包含页面的显示
参数传递的形式和include相同
跳转属于控制逻辑,一般由servlet实现,尽量不要在jsp里面使用forward
4、EL表达式
5、注释
小脚本和声明里面也可以出现注释,但是用的是java语法的注释
显示表达式里面不能出现注释
三、jsp的内置对象
1、jsp内置对象概述
这些对象是可以在jsp(小脚本和显示表达式)里面直接使用,不需要声明或者创建
在JSP的转换阶段(index.jspàindex_jsp.java),由Web容器创建并初始化的一些对象或变量
这些内置的用法和在Servlet里面一样
在JSP里面使用内置对象,对象名都是固定的
2.内置对象
9个
1)下面6个是在_jspService方法中定义并get到的
PageContext pageContext = null;
HttpSession session = null;
ServletContext application = null;
ServletConfig config = null;
JspWriter out = null;
Object page = this;
2)request和response是_jspService方法的实参
HttpServletRequest request, HttpServletResponse response
3)Web容器针对所有页面的异常处理对象
exception
3.案例
1)首页上检测如果有用户已经登录,显示:欢迎**
如果没有检测到用户登录,显示:请登录
2)显示登录表单
3)几个超链接:jsp01.jsp, jsp02.jsp
从index页面跳转到JSP01里面,仍然检测是否有用户登录成功,
登录成功显示:欢迎***,
没有成功登录的用户,什么也不显示
从index页面跳转到JSP02里面, 除了实现验证之外,
把jsp01的页面和jsp02的页面合并显示
index.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>
<%
String user = (String)request.getAttribute("loginUser");
if(user==null){
%>
<%="请登录" %>
<%
}else{
%>
欢迎,<%=session.getAttribute("loginUser") %>
<%
}
%>
<form action="AServlet" method="post">
<input type="text" name="user"><br>
<input type="password" name="pwd"><br>
<input type="submit" value="提交">
</form>
<a href="">jsp01.jsp</a>
<a href="jsp2.jsp">jsp02.jsp</a>
</body>
</html>
AServlet
package myservlet;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class AServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public AServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
// / * 把response里面的字符编码设置为UTF-8
// * 否则打开(跳转)的页面里面中文无法正确显示
// * */
response.setCharacterEncoding("utf-8");
HttpSession session = request.getSession();
String user = request.getParameter("user");
String pwd = request.getParameter("pwd");
if(pwd.equals("123")) {
request.setAttribute("loginUser", user);
session.setAttribute("loginUser", user);
}
RequestDispatcher dispatcher = request.getRequestDispatcher("/index.jsp");
dispatcher.forward(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
jsp02.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
This is my JSP02 page. <br>
<%
/*包含页面jsp01*/
//方法1:
//RequestDispatcher dis = request.getRequestDispatcher("jsp01.jsp");
//dis.include(request,response);
//方法2
/*pageContext内置对象,是页面上下文环境
一般使用该对象的Include或者forward方法实现页面的包含或者跳转
*/
pageContext.include("jsp01.jsp");
%>
</body>
</html>
javaBean
1、javabean的定义
javabean是一个普通的java类,遵循一些简单的规范
Javabean类只包含成员变量(没有普通的成员方法),而且一般都是private的
包含所有这些成员变量的访问器,get–() set–(); 访问器必须是public的
至少包含一个无参数的构造方法
package bean;
public class Student {
/*
* 1、定义成员变量,private修饰
* **/
private String stuId;
private String name;
private int age;
/*
* 2.定义set和get访问器
* */
public String getStuId() {
return stuId;
}
public void setStuId(String stuId) {
this.stuId = stuId;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
/*
* 3、无参数的构造方法
* 1)什么也不定义,使用jvm默认的创建的无参数构造方法
* 2)我们自己定义了带参数的构造方法,默认的无参构造方法没有了,
* ·必须重载定义了一个无参数的构造方法
* */
public Student(String stuId, String name, int age) {
super();
this.stuId = stuId;
this.name = name;
this.age = age;
}
public Student() {
super();
}
}
2、javabean的作用
组织数据
3、javabean的使用
1)Javabean在Servlet的使用
package myservlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import bean.Student;
public class CServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public CServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
/*
* 在Servlet里面使用javabean对象
*
* 1)使用无参数构造方法创建javabean对象
*
* */
Student stu1 = new Student();
stu1.setStuId("1122");
/*
* 2)使用有参构造方法创建javabean对象
* */
Student stu2 = new Student("007", "tom", 19);
stu2.getName();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
2)Javabean在JSP的使用
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="bean.Student" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 1、Javabean的创建 -->
<!-- 方法1,在jsp的小脚本里面创建 -->
<%
Student stu=new Student();
stu.setStuId("001");
stu.setAge(12);
stu.setName("tom");
%>
<%=stu.getStuId() %>
<%=stu.getName() %>
<%=stu.getAge() %>
<!-- 方法2,在jsp动作useBean
属性id:创建的javabean对象的名字,注意整个jsp页面里面,不能重复
属性class:用那个类创建javabean对象
-->
<jsp:useBean id="stu1" class="bean.Student">
<!-- jsp动作访问属性
下面语句等价于:stu1.setStuID("002");
name==id
property == 属性名
-->
<jsp:setProperty property="stuId" name="stu1" value="002"/>
<br>
<jsp:getProperty property="stuId" name="stu1"/>
</jsp:useBean>
</body>
</html>
4、案例
JavaBean和表单
实践:
创建一个Javabean,LoginUser 三个成员变量 username pwd age(int型)
完成一个登陆表单,输入用户名的文本框name属性的值和javaBean里面用来存储登陆用户名的成员变量同名,密码和年龄也一样设置。
- 把表单的组件Name属性的值与javabean成员变量的名称关联
- 在Servlet里面怎么获取表单的参数
/*
* 1.使用javabean获取参数(jsp–> Servlet)
* */
RegUser regU1 = new RegUser();
try {
/*
* request.getParameterMap() 把传递到Servlet里面的参数以map的形式获取出来
* Map里面的数据是以
* <username,“admin11”>
* <pwd,“123”>
* <age,“19”>
* 把Map里的数据映射到javabean的时候,逐个去从map里面搜索javabean对象的成员变量的值
* 例如:成员变量username的值,就用username为key,到map里面搜索key的值是username的value
* populate实现把map类型的数据映射到一个javabean对象
* */
BeanUtils.populate(regU1, request.getParameterMap());
} catch (IllegalAccessException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (InvocationTargetException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//System.out.println(“regU1:username:”+regU1.getUsername()+",age"+regU1.getAge());
/*
* 2.Servlet怎么把javabean对象传递给jsp页面
* 把要传递给jsp页面的javabean对象放置在request|session|…的里面
* */
request.setAttribute(“regU”, regU1);
request.getRequestDispatcher("/success.jsp").forward(request, response);
- 在jsp页面里面获取表单的参数
我们一般不用jsp页面处理请求中的表单数据
<jsp:useBean id=“regU” class=“sf.RegUser” scope=“request”/>
<jsp:setProperty property="*" name=“regU”/>
编码:
javabean
package bean;
public class LoginUser {
private String username;
private String password;
private int age;
public LoginUser() {
super();
}
public LoginUser(String username, String password, int age) {
super();
this.username = username;
this.password = password;
this.age = age;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
@Override
public String toString() {
return "LoginUser [username=" + username + ", password=" + password + ", age=" + age + "]";
}
}
首页
<%@ 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="DServlet" method="get">
用户名:<input type="text" name="username"><br>
年龄:<input type="text" name="age"><br>
密码:<input type="password" name="password"><br>
<input type="submit" value="提交">
</form>
</body>
</html>
servlet
package myservlet;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.beanutils.BeanUtils;
import bean.LoginUser;
/**
* Servlet implementation class DServlet
*/
public class DServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public DServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setCharacterEncoding("utf-8");
/*
* Servlet里面获取表单参数的方式1:
* */
// String username = request.getParameter("username");
// String pwd = request.getParameter("pwd");
// int age = Integer.parseInt(request.getParameter("age"));
/*
* 获取表单提交数据的方式2:JavaBean
* */
LoginUser user = new LoginUser();
try {
/*
* 1)getParameterMap从reques请求里面以Map的形式获取所有的参数
* Map里面存储的数据的形式:<key,value>,
* request.getParameterMap()这里执行的结果:
* <username,"admin11">
* <pwd,"123456">
* <age,"19">
* 2)BeanUtils.populate方法用于把map类型的数据映射到Javabean对象上
* RegU对象中的第一个成员变量 username,到map对象里面 查找key的值为useranme的value
* 其余成员变量依次类推
* 如果表单的name属性的值与javabean的成员变量的名称不一致,将无法获取
* */
BeanUtils.populate(user, request.getParameterMap());
} catch (IllegalAccessException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (InvocationTargetException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
// System.out.println(user.toString());
/*
* 2.Servlet怎么把javabean参数传递到jsp页面
* 把要传递给jsp页面的javabean对象放置在request|session|..的里面
* */
request.setAttribute("user", user);
request.getRequestDispatcher("/success.jsp").forward(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
成功的页面
<%@ 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>
<h2>success page</h2><br>
<!-- 使用usebean获取到request范围内的名字为regU的javabean对象 -->
<jsp:useBean id="user" class="bean.LoginUser" scope="request"></jsp:useBean>
<jsp:getProperty property="username" name="user"/>
<jsp:getProperty property="password" name="user"/>
<jsp:getProperty property="age" name="user"/>
</body>
</html>
注意:
- BeanUtils.populate()来自于Apache Commons。
- Apache Commons 是一个Apache项目,专注于可重用Java组件的各个方面。
- jdk14.0.2 等高版本没有自带,需要从Apache Commons官网下载组件,通过WEB-INF包下的lib添加,不能通过javaSource添加。
- https://commons.apache.org/index.html ApacheCommons官网
练习:
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>
<jsp:useBean id="register" scope="request" class="bean.Register"></jsp:useBean>
<form action="AServlet">
用户名:<input type="text" name="name" value="<jsp:getProperty property="name" name="register"/>"><%=register.getErrorMsg("errname") %><br>
年龄:<input type="text" name="age" value="<jsp:getProperty property="age" name="register"/>"><%=register.getErrorMsg("errage") %><br>
e-mail:<input type="text" name="email" value="<jsp:getProperty property="email" name="register"/>"><%=register.getErrorMsg("erremail") %><br>
<input type="submit" value="注册"><input type="reset" value="重置">
</form>
</body>
</html>
javabean
package bean;
import java.util.Map;
import org.apache.commons.collections.map.HashedMap;
public class Register {
private String name;
private String age;
private String email;
private Map<String,String> errors=new HashedMap();
public Register() {
}
public Register(String name, String age, String email, Map<String, String> errors) {
super();
this.name = name;
this.age = age;
this.email = email;
this.errors = errors;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getAge() {
return age;
}
public void setAge(String age) {
this.age = age;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public boolean isValidate() {
boolean flag=true;
if(!this.name.matches("\\w{6,15}")) {
flag=false;
this.name="";
errors.put("errname", "用户名是6-15位的字母或数字。");
}
if(!this.email.matches("\\w+@\\w+\\.\\w+\\.?\\w")) {
flag=false;
this.email="";
errors.put("erremail", "输入的email地址不符合。");
}
if(!this.age.matches("\\d+")) {
flag=false;
this.age="";
errors.put("errage", "年龄只能是数字");
}
return flag;
}
public String getErrorMsg(String key) {
String value=this.errors.get(key);
return value==null?"":value;
}
}
Servlet:
package myservlet;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.beanutils.BeanUtils;
import bean.Register;
/**
* Servlet implementation class AServlet
*/
public class AServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public AServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
Register register = new Register();
try {
BeanUtils.populate(register, request.getParameterMap());
} catch (IllegalAccessException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (InvocationTargetException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
if(register.isValidate()) {
System.out.println("成功");
response.sendRedirect("./success.jsp");
}else {
request.setAttribute("register",register);
System.out.println(register.getErrorMsg("errname"));
request.getRequestDispatcher("index.jsp").forward(request, response);
System.out.println("失败");
}
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
JDBC
jdbc(java database connector)
public class MyDao {
String url="jdbc:mysql://localhost:3306/数据库的名字?"+
"user=root&password=123456&useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC";
public Connection conn=null;
public MyDao(){
try {
Class.forName("com.mysql.cj.jdbc.Driver");
conn = DriverManager.getConnection(url);
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public void closeConnection() {
try {
conn.close();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}