JavaWeb笔记之JSP

JavaWeb笔记之JSP_第1张图片

    

一、引言

现有问题
在之前学习Servlet时,服务端通过Servlet响应客户端页面,有什么不足之处?
开发方式麻烦:继承父类、覆盖方法、配置Web.xml或注解。
代码修改麻烦:重新编译、部署、重启服务。
显示方式麻烦:获取流、使用println("");逐行打印。
协同开发麻烦:UI负责美化页面,程序员负责编写代码。UI不懂Java,程序员又不能将所有前端页面的内容通过流输出。
    

二、JSP

2.1 概念
简化的Servlet设计,在HTML标签中嵌套Java代码,用以高效开发Web应用的动态网页。
Java Server Pages。
  
2.2 作用
替换显示页面部分的Servlet(使用*.jsp文件替换XxxJSP.java)。
  

三、JSP开发

3.1 创建JSP
在web目录下新建*.jsp文件(与WEB-INF平级)。
  
3.1.1 编写代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    This is my first page


    <%=new java.util.Date() %>

   
使用<%= %>标签编写Java代码在页面中打印当前系统时间。
  
3.1.2 访问JSP
在浏览器输入http://ip:port/项目路径/资源名称。
  
3.2 JSP与Servlet
关系
        JSP文件在容器中会转换成Servlet执行。
        JSP是对Servlet的一种高级封装。本质还是Servlet。
区别
        与 Servlet 相比:JSP可以很方便的编写或者修改HTML网页而不用去面对大量的println语句。

JavaWeb笔记之JSP_第2张图片

     
3.3 JSP实现原理
Tomcat会将xxx.jsp转换成Java代码,进而编译成.class文件运行,最终将运行结果通过response响应给客户端。

JavaWeb笔记之JSP_第3张图片

   

四、集成开发

4.1 脚本
脚本可以编写Java语句、变量、方法或表达式。
    
4.1.1 普通脚本
语法:<% Java代码 %>

Hello World

Hello World!
<% //jsp中,使用小脚本嵌入java代码! out.println("hi");//打印内容在客户端页面 System.out.println("hi");//打印内容在控制台 %>
   
经验:普通脚本可以使用所有Java语法,除了定义函数。
注意:脚本与脚本之间不可嵌套,脚本与HTML标签不可嵌套。
    
4.1.2 声明脚本
语法:<%! 定义变量、函数 %>
<%! int i = 0; %>
<%! int a, b, c; %>
<%! Object object = new Object(); %>
<%!
    //定义方法
    public void m1(){
        System.out.println("你好");
    }
%>
   
注意:声明脚本声明的变量是全局变量。
声明脚本的内容必须在普通脚本<% %>中调用。
如果声明脚本中的函数具有返回值,可以使用输出脚本调用<%= %>。
  
4.1.3 输出脚本
语法:<%=Java表达式 %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>




jsp基本使用


今天的日期是: <%= new java.util.Date() %>

  
经验:输出脚本可以输出带有返回值的函数。
注意:输出脚本中不能加。
  
4.2 JSP注释
JSP注释主要有两个作用:为脚本代码作注释以及HTML内容注释。
    
4.2.1 语法

JavaWeb笔记之JSP_第4张图片

  
4.2.2 注释
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




jsp基础教程


<%-- JSP注释在网页中不会被显示--%>

今天的日期是: <%= new java.util.Date() %>

      
4.3 JSP指令
JSP指令用来设置与整个JSP页面相关的属性。

JavaWeb笔记之JSP_第5张图片

     
4.3.1 page指令
语法:<%@ page attribute1="value1" attribute2="value2" %>
Page指令为容器提供当前页面的使用说明。一个JSP页面可以包含多个page指令。

JavaWeb笔记之JSP_第6张图片

  
4.3.2 include指令
语法:<%@ include file = "被包含的JSP路径"%>
通过include指令来包含其他文件。
被包含的文件可以是JSP文件、HTML文件或文本文件。包含的文件就好像是当前JSP文件的一部分,会被同时编译执行(静态包含)。
<%@ include file="header.jsp"%>
...
...
<%@ include file="footer.jsp" %>
  
注意:可能会有重名的冲突问题,不建议使用。
  

4.3.3 taglib指令
语法:<%@ taglib uri="外部标签库路径" prefix="前缀" %>
引入JSP的标准标签库。
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
   
