当Java遇见了Html--Jsp详解篇

方志朋

发布于 2017-12-29 16:11:59

1.2K0

发布于 2017-12-29 16:11:59

文章被收录于专栏：史上最简单的Spring Cloud教程史上最简单的Spring Cloud教程

一、什么是Jsp

jsp是一种基于文本的程序，全名java server page,其特点是html和java程序共存。执行时jsp会被运行容器编译，编译后的jsp跟servlet一样，因此jsp是另一种形式的servlet。

二、jsp页面组成

jsp 页面包括以下内容：

静态内容
指令
表达式
小脚本
声明
注释

1.指令：

page指令：通常位于jsp页面的顶端，同一个页面可以有多个page指令。
include指令：将一个外部文件嵌入到jsp文件中。
taglib指令：使用标签定义新的自定义标签。

1.1其中page指令语法：

<%@ page 属性=“属性值”>

属性	默认值
language	java
import	“”

1.2 include 指令

“` <%@ include file=”url” %>

“` 1.3 动作

include动作 <jsp:include page="url" flush="true"/> include 动作和include指令区别

描述	include指令	include 动作
语法	< % @ include file=”“/>	< jsp:include page=”url” flush=”true”/>
发生时间	页面转换期间	请求期间
包含内容	文件实际内容	页面的输出
转化servlet	一个servlet	2个servlet
编译时间	较慢	较快
执行时间	稍快	较慢–每次资源必须被编译

forward动作

“`

request.getRequestDispatcher(“/url”).forward(res,resp);

“` param动作

“` 常常与一起使用

“`

例子：

“`

  <jsp:param name="email"  value="1233@154.com"/>

“`

2.jsp注释

html注释


 <!-- html注释 -->//客户端可见

jsp 注释


 <%-- jsp注释 --%>//客户端不可见

jsp 脚本注释 //客户端不可见


 //单行注射 
／** 多行注释*／

3.jsp脚本

在jsp页面中执行的java代码，语法：

<%   java 代码 %>

4.jsp声明 在jsp页面定义变量或者方法，语法

<%! java 代码  %>

举例：

<%! 
 String s="adele";
 int add(int x,int y){
    return x+y;
 }
%>

5.jsp表达式 在jsp页面执行的表达式，语法：

<% =表达式 %>// 表达式不以分号结尾

举例：

<%! 
 String s="adele";

%>
<h2>  hello,<%=s %> </h2>

三、jsp生命周期

jspService()是用来处理客户端请求的，对于每一个请求，服务器会创建一个新的线程来处理该请求。以多线程方式执行大大降低对系统的资源需求，提高系统的并发量和缩短了响应时间，servlet是常驻在服务器内存中。

它同servlet 一样，jsp 实例初始化和销毁也会调用sevlet的init() 和destroy(); 另外jsp还有自己的初始化方法_jspInit();_jspDestroy();

<%@ page language="java" contentType="text/html";charset="utf-8">

<%! 
public void _jspInit(){
}
public void _jspDestroy(){
}
%>

四、javaben的使用

动作元素： 动作元素为请求处理阶段提供信息。

在jsp页面使用javaben

像普通的java类一样，创建javabean;
在jsp使用动作标签来使用 javaben

相关标签如下：

<jsp:useBwan id="" class="" scope="" />

<jsp:setProperty name="javabean 是例"  property="*"/>(跟表单关联)

<jsp:setProperty name="javabean 是例"  property="javaben 属性名"/>(跟表单关联)

<jsp:setProperty name="javabean 是例"  property="javaben 属性名"  value=""/>(手动设置)


<jsp:setProperty name="javabean 是例"  property="javaben 属性名"  param="request对象参数"/>(跟request参数关联)


<jsp:getProperty name="" property=""/>

举个例子：首先用户在login.jsp提交表单，然后用户在dologin.jsp 根据动作标签获取参数。

 <form name="loginForm" action="dologin.jsp?mypass=999999" method="post">
      <table>
        <tr>
          <td>用户名：</td>
          <td><input type="text" name="username" value=""/></td>
        </tr>
        <tr>
          <td>密码：</td>
          <td><input type="password" name="password" value=""/></td>
        </tr>
        <tr>
          <td colspan="2" align="center"><input type="submit" value="登录"/></td>

        </tr>
      </table>
    </form>

dologin.jsp

<body>
    <jsp:useBean id="myUsers" class="com.po.Users" scope="page"/>
    <h1>setProperty动作元素</h1>
    <hr>
   <!--根据表单自动匹配所有的属性 -->
   <%-- 
   <jsp:setProperty name="myUsers" property="*"/>  
   --%>
   <!--根据表单匹配所有部分的属性 -->
   <%-- 
   <jsp:setProperty name="myUsers" property="username"/>  
   --%>
   <!--根表单无关，通过手工赋值给属性 -->
   <%-- 
   <jsp:setProperty name="myUsers" property="username" value="lisi"/>
   <jsp:setProperty name="myUsers" property="password" value="888888"/>
   --%>
   <!--通过URL传参数给属性赋值 -->
   <jsp:setProperty name="myUsers" property="username"/>
   <jsp:setProperty name="myUsers" property="password" param="mypass"/>
   <!-- 使用传统的表达式方式来获取用户名和密码 -->
   <%--     
       用户名：<%=myUsers.getUsername() %><br>
       密码：<%=myUsers.getPassword() %><br> 
   --%>
   <!-- 使用getProperty方式来获取用户名和密码 -->
      用户名：<jsp:getProperty name="myUsers" property="username"/> <br>
      密码：<jsp:getProperty name="myUsers" property="password"/><br>
   <br>
   <br>
      <a href="testScope.jsp">测试javabean的四个作用域范围</a>
      <% 
         request.getRequestDispatcher("testScope.jsp").forward(request, response);
      %>
  </body>

