10. JSP


1. 简介

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2. 快速入门

在这里插入图片描述

2.1 搭建环境

在这里插入图片描述
在这里插入图片描述

2.2 导入JSP依赖

在这里插入图片描述

2.3 创建JSP页面

在这里插入图片描述

2.4 编写代码

在这里插入图片描述

2.5 测试

在这里插入图片描述

3. JSP原理

在这里插入图片描述

4. JSP脚本

4.1 JSP脚本分类

在这里插入图片描述
在这里插入图片描述

4.2 案例

4.2.1 需求

在这里插入图片描述

4.2.2 实现

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.2.3 成品代码

在这里插入图片描述
在这里插入图片描述

4.2.4 测试

在这里插入图片描述

4.2 JSP缺点

在这里插入图片描述
在这里插入图片描述

5. EL表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. JSTL标签

6.1 概述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.2 if标签

在这里插入图片描述
在这里插入图片描述

6.3 forEach标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7. MVC模式和三层架构

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8. 案例

在这里插入图片描述

8.1 准备环境

在这里插入图片描述
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>org.example</groupId>
    <artifactId>brand-demo</artifactId>
    <version>1.0-SNAPSHOT</version>

    <packaging>war</packaging>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>


    <dependencies>
        <!-- mybatis -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.5</version>
        </dependency>

        <!--mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.34</version>
        </dependency>

        <!--servlet-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>

        <!--jsp-->

        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>

        <!--jstl-->
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>


    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
            </plugin>
        </plugins>
    </build>


</project>

在这里插入图片描述

-- 删除tb_brand表
drop table if exists tb_brand;
-- 创建tb_brand表
create table tb_brand
(
    -- id 主键
    id           int primary key auto_increment,
    -- 品牌名称
    brand_name   varchar(20),
    -- 企业名称
    company_name varchar(20),
    -- 排序字段
    ordered      int,
    -- 描述信息
    description  varchar(100),
    -- 状态:0:禁用  1:启用
    status       int
);
-- 添加数据
insert into tb_brand (brand_name, company_name, ordered, description, status)
values ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0),
       ('华为', '华为技术有限公司', 100, '华为致力于把数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1);


SELECT * FROM tb_brand;

在这里插入图片描述

package com.buluchacha.pojo;

/**
 * 品牌实体类
 */

public class Brand {
    // id 主键
    private Integer id;
    // 品牌名称
    private String brandName;
    // 企业名称
    private String companyName;
    // 排序字段
    private Integer ordered;
    // 描述信息
    private String description;
    // 状态:0:禁用  1:启用
    private Integer status;


    public Brand() {
    }

    public Brand(Integer id, String brandName, String companyName, String description) {
        this.id = id;
        this.brandName = brandName;
        this.companyName = companyName;
        this.description = description;
    }

    public Brand(Integer id, String brandName, String companyName, Integer ordered, String description, Integer status) {
        this.id = id;
        this.brandName = brandName;
        this.companyName = companyName;
        this.ordered = ordered;
        this.description = description;
        this.status = status;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getBrandName() {
        return brandName;
    }

    public void setBrandName(String brandName) {
        this.brandName = brandName;
    }

    public String getCompanyName() {
        return companyName;
    }

    public void setCompanyName(String companyName) {
        this.companyName = companyName;
    }

    public Integer getOrdered() {
        return ordered;
    }

    public void setOrdered(Integer ordered) {
        this.ordered = ordered;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public Integer getStatus() {
        return status;
    }

    public void setStatus(Integer status) {
        this.status = status;
    }

    @Override
    public String toString() {
        return "Brand{" +
                "id=" + id +
                ", brandName='" + brandName + '\'' +
                ", companyName='" + companyName + '\'' +
                ", ordered=" + ordered +
                ", description='" + description + '\'' +
                ", status=" + status +
                '}';
    }
}

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--起别名-->
    <typeAliases>
        <package name="com.buluchacha.pojo"/>
    </typeAliases>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="com.mysql.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql:///db1?useSSL=false&amp;useServerPrepStmts=true"/>
                <property name="username" value="root"/>
                <property name="password" value="1234"/>
            </dataSource>
        </environment>
    </environments>
    <mappers>
        <!--扫描mapper-->
        <package name="com.buluchacha.mapper"/>
    </mappers>
</configuration>

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.buluchacha.mapper.BrandMapper">

</mapper>

8.2 查询所有

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8.3 添加

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8.4 修改

8.4.1 回显数据

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8.4.2 修改数据

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我明白了。这是一个关于JSP页面的问题。 首先,我们需要创建三个JSP页面,分别为main.jsp、circle.jsp和ladder.jsp。它们应该放在同一个Web服务目录下,可以使用Tomcat等服务器来部署。 接下来,我们来编写main.jsp页面。该页面使用include动作标记加载circle.jsp和ladder.jsp页面,并且从param子标记中获取圆的半径和梯形的上底、下底和高的值。代码如下: ```jsp <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Main Page</title> </head> <body> <h1>Main Page</h1> <jsp:include page="circle.jsp"> <jsp:param name="radius" value="5"/> </jsp:include> <jsp:include page="ladder.jsp"> <jsp:param name="upper" value="10"/> <jsp:param name="lower" value="15"/> <jsp:param name="height" value="8"/> </jsp:include> </body> </html> ``` 在上面的代码中,我们使用了两个include动作标记,分别加载了circle.jsp和ladder.jsp页面。在include标记中,我们使用了param子标记来传递参数。对于circle.jsp页面,我们传递了圆的半径为5;对于ladder.jsp页面,我们传递了梯形的上底为10、下底为15、高为8。 接下来,我们来编写circle.jsp页面和ladder.jsp页面。circle.jsp页面可以计算并显示圆的面积,ladder.jsp页面可以计算并显示梯形的面积。 circle.jsp页面的代码如下: ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Circle Page</title> </head> <body> <h2>Circle Page</h2> <% double radius = Double.parseDouble(request.getParameter("radius")); double area = Math.PI * radius * radius; %> <p>半径为<%=radius%>的圆的面积为<%=area%></p> </body> </html> ``` 在上面的代码中,我们首先获取了main.jsp页面传递过来的圆的半径参数,然后计算圆的面积,并将结果显示在页面上。 ladder.jsp页面的代码如下: ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ladder Page</title> </head> <body> <h2>Ladder Page</h2> <% double upper = Double.parseDouble(request.getParameter("upper")); double lower = Double.parseDouble(request.getParameter("lower")); double height = Double.parseDouble(request.getParameter("height")); double area = (upper + lower) * height / 2; %> <p>上底为<%=upper%>,下底为<%=lower%>,高为<%=height%>的梯形的面积为<%=area%></p> </body> </html> ``` 在上面的代码中,我们首先获取了main.jsp页面传递过来的梯形的上底、下底和高的参数,然后计算梯形的面积,并将结果显示在页面上。 最后,我们需要将这三个JSP页面保存在同一个Web服务目录下,并且启动Tomcat等服务器来部署它们。在浏览器中访问main.jsp页面,就可以看到包含了circle.jsp和ladder.jsp页面的内容了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值