4.4 动作标签
语法:
动作标签指的是JSP页面在运行期间的命令。
  
4.4.1 include
语法:
动作元素会将外部文件输出结果包含在JSP中(动态包含)。

  
  
注意:前面已经介绍过include指令,它是将外部文件的输出代码复制到了当前JSP文件中。而这里的jsp:include动作不同,是将外部文件的输出结果引入到了当前JSP文件中。
  
4.4.2 useBean
语法:
jsp:useBean 动作用来加载一个将在JSP页面中使用的JavaBean。
   
在类载入后,我们可以通过 jsp:setProperty 和 jsp:getProperty 动作来修改和获取bean的属性。
   
4.4.3 setProperty
可以在jsp:useBean元素之后使用jsp:setProperty进行属性的赋值。

JavaWeb笔记之JSP_第7张图片

   

    
4.4.4 getProperty
jsp:getProperty动作提取指定Bean属性的值,转换成字符串,然后输出。

JavaWeb笔记之JSP_第8张图片

  


   
4.4.5 forward
语法:
jsp:forward动作把请求转到另外的页面。

   
  
4.4.6 param
语法:
在转发动作内部使用,做参数传递。
  

    
    
     
4.5 内置对象
由JSP自动创建的对象,可以直接使用。

JavaWeb笔记之JSP_第9张图片

     
4.5.1 四大域对象
JSP有四大作用域对象,存储数据和获取数据的方式一样,不同的是取值的范围有差别。
pageContext (javax.servlet.jsp.PageContext) 当前JSP页面范围。
request (javax.servlet.http.HttpServletRequest) 一次请求有效。
session (javax.servlet.http.HttpSession) 一次会话有效(关闭浏览器失效)。
application (javax.servlet.ServletContext) 整个Web应用有效(服务器重启或关闭失效)。
  
4.5.2 pageContext
pageContext对象是javax.servlet.jsp.PageContext 类的实例,拥有作用域,用来代表整个JSP页面。
当前页面的作用域对象,一旦跳转则失效。
通过setAttribute("name",value);存储值。
通过getAttribute("name");获取值。
用于获取其他8个内置对象或者操作其他对象的作用域。
<%
    pageContext.setAttribute("name",value);//当前页面作用域有效
%>
  
4.5.3 获取内置对象
<%
    pageContext.getRequest();//返回request内置对象
    pageContext.getResponse();//返回response内置对象
    pageContext.getServletConfig();//返回config内置对象
    pageContext.getException();//返回exception内置对象
    pageContext.getPage();//返回page内置对象
    pageContext.getOut();//返回out内置对象
    pageContext.getServletContext();//返回application内置对象
    pageContext.getSession();//返回session内置对象
%>
     
4.5.4 作用域
pageContext对象可以操作其他作用域存储和获取。
<%
    //操作其他作用域存储
    pageContext.setAttribute("name",value);//当前页面有效
    pageContext.setAttribute("name",value,PageContext.REQUEST_SCOPE);//request作用域
    pageContext.setAttribute("name",value,PageContext.SESSION_SCOPE);//session作用域
    pageContext.setAttribute("name",value,PageContext.APPLICATION_SCOPE);//application作用域
%>

<%
    //操作其他作用域获取
    pageContext.getAttribute("name");//当前页面作用域
    pageContext.getAttribute("name",PageContext.REQUEST_SCOPE);//request作用域
    pageContext.getAttribute("name",PageContext.SESSION_SCOPE);//session作用域
    pageContext.getAttribute("name",PageContext.APPLICATION_SCOPE);//application作用域
    pageContext.findAttribute("name");//从pageContext ,request ,session ,application依次查找
%>
   
4.6 整合
将EmpProject项目所有显示页面JSP的Servlet替换为JSP页面,使用脚本进行显示。
  

五、EL表达式

5.1 概念
EL使JSP写起来更简单、简洁。主要用于获取作用域中的数据。
Expression Language
   
5.2 作用
用于替换作用域对象.getAttribute("name");
   
5.3 EL的应用
${scope.name} 获取具体某个作用域中的数据。
${name} 获取作用域中的数据,逐级查找(pageContext、request、session、application)。
  
5.3.1 案例
<%
    //存储在request作用域
    request.setAttribute("name","tom");
    request.setAttribute("age",18);
