首页 > 编程语言> 文章详细

JavaWeb核心篇（3）——JSP，MVC，三层架构

2022-09-10 14:01:14 阅读：243 来源： 互联网

标签：Java JavaWeb MVC write HTML JSP Servlet

JavaWeb核心篇（3）——JSP，MVC，三层架构

在本篇文章中我们会学习到JSP，MVC，三层架构

虽然JSP已经快被时代所淘汰，但是在一些老旧的工作场所还是有在使用，所以了解一下也不为过

至于MVC和三层架构，应该是属于核心思想部分

JSP

首先我们先来简单介绍一下JSP：

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

我们先来了解一下未开发JSP之前，Servlet是如何输出HTML标签的：

// Servlet通过writer的write方法进行一行一行的输出：
// 例如：
Writer.write("<html>");
Writer.write("<body>");
Writer.write("username");
Writer.write("</body>");
Writer.write("</html>");

所以在古老版本，JSP的开发实际上很大程度的遍历了编程

JSP快速入门

JSP需要导入jar包才可以使用，这里我们采用Maven来进行操作：

导入JSP坐标（注意：使用范围为provided）

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

创建JSP文件
编写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~");
        int i = 3;
    %>


    <%="hello"%>
    <%=i%>

    <%!
        void  show(){}
        String name = "zhangsan";
    %>


</body>
</html>

JSP原理

在介绍JSP的脚本语法之前，我们先了解一下JSP的原理：

JSP本质上是一个Servlet
JSP在被访问时，由JSP容器（Tomcat）将其转换为Java文件（Servlet），在由JSP容器（Tomcat）将其编译，最终对外提供服务的其实是这个字节码文件

JSP脚本

JSP中可以直接书写HTML代码，因为JSP会自动将文本带入到out的write方法中去

但是Java的内容不能直接输出，需要采用脚本方法

JSP的脚本主要分为三种：

<% ... %>:

内容会直接放到_jspService()方法中去
属于正常Java代码，在运行时调用

<%
System.out.println("hello,jsp~");
%>

<%= ... %>:

内容会放到out.print()方法中，作为out.print()的参数
作为输出

<=%
"Hello JSP"
%>

<%! ... %>:

内容会放到_jspService()方法之外，被类直接包含
作为成员函数或者成员变量

<!%
String name;
void method(){};
%>

注意：在<%%> 中不可以输入HTML，如果想使用for或if等方法需要在{}之间插入%><%来结束脚本内容来书写HTML标签

代码示例：

<%@ page import="com.itheima.pojo.Brand" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%
    // 查询数据库
    List<Brand> brands = new ArrayList<Brand>();
    brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));
    brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));
    brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));

%>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>

    </tr>



    <%
        for (int i = 0; i < brands.size(); i++) {
            Brand brand = brands.get(i);
    %>

    <tr align="center">
        <td><%=brand.getId()%></td>
        <td><%=brand.getBrandName()%></td>
        <td><%=brand.getCompanyName()%></td>
        <td><%=brand.getOrdered()%></td>
        <td><%=brand.getDescription()%></td>

        <%
            if(brand.getStatus() == 1){
                //显示启用
        %>
            <td><%="启用"%></td>
        <%
            }else {
                // 显示禁用
        %>
            <td><%="禁用"%></td>
        <%
            }
        %>

        <td><a href="#">修改</a> <a href="#">删除</a></td>
    </tr>

    <%
        }
    %>



</table>

</body>
</html>

JSP缺点

我们之前说到JSP已经被时代所淘汰，所以我们现在来谈论一下JSP的缺点：

书写麻烦，特别对于复杂的页面
阅读麻烦
复杂度高，运行时需要依赖各种环境
占用内存和磁盘，JSP会自动生成Java和class文件占磁盘，运行的是class文件占内存
调试困难，出错后需要找到自动生成的Java代码调试
不利于团队协作，现在一般都是前后端分离，技术不协调

最开始由Servlet单独运作，到后来由JSP单独运作，再后来由Servlet和JSP合作运行：

Servlet：负责逻辑处理，封装数据
JSP：负责获得数据，便于展现数据

到了如今已经基本完全被HTML和Ajax替代

EL表达式

EL表达式是一种表达式语言，用于简化JSP页面的Java代码：

主要功能：获得数据
语法：${expression}

${brands}:表示获得域（request）中存储的key为brands的数据

然后我们来介绍一下JavaWeb中的四大域对象：

page：当前页面有效
request：当前请求有效
session：当前会话有效
application：当前应用有效

EL表达式获得数据，会依次从这四个域中寻找，直到找到为止

域值范围： page < request < session < application

JSTL标签

我们使用JSTL标签需要先导入jar包，这里我们同样使用Maven导入：

导入坐标

	<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.1.2</version>
	</dependency>
	<dependency>
    <groupId>taglibs</groupId>
    <artifactId>standard</artifactId>
    <version>1.1.2</version>
	</dependency>

在JSP页面上导入JSTL标签库

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

使用即可

<c:if>
</c:if>

因为JSTL并不常用，我们在这里只介绍简单的if和for循环：

if语句

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <title>Title</title>
</head>
<body>

    <%--
        c:if：来完成逻辑判断，替换java  if else
    --%>
<%--

    <c:if test="true">
        <h1> true </h1>
    </c:if>

    <c:if test="false">
        <h1> false </h1>
    </c:if>
--%>
    <c:if test="${status ==1}">
        启用
    </c:if>

    <c:if test="${status ==0}">
        禁用
    </c:if>

</body>
</html>

for语句

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>

    </tr>


    <!-- 
	c:forEach -> for（int i : nums） 
	items -> nums
	var -> i
	varStatus -> 状态码；
	varStatus有两个属性，
	status.index 属性：当前迭代的元素在集合中的索引，从 0 开始。
	status.count 属性：当前迭代的元素是集合中第几个元素，从 1 开始。
	--> 
    <c:forEach items="${brands}" var="brand" varStatus="status">
        <tr align="center">
            <%--<td>${brand.id}</td>--%>
            <td>${status.count}</td>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <c:if test="${brand.status == 1}">
                <td>启用</td>
            </c:if>
            <c:if test="${brand.status != 1}">
                <td>禁用</td>
            </c:if>

            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>

    </c:forEach>




</table>


<hr>

<!--
c：forEach -> 对标普通循环
begin:开始数
end:结束数
var:当前数
step:步长（begin = begin + step）
-->
    
    
<c:forEach begin="1" end="10" step="1" var="i">
    <a href="#">${i}</a>
</c:forEach>


</body>
</html>

MVC模式

首先我们先来了解一下MVC：

MVC是一种分层开发的模式
M：Model，业务模型，处理业务
V：View，视图，页面展示
C：Controller，控制器，处理请求，调用模型和视图

MVC优点：

责任单一，互不影响
有利于分工协作
有利于组件重用

三层架构

我们对上面三层进行简单的解释：

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

结束语

好的，关于JSP和MVC三层架构我们就到这里

附录

该文章属于学习内容，具体参考B站黑马程序员陈老师的JavaWeb课程

这里附上链接：01-JSP概述&快速入门&原理_哔哩哔哩_bilibili

标签：Java,JavaWeb,MVC,write,HTML,JSP,Servlet
来源： https://www.cnblogs.com/qiuluoyuweiliang/p/16676367.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaWeb核心篇（3）——JSP，MVC，三层架构

JavaWeb核心篇（3）——JSP，MVC，三层架构

JSP

JSP快速入门

JSP原理

JSP脚本

JSP缺点

EL表达式

JSTL标签

MVC模式

三层架构

结束语

附录