JavaWeb基础系列（五）Jsp

清疚 2021-09-26 23:50 407阅读 0赞

# 一、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个对象  
![这里写图片描述][70]

## 5.1、out对象 ##

out的类型：JspWriter  
out作用就是想客户端输出内容—-out.write()  
out缓冲区默认8kb 可以设置成0，代表关闭out缓冲区，内容直接写到respons缓冲器  
![这里写图片描述][70 1]

## 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翻译，然后包含到一起  
![这里写图片描述][70 2]

# 七、商品列表显示 #

**思路框图：  
![这里写图片描述][70 3]  
新建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`) )

往表中添加数据：  
![这里写图片描述][70 4]  
**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'>商城价：¥"+product.getShop_price()+"</font></p>");
                    out.write("</div>");
                }
            }
    
            %>
        </div>

**运行结果：**  
![这里写图片描述][70 5]

[70]: /images/20210923/4c195d950946450bb50f338c71dc909a.png
[70 1]: /images/20210923/a3cdb5129a34464eb93857fc86e3e248.png
[70 2]: /images/20210923/4d6296b119f14b949c1bb7e2ee95613f.png
[70 3]: /images/20210923/c0a19d1cf2ad47c3a6716e11eb348396.png
[70 4]: /images/20210923/fbd4a46c19ea4e64b4b89161f1ab6d11.png
[70 5]: /images/20210923/917a1925af0b496b8b2002c86316d9ee.png