JavaWeb基础与后端开发：Servlet、JSP与EL表达式应用-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_30522357/article/details/136537748

Java Web

Web 后台

request：客户端请求

response：给客户端请求做出的响应

Servlet 接口是 Java Web 的基础，实现该接口之后，Java 类就具备了可以被浏览器（前端）访问的功能，并且还具备了给请求做出响应的功能

Servlet + JSP

后端 + 前端

后端：处理业务，返回业务数据

前端：展示业务数据

EL 表达式

Spring EL

Thymeleaf EL

从域对象（request）中取出数据，进行展示或者赋值，是一种代码简化的机制

JSTL

Thymeleaf 标签库

JSTL + EL 结合起来使用进行前端数据的展示

EL JSP 自带的功能，不需要额外导入 jar

JSTL 需要额外导入 jar

使用 JSTL

1、导入 jar

2、引入标签库

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

@Override
public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
    HttpServletRequest request = (HttpServletRequest) servletRequest;
    //数据
    User user = new User();
    user.setId(1);
    user.setName("张三");
    user.setAge(22);
    User user1 = new User();
    user1.setId(2);
    user1.setName("李四");
    user1.setAge(21);
    User user2 = new User();
    user2.setId(3);
    user2.setName("王五");
    user2.setAge(20);
    List<User> list = new ArrayList<>();
    list.add(user);
    list.add(user1);
    list.add(user2);
    //将数据存入request
    request.setAttribute("list", list);
    //进行页面跳转
    request.getRequestDispatcher("index.jsp").forward(servletRequest, servletResponse);
}

<%@ page import="com.entity.User" %>
<%@ page import="java.util.List" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
      <%
          List<User> users = (List<User>) request.getAttribute("list");
      %>
      <table>
          <tr>
              <th>ID</th>
              <th>姓名</th>
              <th>年龄</th>
          </tr>
          <%
              for (User user : users) {
                  request.setAttribute("user", user);
          %>
                <tr>
                    <td>${user.id}</td>
                    <td>${user.name}</td>
                    <td>${user.age}</td>
                </tr>
          <%
              }
          %>
          <hr/>
          <table>
              <tr>
                  <th>ID</th>
                  <th>姓名</th>
                  <th>年龄</th>
              </tr>
              <c:forEach items="${list}" var="user">
                  <tr>
                      <td>${user.id}</td>
                      <td>${user.name}</td>
                      <td>${user.age}</td>
                  </tr>
              </c:forEach>
          </table>
      </table>
  </body>
</html>

前端使用框架、UI 组件进行开发，不需要写原生的 HTML 代码

UI 组件：Element UI、Mint UI、Vant UI、bootstrap、layui、easyui，添加样式，美化页面

框架：Vue，对 HTML + CSS + JS 做了一个封装

css + js

war：把项目所用的资源放到一个文件夹中（前端+后端，Java+JSP+CSS+JS），把该文件夹部署到 Tomcat