javaben 四大作用域

page ，仅当前页面有效
request ,通过httpRequest.getAttribute()获取jvabean对象
session ,通过httpSession.getAttribute() 获取javabean对象
application，通过application.getAttribute方法获取javabean 对象。

五、cookie

1.概述：

由于http协议的无状态，无法保存用户的状态，所以需要用session和cookie.

cookie 是web服务器保存在客户端的一系列文本信息。它的作用时记录一些用户的行为，简化登陆，但是容易泄露用户信息。

2.jsp创建和使用cookie

创建cookie

Cookie cookie=new Cookie(String ,Object);

写入cookie

response.addCookie(cookie);

读取 cookie

Cookie[] cookies=request.getCookies();

3.cookie的常用方法

setMaxAge();
setValue();
getName();
getValue();
getMaxAge();

举个列子：使用cookie记住用户登陆的账号密码；

登陆界面：

<body>
    <h1>用户登录</h1>
    <hr>
    <% 
      request.setCharacterEncoding("utf-8");
      String username="";
      String password = "";
      Cookie[] cookies = request.getCookies();
      if(cookies!=null&&cookies.length>0)
      {
           for(Cookie c:cookies)
           {
              if(c.getName().equals("username"))
              {
                   username =  URLDecoder.decode(c.getValue(),"utf-8");
              }
              if(c.getName().equals("password"))
              {
                   password =  URLDecoder.decode(c.getValue(),"utf-8");
              }
           }
      }
    %>
    <form name="loginForm" action="dologin.jsp" method="post">
       <table>
         <tr>
           <td>用户名：</td>
           <td><input type="text" name="username" value="<%=username %>"/></td>
         </tr>
         <tr>
           <td>密码：</td>
           <td><input type="password" name="password" value="<%=password %>" /></td>
         </tr>
         <tr>
           <td colspan="2"><input type="checkbox" name="isUseCookie" checked="checked"/>十天内记住我的登录状态</td>
         </tr>
         <tr>
           <td colspan="2" align="center"><input type="submit" value="登录"/><input type="reset" value="取消"/></td>
         </tr>
       </table>
    </form>
  </body>

处理登陆逻辑的jsp

 <body>
    <h1>登录成功</h1>
    <hr>
    <br>
    <br>
    <br>
    <% 
       request.setCharacterEncoding("utf-8");
       //首先判断用户是否选择了记住登录状态
       String[] isUseCookies = request.getParameterValues("isUseCookie");
       if(isUseCookies!=null&&isUseCookies.length>0)
       {
          //把用户名和密码保存在Cookie对象里面
          String username = URLEncoder.encode(request.getParameter("username"),"utf-8");
          //使用URLEncoder解决无法在Cookie当中保存中文字符串问题
          String password = URLEncoder.encode(request.getParameter("password"),"utf-8");

          Cookie usernameCookie = new Cookie("username",username);
          Cookie passwordCookie = new Cookie("password",password);
          usernameCookie.setMaxAge(864000);
          passwordCookie.setMaxAge(864000);//设置最大生存期限为10天
          response.addCookie(usernameCookie);
          response.addCookie(passwordCookie);
       }
       else
       {
          Cookie[] cookies = request.getCookies();
          if(cookies!=null&&cookies.length>0)
          {
             for(Cookie c:cookies)
             {
                if(c.getName().equals("username")||c.getName().equals("password"))
                {
                    c.setMaxAge(0); //设置Cookie失效
                    response.addCookie(c); //重新保存。
                }
             }
          }
       }
    %>
    <a href="users.jsp" target="_blank">查看用户信息</a>

  </body>

使用cookie获取用户信息：

 <body>
    <h1>用户信息</h1>
    <hr>
    <% 
      request.setCharacterEncoding("utf-8");
      String username="";
      String password = "";
      Cookie[] cookies = request.getCookies();
      if(cookies!=null&&cookies.length>0)
      {
           for(Cookie c:cookies)
           {
              if(c.getName().equals("username"))
              {
                   username = URLDecoder.decode(c.getValue(),"utf-8");
              }
              if(c.getName().equals("password"))
              {
                   password = URLDecoder.decode(c.getValue(),"utf-8");
              }
           }
      }
    %>
    <BR>
    <BR>
    <BR>
         用户名：<%=username %><br>
         密码：<%=password %><br>
  </body>

3.cookie和 session的区别

session	cookie
在服务端保存信息	在客户端保存信息
保存的 object类型	保存的是 string 类型
随会话结束，销毁数据	可以长期保存在客户端中
重要信息	不重要信息

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2016-12-18 ，如有侵权请联系 cloudcommunity@tencent.com 删除

java

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

java

登录后参与评论

0 条评论

热度