Java制作Page类型对象 javaweb page

转载

footballboy 2023-11-11 12:55:41

文章标签 Java制作Page类型对象 java mvc html maven 文章分类 Java 后端开发

JSP概述

JSP概念：Java Server Pages，Java服务端页面
一种动态的网页技术，其中既可以定义HTML，JS，CSS等静态内容，也可以定义Java代码的动态内容
JSP=HTML+Java
JSP作用：简化开发，避免在Servlet中直接输出HTML标签

JSP快速入门

1. 导入JSP坐标

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

2. 创建JSP文件

在webapp目录下创建文件

3. 编写HTML标签和Java代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1>Hello JSP</h1>
<%
    System.out.println("Hello JSP");
%>
</body>
</html>

JSP原理

* JSP本质上就是一个Servlet
    服务器自动将jsp转换为Servlet
    例：hello.jsp -> hello_jsp.java -> hello_jsp.class
* JSP被访问时，由JSP容器（Tomcat）将其转换为Java文件，再由JSP容器将其编译，最终对外提供服务的就是这个字节码文件

JSP脚本

JSP脚本用于在JSP页面内定义Java代码
JSP脚本分类
    1. <%...%>：内容会直接放到_jspService()方法之中
    2. <%=...%>：内容会放到out.print()中，作为out.print()的参数
    3. <%!...%>：内容会放到_jspService()方法之外，被类直接包含

小练习

//com.ziping.pojo.User
package com.ziping.pojo;
public class User {
    private Integer id;
    private String name;
    private String password;
    public User(Integer id, String name, String password) {
        this.id = id;
        this.name = name;
        this.password = password;
    }
    public Integer getId() {return id;}
    public void setId(Integer id) {this.id = id;}
    public String getName() {return name;}
    public void setName(String name) {this.name = name;}
    public String getPassword() {return password;}
    public void setPassword(String password) {this.password = password;}
    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

//user.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    List<User> users = new ArrayList<User>();
    users.add(new User(1, "张三", "123456"));
    users.add(new User(2, "李四", "123456"));
    users.add(new User(3, "王五", "123456"));
%>
<html>
<head>
    <title>Title</title>
</head>
<body>
<input type="button" value="添加"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>ID</th>
        <th>用户名</th>
        <th>密码</th>
        <th>操作</th>
    </tr>
    <%
        for (int i = 0; i < users.size(); i++) {
            User user = users.get(i);
    %>
    <tr>
        <td><%= user.getId() %></td>
        <td><%= user.getName() %></td>
        <td><%= user.getPassword() %></td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <%
        }
    %>
</table>
</body>
</html>

jsp脚本中Java代码可以被截断

JSP缺点：
    * 书写麻烦，尤其是复杂的页面
    * 阅读麻烦
    * 复杂度高：运行需要依赖于各种环境，JRE、JSP容器、JavaEE...
    * 占内存和磁盘：JSP会自动生成.java和.class文件占磁盘，运行的是.class文件占内存
    * 调试困难：出错后，需要找到自动生成的.java文件进行调试
    * 不利于团队协作：前端不精Java，后端不精HTML
    * ......（当前主流的技术是HTML+AJAX替代JSP）

不要直接在JSP里写Java代码
    1. Servlet：逻辑处理，封装数据
    2. JSP获取数据，遍历展现数据

EL表达式

Expression Language：表达式语言，用于简化JSP页面内Java代码
主要功能：获取数据
语法：${expression}：获取域中存储的key为expression的数据

@WebServlet("/demo1")
public class ServletDemo1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1. 准备数据
        List<User> users = new ArrayList<User>();
        users.add(new User(1, "张三", "123456"));
        users.add(new User(2, "李四", "123456"));
        users.add(new User(3, "王五", "123456"));
        //2. 存储到request域中
        req.setAttribute("users", users);
        //3. 转发到el-demo.jsp
        req.getRequestDispatcher("/el-demo.jsp").forward(req, resp);
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

<!--isELIgnored表示是否忽略EL表达式-->
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>EL-Demo</title>
</head>
<body>
    ${users}
</body>
</html>

JavaWeb中四大域对象：
page：当前页面有效
request：当前请求有效
session：当前会话有效
application：当前应用有效
EL表达式获取数据，会依次从这4个域中寻找，直到找到位置

JSTL标签

JSP Standarded Tag Library：JSP标准标签库，使用标签取代JSP页面上的Java代码

1. 导入坐标

<!--使用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>

2. 在JSP页面上引入JSTL标签库

<!--prefix表示前缀，可自己起名-->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--两个常用标签-->

3. 使用
3.1 if标签

<c:if>：来完成逻辑判断

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <c:if test="${status == 1}">
        <h1>启用</h1>
    </c:if>
    <c:if test="${status == 0}">
        <h1>禁用</h1>
    </c:if>
</body>
</html>

forEach标签

<c:forEach>：相当于for循环
    * items：被遍历的容器
    * var：遍历产生的临时变量
    * varStatus：遍历状态对象

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <c:forEach items="${users}" var="user" varStatus="status">
        <tr align="center">
            <!--
                index属性从0开始
                count属性从1开始
            -->
            <td>${status.index}</td>
            <!--
                此处写user.xxx
                自动解析为getXxx()方法（首字母变为大写加上get）
            -->
            <td>${user.name}</td>
            <td>${user.password}</td>
        </tr>
    </c:forEach>
    <!--
        普通for循环
        例：页码栏
    -->
    <c:forEach begin="0" end="10" step="1" var="i">
        <a>${i}</a>
    </c:forEach>
</body>
</html>

MVC模式和三层架构

MVC模式

MVC是一种分层开发的模式，其中：
    * M：Model，业务模型，处理业务
    * V：View，视图，界面展示
    * C：Controller，控制器，处理请求，调用模型和视图
MVC好处：
    1. 职责单一，互不影响
    2. 有利于分工协作
    3. 有利于组件重用

三层架构

数据访问层（dao/mapper）：对数据库的CRUD基本操作
业务逻辑层（service）：对业务逻辑进行封装，组合数据访问层层中基本功能，形成复杂的业务逻辑功能
表现层（web/controller）：接收请求，封装数据，调用业务逻辑层，响应数据

三大框架

数据访问层：MyBatis
业务逻辑层：Spring
表现层：SpringMVC

案例

环境准备：

创建新的模块，引入坐标
创建三层架构的包结构
数据库表tb_brand
实体类Brand
MyBatis基础环境

Java制作Page类型对象 javaweb page_html

以下为实现的功能

1. 查询所有

遇到的问题：
    1. 在Brand.java中添加了含参的构造器必须要添加空参构造器
        JavaBean必须要有空参构造器才能正确映射
    2. 使用resultMap映射属性名称和数据库列的名称
        并且在mapper中使用@ResultMap注解使用定义好的resultMap

2. 添加