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

SpringBoot学习笔记三之表述层 springboot的dao层怎么写

yuyutoo 2024-10-26 16:07 7 浏览 0 评论

首先配置learn-admin-webui中的web.xml文件

配置ContextLoaderListener

ContextLoaderListener的作用:加载 Spring 的配置文件,根据 Spring 的配置文件初始化 IOC 容器

配置CharacterEncodingFilter

CharacterEncodingFilter解决POST请求的字符乱码问题。需要注意的是在web.xml中存在多个Filter时,让这个Filter 作为过滤器链中的第一个 Filter。

request.setCharacterEncoding(encoding)要求必须在所有request.getParameter(xxx)操作前面

response.setCharacterEncoding(encoding)要求必须在所有response.getWriter()

操作前面

不满足这个顺序要求字符集设定无法生效

配置DispatcherServlet

在learn-admin-webui创建文件spring-web-mvc.xml

创建文件

配置内容

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">
</beans>

在web.xml中继续配置

说明

url-pattern配置方式:/表示拦截所有请求

<url-pattern>/</url-pattern>

url-pattern配置方式:配置请求扩展名

优点1:xxx.css、xxx.js、xxx.png等等静态资源完全不经过SpringMVC,不需要特殊处理

优点2:可以实现伪静态效果。表面上看起来是访问一个HTML文件这样的静态资源,但是实际上是经过Java代码运算的结果

伪静态作用1:给黑客入侵增加难度

伪静态作用2:有利于SEO优化(让百度、谷歌这样的搜索引擎更容易找到我们项目)

缺点:不符合RESTFul风格

为什么要另外再配置json扩展名呢?

如果一个Ajax请求扩展名是html,但是实际服务器给浏览器返回的是json数据,二者就不匹配了,会出现406错误

为了让Ajax请求能够顺利拿到JSON格式的响应数据,我们另外配置json扩展名

然后返回去继续配置spring-web-mvc.xml

这个com.xlgl.wzy.mvc是在learn-admin-component中,包含下的包结构

com.xlgl.wzy.mvc
com.xlgl.wzy.mvc.config
com.xlgl.wzy.mvc.handler
com.xlgl.wzy.mvc.interceptor

继续配置spring-web-mvc.xml中的注解驱动和视图解析器

创建一个页面访问一下

首先在learn-admin-webui项目的pom中加入依赖

创建index.jsp

编写一句话

在learn-admin-component中新建对应的handler

编写测试方法

我们写一个查询所有的方法

首先在service接口里

接口serviceimpl中

在handler中就可以查询了

返回值我们创建一个testssminfo.jsp文件

编写内容

在handler中的方法对应好

启动Tomcat,访问

http://localhost:8080/learn-admin-webui/index.jsp

点击超链接

写一个Base标签

<base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort }${pageContext.request.contextPath }/"/>

需要注意的点

? base 标签必须写在 head 标签内部

? base 标签必须在所有“带具体路径”的标签的前面

? serverName 部分 EL 表达式和 serverPort 部分 EL 表达式之间必须写":"

? serverPort 部分 EL 表达式和 contextPath 部分 EL 表达式之间绝对不能写"/"

? 原因:contextPath 部分 EL 表达式本身就是"/"开头如果多写一个"/"会干扰 Cookie 的工作机制

? serverPort 部分 EL 表达式后面必须写"/"

Ajax 请求

前端发送过来,后端要处理的请求有两种:

普通请求:后端处理完成后返回页面,浏览器使用页面替换整个窗口中的

内容

Ajax 请求:后端处理完成后通常返回 JSON 数据,jQuery 代码使用 JSON 数据

对页面局部更新

引入js

准备js文件

在index.jsp中,引入

现在我们想发送数组到后台服务器

代码实现

Js

Ajax

编写Handler

启动访问一下

后台也打印出来了

这里一定要带上多出来的方括号!!!

结论:不建议采用这个方案!!!

再来一个Index.jsp

Js

后台在learn-admin-entity中创建一个参数接收对象

添加类内容

在handler中添加内容

启动服务

后台输出

第三种实现

页面内容

Js

Handler中

启动服务访问

后台输出

再体会下第三种的方式

learn-admin-entity中创建三个类

依次添加,自己完成get和set方法

编写jsp

Js文件

完成handler

启动访问

后台输出

统一返回数据格式

在learn-common-util新建类

编写类内容

ResultEntity

CasUtils

修改handler中代码测试下返回类

启动页面访问

后台信息

异常映射

首先在learn-admin-webui配置spring-web-mvc.xml

首先在learn-admin-webui创建system-error.jsp

添加内容

测试下,写一个错误方法

页面跳转

查看效果

完成一个判断请求类型的工具方法

在learn-common-util新建

在learn-common-util中pom.xml中完成依赖

然后完成CasUtils代码

测试一下,在handler中编写代码

页面添加

编写对应的js

启动服务查看


再来看基于注解的

首先在learn-admin-component的com.xlgl.wzy.mvc.config包下

完成代码

CommonResolve方法

是ajax请求

测试一下

在handler中

在页面中

judgeResult=false

judgeResult=true

相关推荐

12、高阶组件:魔法增幅器——React 19 HOC模式

一、魔法增幅器的本质"高阶组件是魔法师用咒语叠加的炼金术,"霍格沃茨魔咒研究院院长凝视着发光的增幅器,"通过函数式能量场的嵌套,让基础组件获得预言家日报式的逻辑继承!"...

深入理解nodejs的异步IO与事件模块机制

一、node为什么要使用异步I/O异步最先诞生于操作系统的底层,在底层系统中,异步通过信号量、消息等方式有广泛的应用。但在大多数高级编程语言中,异步并不多见,这是因为编写异步的程序不符合人习惯的思维逻...

前端时间同步利器:React + useEffect 实现高性能动态时钟

前言在你奋笔疾敲代码的瞬间,是不是突然一低头,发现时间像偷偷跑路的变量,一眨眼就从上午飘到下午?饭没吃、会没开、工位也快被前端猫霸占了。仿佛你写的不是代码,而是“时间穿梭机”。别慌,咱们今天就来用R...

JavaScript 异步编程指南 - 聊聊 Node.js 中的事件循环

作者:五月君来源:编程界|事件循环是一种控制应用程序的运行机制,在不同的运行时环境有不同的实现,上一节讲了浏览器中的事件循环,它们有很多相似的地方,也有着各自的特点,本节讨论下Node.js中...

10个Vue开发技巧「实践」

作者:WahFung转发链接:https://juejin.im/post/5e8a9b1ae51d45470720bdfa路由参数解耦一般在组件内使用路由参数,大多数人会这样做:...

通过番计时器实例学习 React 生命周期函数 componentDidMount

大家好,今天我们将通过一个实例——番茄计时器,学习下如何使用函数生命周期的一个重要函数componentDidMount():componentDidMount(),在组件加载完成,render之后...

SRE监控四大黄金指标,任何一个有异常都会是灾难……

导读...

前端必看!10 个 Vue3 救命技巧,解决你 90% 的开发难题?

写Vue3项目时,是不是总被数据更新延迟、组件间传值混乱、页面加载缓慢这些问题折磨得头秃?别担心!作为摸爬滚打多年的老前端,今天掏出压箱底的10个实战技巧,从性能优化到复杂逻辑处理,每一个都能...

如何用2 KB代码实现3D赛车游戏?2kPlus Jam大赛了解一下

选自frankforce作者:Frank机器之心编译参与:王子嘉、GeekAI控制复杂度一直是软件开发的核心问题之一,一代代的计算机从业者纷纷贡献着自己的智慧,试图降低程序的计算复杂度。然而,将一款...

证明你访问的网站是你想访问的,Safari 真的需要

安全研究员在Safari上找到了一个新漏洞,能让网站在浏览器的地址栏内将自己伪装成另一个网站——得益于Safari地址栏的“智能缩略”功能。在Deusen最近公开的攻击演示(PoC,P...

抓狂!TS 组件性能拉胯到崩溃?4 个绝杀技巧逆风翻盘!

前端兄弟姐妹们五一假期快乐,咱们谁还没被TypeScript组件的性能问题折磨过?页面加载转圈圈,点击按钮没反应,代码改了一轮又一轮,性能却还是原地踏步,分分钟想砸电脑!别慌,今天这4个绝杀技...

让小球做圆周运动,你有几种办法?

最近在阅读外国技术文章中无意中发现了一个神奇的CSS属性motion-path,它可以让Dom元素可以按照自定义的路径移动。又想起了很久之前参加校招面试的时候,面试官问了我一个问题“能不能不借助库实现...

前端基础进阶(十四):深入核心,详解事件循环机制

EventLoopJavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了。为了解决自己的这个困扰,在学习的过程中,我一直在试图寻...

从0搭建一个WebRTC,实现多房间多对多通话,并实现屏幕录制

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC,以及基于屏幕共享的录制。本篇会实现信令和前端部分,信令使用fastity来搭建,前端部分使用Vue3来实现。为什么要使用WebRTCWe...

Vue2 开发卡壳?这 10 个实战技巧专治各种不服

干前端开发的兄弟,谁还没被Vue2折腾过?数据不更新、组件通信乱成麻、性能差到想砸电脑……这些痛点,我都懂!今天直接甩出10个超实用的实战技巧,每一个都是从项目“血坑”里爬出来总结的,专...

取消回复欢迎 发表评论: