静态页面与动态页面:

1、动态网页,是指跟静态网页相对的一种网页编程技术。静态网页,随着html代码的生成,页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的

2、静态页面,即静态网页,是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间,且不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改(通过fso等技术例外)。常见的静态页面举例:.html扩展名的、.htm扩展名的。

一、JSP服务器页面技术

1.什么是JSP

JSP全名是Java Server Pages,它是建立在Servlet规范之上的动态网页开发技术。在JSP文件中,HTML代码与Java代码共同存在,其中,HTML代码用来实现网页中静态内容的显示,Java代码用来实现网页中动态内容的显示。为了与传统HTML有所区别,JSP文件的扩展名为jsp。
JSP技术所开发的Web应用程序是基于Java的,它可以用一种简洁而快速的方法从Java程序生成Web页面

2.jsp脚本和注释

jsp脚本:
1)<%java代码%> ----- 内部的java代码翻译到service方法的内部
2)<%=java变量或表达式> ----- 会被翻译成service方法内部out.print()
3)<%!java代码%> ---- 会被翻译成servlet的成员的内容

jsp注释: 不同的注释可见范围是不同的
1)Html注释:<!--注释内容--> —可见范围:jsp源码、翻译后的servlet、页面 显示html源码
2)java注释://单行注释 /多行注释/ --可见范围 jsp源码 翻译后的servlet
3)jsp注释:<%--注释内容--%> ----- 可见范围 jsp源码可见

3.jsp运行原理-----jsp本质就是servlet

jsp在第一次被访问时会被Web容器翻译成servlet,在执行
过程:
第一次访问---->helloServlet.jsp---->helloServlet_jsp.java---->编译运行
PS:被翻译后的servlet在Tomcat的work目录中可以找到

4.jsp指令(3个)

jsp的指令是指导jsp翻译和运行的命令,jsp包括三大指令:

  • 1)page指令 — 属性最多的指令(实际开发中page指令默认)
    属性最多的一个指令,根据不同的属性,指导整个页面特性
    格式:<%@ page 属性名1= "属性值1" 属性名2= "属性值2" ...%>
    常用属性如下:
    language:jsp脚本中可以嵌入的语言种类
    pageEncoding:当前jsp文件的本身编码—内部可以包含contentType
    contentType:response.setContentType(text/html;charset=UTF-8)
    session:是否jsp在翻译时自动创建session
    import:导入java的包
    errorPage:当当前页面出错后跳转到哪个页面
    isErrorPage:当前页面是一个处理错误的页面

  • 2)include指令
    页面包含(静态包含)指令,可以将一个jsp页面包含到另一个jsp页面中
    格式:<%@ include file="被包含的文件地址"%>

  • 3)taglib指令
    在jsp页面中引入标签库(jstl标签库、struts2标签库)
    格式:<%@ taglib uri="标签库地址" prefix="前缀"%>

5.jsp内置/隐式对象(9个)


pageContext对象
jsp页面的上下文对象,作用如下:
page对象与pageContext对象不是一回事
1)pageContext是一个域对象
setAttribute(String name,Object obj)
getAttribute(String name)
removeAttrbute(String name)

pageContext可以向指定的其他域中存取数据
setAttribute(String name,Object obj,int scope)
getAttribute(String name,int scope)
removeAttrbute(String name,int scope)
findAttribute(String name)
—依次从pageContext域,request域,session域,application域中获 取属性,在某个域中获取后将不在向后寻找

6.jsp标签(动作)

1)页面包含(动态包含):<jsp:include page="被包含的页面"/>
2)请求转发:<jsp:forward page="要转发的资源" />

7. JSP的四个域范围:

  • page:表示当前页,通常没用。jsp标签底层使用。
  • request:表示一次请求。通常一次请求就一个页面,但如果使用请求转发,可以涉及多个页面。
  • session:表示一次会话。可以在多次请求之间共享数据。
  • application:表示一个web应用(项目)。可以整个web项目共享,多次会话共享数据。

二、EL技术

1.EL 表达式概述

EL(Express Lanuage)表达式可以嵌入在jsp页面内部,减少jsp脚本的编写,EL 出现的目的是要替代jsp页面中脚本的编写。

2.EL从域中取出数据

EL最主要的作用是获得四大域中的数据
格式${EL表达式}
EL获得pageContext域中的值:$(pageContextScope.key);
EL获得request域中的值:$(request.key);
EL获得session域中的值:$(session.key);
EL获得application域中的值:$(application.key);
EL从四个域中获得某个值$(key);
同样是依次从pageContext域,request域,session域,application域中 获取属性,在某个域中获取后将不在向后寻找

3.EL的内置对象

pageScope,requestScope,sessionScope,applicationScope
---- 获取JSP中域中的数据
param,paramValues - 接收参数.
header,headerValues - 获取请求头信息
initParam - 获取全局初始化参数
cookie - WEB开发中cookie
pageContext - WEB开发中的pageContext.

$(pageContext.request.contextPath)

相当于

<%=pageContext.getRequest().getContextPath%>

获得WEB应用的名称

三、JSTL技术

1.JSTL概述

JSTL(JSP Standard Tag Library),JSP标准标签库,可以嵌入在jsp页面中使用标签的形式完成业务逻辑等功能。jstl出现的目的同el一样也是要提到jsp页面中的脚本代码。JSTL标准标准标签库有5个子库,但随着发展,目前常使用的是他的核心库
#### 2.JSTL下载与导入
JSTL下载:
从Apache的网站下载JSTL的JAR包。进入 “http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/”网址下载 JSTL的安装包。jakarta-taglibs-standard-1.1.2.zip,然后将下载好的JSTL安装包 进行解压,此时,在lib目录下可以看到两个JAR文件,分别为jstl.jar和standard.jar。 其中,jstl.jar文件包含JSTL规范中定义的接口和相关类,standard.jar文件包含用于 实现JSTL的.class文件以及JSTL中5个标签库描述符文件(TLD)

3.JSTL核心库的常用标签

1)<c:if>标签
2)<c:for>标签

案例一:在JSP的页面中显示商品的信息(关于JSP)

需求:数据库中存放了很多商品信息,现在将商品的信息全部显示到页面.
步骤1:创建项目,并导入jar包

步骤2:初始化数据库

CREATE TABLE `product` (`pid` VARCHAR(50) NOT NULL,`pname` VARCHAR(50) DEFAULT NULL,#商品名称`market_price` DOUBLE DEFAULT NULL,#商场价`shop_price` DOUBLE DEFAULT NULL,#商城价`pimage` VARCHAR(200) DEFAULT NULL,#商品图片路径`pdate` DATE DEFAULT NULL,#上架时间`is_hot` INT(11) DEFAULT NULL,#是否热门:0=不热门,1=热门`pdesc` VARCHAR(255) DEFAULT NULL,#商品描述`pflag` INT(11) DEFAULT NULL,#商品标记:0=未下架(默认值),1=已经下架`cid` VARCHAR(50) DEFAULT NULL,#分类idPRIMARY KEY (`pid`)

步骤3:导入工具类和c3p0配置文件,并修改数据库

<?xml version="1.0" encoding="UTF-8"?>
<c3p0-config><default-config><property name="user">root</property><property name="password">root</property><property name="driverClass">com.mysql.jdbc.Driver</property><property name="jdbcUrl">jdbc:mysql:///web17</property></default-config>
</c3p0-config>

步骤4:编写JavaBean,并提供相应构造方法,以及toString0方法

private String pid;private String pname;private double market_price;private double shop_price;private String pimage;private String pdate;private int is_hot;private String pdesc;private int pflag;private String cid;public String getPid() {return pid;}public void setPid(String pid) {this.pid = pid;}public String getPname() {return pname;}public void setPname(String pname) {this.pname = pname;}public double getMarket_price() {return market_price;}public void setMarket_price(double market_price) {this.market_price = market_price;}public double getShop_price() {return shop_price;}public void setShop_price(double shop_price) {this.shop_price = shop_price;}public String getPimage() {return pimage;}public void setPimage(String pimage) {this.pimage = pimage;}public String getPdate() {return pdate;}public void setPdate(String pdate) {this.pdate = pdate;}public int getIs_hot() {return is_hot;}public void setIs_hot(int is_hot) {this.is_hot = is_hot;}public String getPdesc() {return pdesc;}public void setPdesc(String pdesc) {this.pdesc = pdesc;}public int getPflag() {return pflag;}public void setPflag(int pflag) {this.pflag = pflag;}public String getCid() {return cid;}public void setCid(String cid) {this.cid = cid;}
}

步骤5:dao层实现