%>
${requestScope.name} <%--获取request作用域中name对应的值,找到就返回,没找到返回"" --%>
${name}<%--从最小作用域逐级查找name对应的值,找到就返回,没找到返回"" --%>
   
5.3.2 区别
<%=request.getAttribute() %> 没有找到返回null。
${requestScope.name} 没找到返回""。
  
5.4 获取引用类型
使用EL获取作用域中的对象调用属性时,只能访问对象的get方法,必须遵守命名规范定义。
<%
    Emp e = new Emp();
    e.setName("gavin");
    e.setAge(19);
    request.setAttribute("e",e);
%>
${requestScope.e.name}<%-- 调用getName()方法 --%>
    
5.5 获取集合元素
EL可以获取Array、List、Map中的元素,Set由于没下标,无法直接访问元素,后续可遍历。
<%
    int[] array = new int[]{1,2,3,4,5};
    request.setAttribute("array",array);
    List emps = new ArrayList<>();
    emps.add(new Emp(1,"gavin",2000,19));
    emps.add(new Emp(2,"marry",3000,29));
    emps.add(new Emp(3,"jack",4000,39));
    request.setAttribute("emps",emps);
    Map maps = new HashMap<>();
    maps.put("CN","中国");
    maps.put("FK","法国");
    maps.put("US","美国");
    request.setAttribute("maps",maps);
%>
${requestScope.array[0]}
${requestScope.emps[0]} <%-- 也可以用 ${requestScope.emps.get(0)} --%>
${requestScope.maps.CN} <%-- 也可以用 ${requestScope.maps["US"]} -->
    
5.6 运算符

JavaWeb笔记之JSP_第10张图片

     
5.6.1 执行运算
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    运算符


    <%
        request.setAttribute("num",1234);
        String ss = "123";
        request.setAttribute("ss",ss);
    %>
    

算术运算

${num + 1}
${num - 1}
${num * 2}
${num div 2}
${num mod 2}

关系运算

${num == 1234}
${num != 1234}
${num > 1200}
${num < 1200}
${num >= 1234}
${num <= 1234}

逻辑运算

${num %2==0 || num /2 ==1}
${num % 2==0 && num % 4==0}
${!(num > 1234)}

empty运算符

${ss == null}
${empty ss}
    
5.6.2 empty
<%
    String s1="";
    pageContext.setAttribute("s1", s1);
    String s2=null;
    pageContext.setAttribute("s2", s2);
    String s3="122222";
    pageContext.setAttribute("s3", s3);
    List list1 =new ArrayList();
    pageContext.setAttribute("list1", list1);
%>

${empty s1}
${empty s2}
${empty s3}
${empty list1}
   
5.7 隐式对象
EL 表达式语言定义了11个隐式对象。

JavaWeb笔记之JSP_第11张图片

    
5.7.1 上下文
<%=request.getContextPath() %>
${pageContext.request.contextPath}
  
5.7.2 获取Cookie
${cookie.username}//获取名为username的cookie对象
${cookie.password}//获取名为password的cookie对象
${cookie.password.value}//获取password的cookie的value值
   

六、JSTL

6.1 问题
EL主要是用于作用域获取数据,虽然可以做运算判断,但是得到的都是一个结果,做展示。
EL不存在流程控制。比如判断。
EL对于集合只能做单点访问,不能实现遍历操作。比如循环。
   
6.2 概念
JSTL:全称Java Server Pages Standard Tag Library
JSP标准标签库(JSTL)是一个JSP标签集合。

Core (核心库) 标签库的URI:http://java.sun.com/jsp/jstl/core 常用前缀:c
I18N(国际化) 标签库的URI:http://java.sun.com/jsp/jstl/fmt 常用前缀:fmt
SQL 标签库的URI:http://java.sun.com/jsp/jstl/sql 常用前缀:sql
XML 标签库的URI:http://java.sun.com/jsp/jstl/xml 常用前缀:x
Functions 标签库的URI:http://java.sun.com/jsp/jstl/functions 常用前缀:fn
  

6.3 作用
可对EL获取到的数据进行逻辑操作。
与EL合作完成数据的展示。 
  
6.4 使用
导入两个 jar 文件:standard.jar 和 jstl.jar 文件拷贝到 /WEB-INF/lib/ 下。
在JSP页面引入标签库<% @taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c">
  
6.5 核心标签
6.5.1 条件标签
语法: < /c:if>

条件标签:if

8大于2是成立的 8小于2是成立的
  
6.5.2 choose
语法:
结果1< /c:when>
结果2< /c:when>
结果3< /c:when>
结果4< /c:otherwise>
 < /c:choose>

条件标签:choose(等价于java中多重if)

<%-- 测试成绩等级 >90 优秀 >80 良好 >70 中等 >60及格--%> 优秀 良好 中等 及格 不及格
  
6.5.3 foreach
语法

< /c:foreach>

测试list集合遍历获取学生列表

学号 姓名 成绩 班级 是否是第一个 是否是最后一个 计数count 索引index
${stu.id} ${stu.name} ${stu.score} ${stu.classes} ${vs.first} ${vs.last} ${vs.count} ${vs.index}
  
6.5.4 url
在Cookie禁用的情况下,通过重写URL拼接JSESSIONID来传递ID值。便于下一次访问时仍可查找到上一次的Session对象。

//在form表单的action中嵌套动态路径
  
经验:所有涉及到页面跳转或者重定向跳转时,都应该使用URL重写。
  
6.6 fmt


日期格式化 (1):

日期格式化 (2):

日期格式化 (3):

日期格式化 (4):

日期格式化 (5):

日期格式化 (6):

日期格式化 (7):

日期格式化 (1): 11:19:43 日期格式化 (2): 2016-6-26 日期格式化 (3): 2016-6-26 11:19:43 日期格式化 (4): 16-6-26 上午11:19 日期格式化 (5): 2016-6-26 11:19:43 日期格式化 (6): 2016年6月26日 上午11时19分43秒 日期格式化 (7): 2016-06-26


格式化数字 (1):

格式化数字 (2):

格式化数字 (3):

格式化数字 (4):

格式化数字 (5):

格式化数字 (6):

格式化数字 (7):

格式化数字 (8):

美元 :

格式化数字 (1): ¥120,000.23 格式化数字 (2): 000.231 格式化数字 (3): 120,000.231 格式化数字 (4): 120000.231 格式化数字 (5): 023% 格式化数字 (6): 12,000,023.0900000000% 格式化数字 (7): 023% 格式化数字 (8): 120E3 美元 : $120,000.23
  
6.7 整合
将现有的EmpProject项目进行整合,使用EL+JSTL替换脚本代码。
  

七、MVC框架

7.1 MVC概念
Model-View-Controller
MVC又称为编程模式,是一种软件设计思想,将数据操作、页面展示、业务逻辑分为三个层级(模块),独立完成,相互调用。
        模型层(Model)
        视图(View)
        控制器(Controller)
    
7.2 详解
MVC并不是Java独有的,现在几乎所有的B/S的架构都采用了MVC模式。
        视图View:视图即是用户看到并与之交互的界面,比如HTML(静态资源),JSP(动态资源)等等。
        控制器Controller:控制器即是控制请求的处理逻辑,对请求进行处理,负责流程跳转(转发和重定向)。
        模型Model:对客观世界的一种代表和模拟(业务模拟、对象模拟)。
    

JavaWeb笔记之JSP_第12张图片

7.3 优点
低耦合性:模块与模块之间的关联性不强,不与某一种具体实现产生密不可分的关联性。
高维护性:基于低耦合性,可做到不同层级的功能模块灵活更换、插拔。
高重用性:相同的数据库操作,可以服务于不同的业务处理。将数据作为独立模块,提高重用性。
  

7.4 应用
MVC模式被广泛用于Java的各种框架中,比如Struts2、SpringMVC等等都用到了这种思想。
  
7.5 三层架构与MVC
7.5.1 三层架构
View层(表示|界面层)、Service层(业务逻辑层)、DAO层(数据访问层)。

JavaWeb笔记之JSP_第13张图片

  
7.5.2 区别
MVC强调的是视图和业务代码的分离。严格的说MVC其实关注的是Web层。View就是单独的页面,如JSP、HTML等,不负责业务处理,只负责数据的展示。而数据封装到Model里,由Controller负责在V和M之间传递。MVC强调业务和视图分离。
三层架构是“数据访问层”、“业务逻辑层”、“表示层”,指的是代码之间的解耦,方便维护和复用。

你可能感兴趣的:(Java,Web开发从入门到实践,java,jsp,前端)