百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Javaweb知识 day17 MVC架构&EL表达式&JSTL标签

wxin55 2024-10-29 17:25 10 浏览 0 评论

今日内容

1. JSP:

1. 指令

2. 注释

3. 内置对象

2. MVC开发模式

3. EL表达式

4. JSTL标签

5. 三层架构



一、JSP:

1.1 指令:

* 作用:用于配置JSP页面,导入资源文件

* 格式:

<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>

* 分类:

1. page: 配置JSP页面的编码属性:

*contentType:等同于response.setContentType()

1. 设置响应体的mime类型以及字符集

2. 设置当前jsp页面的编码(只能是高级的IDE才能生效,如果使用低级工具,则需要设置pageEncoding属性设置当前页面的字符集)

* import:导包

* errorPage:当前页面发生异常后,会自动跳转到指定的错误页面

* isErrorPage:标识当前也是是否是错误页面。

* true:是,可以使用内置对象exception

* false:否。默认值。不可以使用内置对象exception

2. include: 页面包含的。导入页面的资源文件

* <%@include file="top.jsp"%>

3. taglib: 导入资源

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

* prefix:前缀,自定义的

1.2 注释:

1. html注释:

<!-- -->:只能注释html代码片段

2. jsp注释:推荐使用

<%-- --%>:可以注释所有

1.3 内置对象:

* 在jsp页面中不需要创建,直接使用的对象

* 一共有9个:

* pageContext:真实类型是PageContext,

当前页面共享数据,还可以获取其他八个内置对象

* request:真实类型是HttpServletRequest, 一次请求访问的多个资源(转发)

* session:真实类型是HttpSession,一次会话的多个请求间

* application:真实类型是ServletContext,所有用户间共享数据

* response:真实类型是HttpServletResponse,响应对象

* page:真实类型是Object,当前页面(Servlet)的对象,this

* out:真实类型是JspWriter,输出对象,数据输出到页面上

* config:真实类型是ServletConfig,Servlet的配置对象

* exception:真实类型是Throwable,异常对象


二、MVC:开发模式

2.1 jsp演变历史

1. 早期只有servlet,只能使用response输出标签数据,非常麻烦

2. 后来又jsp,简化了Servlet的开发,如果过度使用jsp,

在jsp中即写大量的java代码,有写html表,造成难于维护,难于分工协作

3. 再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理性


2.2 MVC:

M:Model,模型。JavaBean

* 完成具体的业务操作,如:查询数据库,封装对象

V:View,视图。JSP

* 展示数据

C:Controller,控制器。Servlet

* 获取用户的输入

* 调用模型

* 将数据交给视图进行展示

* 优缺点:

1. 优点:

1. 耦合性低,方便维护,可以利于分工协作

2. 重用性高

2. 缺点:

1. 使得项目架构变得复杂,对开发人员要求高


三、EL表达式

1. 概念:Expression Language 表达式语言

2. 作用:替换和简化jsp页面中java代码的编写

3. 语法:${表达式}

4. 注意:

* jsp默认支持el表达式的。如果要忽略el表达式

1. 设置jsp中page指令中:isELIgnored="true"

忽略当前jsp页面中所有的el表达式

2. \${表达式} :忽略当前这个el表达式

5. 使用:

1. 运算:

* 运算符:

1. 算数运算符: + - * /(div) %(mod)

2. 比较运算符: > < >= <= == !=

3. 逻辑运算符: &&(and) ||(or) !(not)

4. 空运算符: empty

* 功能:用于判断字符串、集合、数组对象是否为null

或者长度是否为0

* ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0

* ${not empty str}:表示判断字符串、集合、数组对象

是否不为null并且长度>0

2. 获取值

1. el表达式只能从域对象中获取值

2. 语法:

1. ${域名称.键名}:从指定域中获取指定键的值

* 域名称:

1. pageScope --> pageContext

2. requestScope --> request

3. sessionScope --> session

4. applicationScope --> application(ServletContext)

* 举例:在request域中存储了name=张三

* 获取:${requestScope.name}

2. ${键名}:表示依次从最小的域中查找是否有该键对应的值,

直到找到为止。

3. 获取对象、List集合、Map集合的值

1. 对象:${域名称.键名.属性名}

* 本质上会去调用对象的getter方法

2. List集合:${域名称.键名[索引]}

3. Map集合:

* ${域名称.键名.key名称}

* ${域名称.键名["key名称"]}

3. 隐式对象:

* el表达式中有11个隐式对象

* pageContext:

* 获取jsp其他八个内置对象

* ${pageContext.request.contextPath}:动态获取虚拟目录

四、JSTL

1. 概念:JavaServer Pages Tag Library JSP标准标签库

* 是由Apache组织提供的开源的免费的jsp标签

2. 作用:用于简化和替换jsp页面上的java代码