package com.itheima.dao;import java.sql.SQLException;
import java.util.List;import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanListHandler;import com.itheima.domain.Product;
import com.itheima.utils.DataSourceUtils;public class ProductDao {public List<Product> findAllProduct() throws SQLException {//操作数据库QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());String sql = "select * from product";List<Product> productList = runner.query(sql, new BeanListHandler<Product>(Product.class));return productList;}}

步骤6:service层实现

package com.itheima.service;import java.sql.SQLException;
import java.util.List;import com.itheima.dao.ProductDao;
import com.itheima.domain.Product;public class ProductService {public List<Product> findAllProduct() throws SQLException {//没有复杂业务//传递请求到dao层ProductDao dao = new ProductDao();List<Product> productList = dao.findAllProduct();return productList;}}

步骤7:首页编写

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%--重定向到查询所有 servlet--%>
response.sendRedirect("/productFindA11Servlet");%>

步骤8:servlet编写

package com.itheima.web;import java.io.IOException;
import java.sql.SQLException;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.itheima.domain.Product;
import com.itheima.service.ProductService;public class ProductListServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//传递请求到service层ProductService service = new ProductService(); List<Product> productList = null;try {productList = service.findAllProduct();} catch (SQLException e) {e.printStackTrace();}//全部商品的数据准备好了 转发给jsp进行数据的展示request.setAttribute("productList", productList);request.getRequestDispatcher("/product_list.jsp").forward(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doGet(request, response);}
}

JavaWeb——动态页面技术(JSP/EL/JSTL)相关推荐

  1. 动态页面技术(EL/JSTL)

    EL技术 EL 表达式概述 EL(Express Lanuage)表达式可以嵌入在jsp页面内部,减少jsp脚本的编写,EL出现的目的是要替代jsp页面中脚本(java代码)的编写. EL从域中取出数 ...

  2. JavaWeb之动态页面技术jsp显示商品列表

    一.新建商品数据库 CREATE TABLE `product` (`pid` varchar(50) NOT NULL,`pname` varchar(50) DEFAULT NULL,`marke ...

  3. 动态网页技术--JSP(7)

    动态网页技术--JSP(7) 一.Ajax 同步传输:一问一答的样式,有发送的请求就返回响应 异步传输:多问多答的样式,不需要刷新整个页面,就可以完成局部数据访问 开发步骤: 1.事件驱动函数 2.如 ...

  4. 动态页面技术(JSP/EL/JSTL)

    1 JSP技术 1.1 jsp脚本和注释 jsp脚本:   1) <%java代码%> ----- 内部的java代码翻译到service方法的内部   2) <%=java变量或表 ...

  5. DW-CHEN的Java点滴记录JavaWeb之HTTP协议/Servlet/Cookie/Session/JSP/EL/JSTL/Filter/Listener

    JavaEE规范 JavaEE(Java Enterprise Edition):Java企业版,早期叫J2EE(J2EE的版本从1.0到1.4结束):现在Java版本从JavaEE 5开始 Java ...

  6. 动态网页技术JSP、ASP、PHP

    动态网页技术 所谓"动态",并不是指那几个放在网页上的GIF图片,动态网页技术有以下几个特点. 1,"交互性"即网页会根据用户的要求和选择而动态改变和响应,将浏 ...

  7. jsp教学网站百度文库_动态网站技术(JSP)教学大纲

    精选 <动态网站技术>课程教学大纲 一.课程简介 课程名称 动态网站技术 英文名称 Dynamicweb site technology 课程代码 1761220 课程类别 专业课 学分 ...

  8. JSP动态网页技术基本知识点总结

    今天学习了JSP动态网页技术的基本用法 1. 动态页面技术(  jsp )    what is jsp?  java server page   java服务器页面技术.        jsp包括了 ...

  9. JSP概述和页面技术

    JSP概述和页面技术 JSP是Servlet更高级别的扩展,关于JSP的知识主要有JSP的页面构成.执行过程.字符转译.隐式对象等技术.知识点包括: 1.JSP概述    2.JSP页面技术      ...

最新文章

  1. Could not autowire field: private javax.servlet.http.HttpServletRequest
  2. Google C++ Coding Style:右值引用(Rvalue Reference)
  3. 弹性架构_实践中的弹性基础架构
  4. axios异步请求数据的简单使用
  5. TinkPHP内核仿每推推51领啦试客系统源码
  6. 带滚动条html转pdf只有一页,关于html页面导出pdf滚动条以下显示不全的问题
  7. 使用nmap查看web服务支持的http methods
  8. LeetCode每日一题:存在重复元素(No.217)
  9. DDD开发框架ABP之导航菜单
  10. 吉利嘉际车机安装第三方软件教程(2022年更新)
  11. 数据分析这么做,销售看了拍手叫好
  12. 数据集加载--load_digits
  13. 计算机组成与原理第二章,计算机组成原理《第二章》
  14. IMF 自定义 IMFTimer、IMFTimerTask
  15. 18年研赛数学建模心得
  16. python更改图片中物体的颜色_Python实现去除图片中指定颜色的像素功能示例
  17. oracle插入数字类型能用单引号括起来为什么
  18. html颜色代码对照表
  19. 人人都要有底层逻辑 - 底层逻辑一定要围绕人
  20. C语言编程题:分数的加减乘除

热门文章

  1. 转发:任正非寄语2010:开放、妥协与灰度
  2. C++多线程学习06 利用RAII
  3. 数字基建-高速公路智慧建造管控平台
  4. visio使用小知识
  5. 合肥工业大学2022大数据技术实验一
  6. 增量备份、差异备份、增量备份的区别?
  7. Cannot resolve dependency ‘snabbdom‘ or ‘snabbdom/init‘
  8. PL读写DDR3 实现PS和PL间的数据交互
  9. 视觉SLAM十四讲 ch3 Ubuntu18.04 KDevelop的使用及Eigen实践 入门笔记
  10. 计算机命令通配符,Windows的命令行怎么支持通配符