![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
永旗狍子
这个作者很懒,什么都没留下…
展开
-
SpringBoot整合模板引擎Thymeleaf
SpringBoot整合模板引擎Thymeleaf1,什么是Thymeleaf?Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎相较与其他的模板引擎,它有一个最大的特点是:Thymeleaf,它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后通过在html 标签里增加额外的属性来达到模板+数据的展示的效果比如:<a th:text="${url}">百度</a>浏览器原创 2021-06-19 09:20:04 · 142 阅读 · 0 评论 -
Thymeleaf配置basePath
<head> <meta charset="UTF-8"> <title>Title</title> <base th:href="${#servletContext.getContextPath()+'/'}"></head>原创 2021-06-18 09:19:52 · 724 阅读 · 1 评论 -
对表单进行验证! $(“选择器“).validate();
validate使用步骤导入jquery文件 导入validate.js 页面加载成功后!对表单进行验证! $("选择器").validate(); 在validate中编写校验规则 $("选择器").validate( rules:{}, messages:{}); $(function(){ $("#formId").validate({ rules:{ //1.校验元素的name属性 username:"校验器" 使用单一的校验器原创 2021-05-28 14:23:47 · 942 阅读 · 0 评论 -
EL表达式
一.EL表达式(Expression Language)1.1概念EL使JSP写起来跟简单、简洁。主要用于获取作用域中的数据。1.2作用用于替换作用域对象.getAttribute("name");1.3EL的应用(获取基本类型、字符串)${scope.name} 获取具体某个作用域中的数据 ${name} 获取作用域中的数据,逐级查找(pageContext、request、session、application)1.3.1EL应用案例<% //存储在req原创 2021-05-23 14:53:28 · 221 阅读 · 0 评论 -
mybatis中PageHelper的使用(分页)
引言:PageHelper是适用于MyBatis框架的一个分页插件,使用方式极为便捷,支持任何复杂的单表、多表分页查询操作。一.开发步骤1.引入依赖pom.xml中引入PageHelper依赖。https://github.com/pagehelper/Mybatis-PageHelper<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelp原创 2021-05-16 17:02:08 · 601 阅读 · 6 评论 -
jsp页面顶部<%@ page language=“java“ contentType=“text/html; charset=UTF-8“ pageEncoding=“UTF-8“%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>那么page language, pageEncoding , contentType 分别用来做什么那?在解释之前让我们先了解下jsp从被请求到响应经历的三个阶段:第一阶段:将jsp编译成Servlet(.java)文件。用到的指令是pageEncoding,根据pageEncoding=“XXX”的指示,找到编码的原创 2021-05-16 14:57:44 · 854 阅读 · 0 评论 -
javaWeb前后端传递数据交互的两种方式
从前端向后台传递参数方法一、通过表单传递参数1.前端部分,在前端jsp页面设置form表单,确定需要传递的参数让用户输入,通过点击按钮后submit()提交到后台,<form id="loginForm" method="post" action="/emp?method=login"> 用户名: <input type="text" name="ename" value="小乔" id="ename"><span id="nameMsg"><原创 2021-05-16 09:50:57 · 6755 阅读 · 3 评论 -
JSP的九大内置对象和四大作用域对象
1.九大内置对象由JSP自动创建的对象,可以直接使用对象名 类型 说明 request javax.servlet.http.HttpServletRequest response javax.servlet.http.HttpServletResponse session javax.servlet.http.HttpSession 由session=“true”开关 application javax.servlet...原创 2021-05-05 16:21:44 · 247 阅读 · 0 评论 -
jQuery完整的实现轮播图
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery-1.12.4.js"></script>...原创 2021-04-27 21:08:24 · 548 阅读 · 0 评论 -
转发与重定向的区别
一.转发转发的作用在服务器端,将请求发送给服务器上的其他资源,以共同完成一次请求的处理。1.页面跳转request.getRequestDispatcher("/目标URL-pattern").forward(request, response);使用forword跳转时,是在服务器内部跳转,地址栏不发生变化,属于同一次请求。2.数据传递forward表示一次请求,是在服务器内部跳转,可以共享同一次request作用域中的数据。request作用域:拥有存储数据的空间,作用范围是原创 2021-04-26 23:05:44 · 150 阅读 · 0 评论 -
JavaScript简单的实现轮播图
用JavaScript简单的实现轮播图:1.鼠标不触碰图片时,图片以1.5秒的速度自动播放。2.鼠标触碰图片时,自动轮播图片停止。3.鼠标点击1-5时,通过下标跳转到对应的图片。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"><title>图片轮换</title> <link rel="stylesheet" href=".原创 2021-04-25 21:22:24 · 468 阅读 · 0 评论 -
JavaScript的DOM和浏览器BOM
一.JavaScript的DOM1.1概述通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树:1.2查找HTML元素为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:1.通过 id 找到 HTML 元素在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id。 方法:docume.原创 2021-04-25 21:07:37 · 83 阅读 · 0 评论 -
JavaScript的基础知识以及基本语法
一.JavaScript1.1JavaScript简介JavaScript一种解释性脚本语言,是一种动态类型、弱类型、基于原型继承的语言,内置支持类型。 它的解释器被称为JavaScript引擎,作为浏览器的一部分,广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。1.2 JavaScript组成部分ECMAScript语法 文档对象模型(DOM Document Object Model) 浏览器对象模型(BOM Browser Object Model) 1.3 J原创 2021-04-25 19:50:06 · 375 阅读 · 1 评论 -
HTML
一.HTML简介1.1什么是HTMLHTML全称:Hyper Text Markup Language(超文本标记语言) 超文本:页面内可以包含图片、链接,甚至音乐、程序等非文字元素 标记:标签,不同的标签实现不同的功能 语言:人与计算机的交互工具 1.2HTML能做什么HTML使用标记标签来描述网页,展示信息给用户1.3HTML书写规范 HTML标签是以尖括号包围的关键字 HTML标签通常是成对出现的,有开始就有结束 HTML原创 2021-04-15 08:59:46 · 78 阅读 · 0 评论