3. 使用步骤:

1. 导入jstl相关jar包

2. 引入标签库:taglib指令: <%@ taglib %>

3. 使用标签


4. 常用的JSTL标签

1. if:相当于java代码的if语句

属性:

* test 必须属性,接受boolean表达式

* 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容

* 一般情况下,test属性值会结合el表达式一起使用

注意:if标签没有else情况,想要else情况,则可以在定义一个c:if标签

2. choose:相当于java代码的switch语句

使用choose标签声明,相当于switch声明

使用when标签做判断,相当于case

使用otherwise标签做其他情况的声明,相当于default

3. foreach:相当于java代码的for语句


五、三层架构:软件设计架构

1. 界面层(表示层):用户看的得界面。用户可以通过界面上的组件和服务器进行交互

2. 业务逻辑层:处理业务逻辑的。

3. 数据访问层:操作数据存储文件。


六、案例:用户信息列表展示

1. 需求:用户信息的增删改查操作

2. 设计:

1. 技术选型:Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtilS+tomcat

2. 数据库设计:

create database day17; -- 创建数据库

use day17; -- 使用数据库

create table user( -- 创建表

id int primary key auto_increment,

name varchar(20) not null,

gender varchar(5),

age int,

address varchar(32),

qq varchar(20),

email varchar(50)

);

3. 开发:

1. 环境搭建

1. 创建数据库环境

2. 创建项目,导入需要的jar包

2. 编码

4. 测试

5. 部署运维

相关推荐

ES6中 Promise的使用场景?(es6promise用法例子)

一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(f...

JavaScript 对 Promise 并发的处理方法

Promise对象代表一个未来的值,它有三种状态:pending待定,这是Promise的初始状态,它可能成功,也可能失败,前途未卜fulfilled已完成,这是一种成功的状态,此时可以获取...

Promise的九大方法(promise的实例方法)

1、promise.resolv静态方法Promise.resolve(value)可以认为是newPromise方法的语法糖,比如Promise.resolve(42)可以认为是以下代码的语...

360前端一面~面试题解析(360前端开发面试题)

1.组件库按需加载怎么做的,具体打包配了什么-按需加载实现:借助打包工具(如Webpack的require.context或ES模块动态导入),在使用组件时才引入对应的代码。例如在V...

前端面试-Promise 的 finally 怎么实现的?如何在工作中使用?

Promise的finally方法是一个非常有用的工具,它无论Promise是成功(fulfilled)还是失败(rejected)都会执行,且不改变Promise的最终结果。它的实现原...

最简单手写Promise,30行代码理解Promise核心原理和发布订阅模式

看了全网手写Promise的,大部分对于新手还是比较难理解的,其中几个比较难的点:状态还未改变时通过发布订阅模式去收集事件实例化的时候通过调用构造函数里传出来的方法去修改类里面的状态,这个叫Re...

前端分享-Promise可以中途取消啦(promise可以取消吗)

传统Promise就像一台需要手动组装的设备,每次使用都要重新接线。而Promise.withResolvers的出现,相当于给开发者发了一个智能遥控器,可以随时随地控制异步操作。它解决了三大...

手写 Promise(手写输入法 中文)

前言都2020年了,Promise大家肯定都在用了,但是估计很多人对其原理还是一知半解,今天就让我们一起实现一个符合PromiseA+规范的Promise。附PromiseA+规范地址...

什么是 Promise.allSettled()!新手老手都要会?

Promise.allSettled()方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise,并带有一个对象数组,每个对象表示对应的pr...

前端面试-关于Promise解析与高频面试题示范

Promise是啥,直接上图:Promise就是处理异步函数的API,它可以包裹一个异步函数,在异步函数完成时抛出完成状态,让代码结束远古时无限回掉的窘境。配合async/await语法糖,可...

宇宙厂:为什么前端离不开 Promise.withResolvers() ?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发。1.为什么需要Promise.with...

Promise 新增了一个超实用的 API!

在JavaScript的世界里,Promise一直是处理异步操作的神器。而现在,随着ES2025的发布,Promise又迎来了一个超实用的新成员——Promise.try()!这个新方法简...

一次搞懂 Promise 异步处理(promise 异步顺序执行)

PromisePromise就像这个词的表面意识一样,表示一种承诺、许诺,会在后面给出一个结果,成功或者失败。现在已经成为了主流的异步编程的操作方式,写进了标准里面。状态Promise有且仅有...

Promise 核心机制详解(promise机制的实现原理)

一、Promise的核心状态机Promise本质上是一个状态机,其行为由内部状态严格管控。每个Promise实例在创建时处于Pending(等待)状态,此时异步操作尚未完成。当异步操作成功...

javascript——Promise(js实现promise)

1.PromiseES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎...

取消回复欢迎 发表评论: