欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaWeb基础系列(五)Jsp

程序员文章站 2022-06-01 22:21:23
...

一、Jsp简介

Servle技术t:擅长编写java代码
Jsp技术:擅长页面显示

二、Jsp脚本和注释

(1)jsp脚本:
<%java代码%> —– 内部的java代码翻译到service方法的内部
<%=java变量或表达式> —– 会被翻译成service方法内部out.print()
<%!java代码%> —- 会被翻译成servlet的成员的内容
(2)jsp注释: 不同的注释可见范围是不同
Html注释:<!--注释内容--> —可见范围 jsp源码、翻译后的servlet、页面 显示html源码
java注释://单行注释 /*多行注释*/ –可见范围 jsp源码 翻译后的servlet
jsp注释:<%–注释内容–%> —– 可见范围 jsp源码可见

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        int i = 0;
        System.out.print(i);
    %>
    <%=i+1%>
    <%!
        String str = "hello";
    %>
    <%=str%>
</body>
</html>

运行结果:1 hello·

三、Jsp运行原理—–jsp本质就是servlet(面试)

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

四、Jsp指令(3个)

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

4.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:当前页面是一个处理错误的页面

4.2、include指令

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

4.3、taglib指令

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

五、jsp内置/隐式对象(9个)—– 笔试

jsp被翻译成servlet之后,service方法中有9个对象定义并初始化完毕,我们在jsp 脚本中可以直接使用这9个对象
JavaWeb基础系列(五)Jsp

5.1、out对象

out的类型:JspWriter
out作用就是想客户端输出内容—-out.write()
out缓冲区默认8kb 可以设置成0,代表关闭out缓冲区,内容直接写到respons缓冲器
JavaWeb基础系列(五)Jsp

5.2、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域中获 取属性,在某个域中获取后将不在向后寻找
四大作用域的总结:
page域:当前jsp页面范围
request域:一次请求(转发)
session域:一次会话(客户端不关)
application域:整个web应用

5.3、可以获得其他8大隐式对象

例如: pageContext.getRequest()
pageContext.getSession()

六、Jsp标签动作

页面包含(动态包含):

<jsp:include page="被包含的页面"/>

请求转发:

<jsp:forward page="要转发的资源" />

静态包含与动态包含的区别?
静态包含将Jsp内容两个包含到一起然后翻译到tomcat;动态包含先将两个jsp翻译,然后包含到一起
JavaWeb基础系列(五)Jsp

七、商品列表显示

思路框图:
JavaWeb基础系列(五)Jsp
新建Product表:

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,
  `pdesc` varchar(255) DEFAULT NULL,
  `pflag` int(11) DEFAULT NULL,
  `cid` varchar(50) DEFAULT NULL,
  PRIMARY KEY (`pid`)
)

往表中添加数据:
JavaWeb基础系列(五)Jsp
Product实体类:

public class Product {
    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;
    }
}

ProductListServlet:

@WebServlet(name = "ProductListServlet",
        urlPatterns = {"/ProductListServlet"})
public class ProductListServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //准备所有商品的数据 ---- List<Product>
        QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
        String sql = "select * from product";
        List<Product> productList = null;
        try {
            productList = runner.query(sql, new BeanListHandler<Product>(Product.class));
        } catch (SQLException e) {
            e.printStackTrace();
        }

        //商品的集合准备好
        //将数据存到request域 转发给product_list.js进行显示
        request.setAttribute("productList", productList);
        request.getRequestDispatcher("/product_list.jsp").forward(request, response);
    }
}

product_list.jsp:

<div class="row" style="width: 1210px; margin: 0 auto;">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="#">首页</a></li>
            </ol>
        </div>
        <%

        //获得集合List<Product>
        List<Product> productList = (List<Product>)request.getAttribute("productList");
        if(productList!=null){
            for(Product product : productList){
            out.write("<div class='col-md-2' style='height:250px'>");
                out.write("<a href='product_info.htm'>");
                    out.write("<img src='"+product.getPimage()+"' width='170' height='170' style='display: inline-block;'>");
                    out.write("</a>");
                out.write("<p><a href='product_info.html' style='color: green'>"+product.getPname()+"</a></p>");
                out.write("<p><font color='#FF0000'>商城价:&yen;"+product.getShop_price()+"</font></p>");
                out.write("</div>");
            }
        }

        %>
    </div>

运行结果:
JavaWeb基础系列(五)Jsp

相关标签: Java javaweb jsp