前端学习
html、css、javaScript、vue等
小杨与bug的斗争
这个作者很懒,什么都没留下…
展开
-
分页返回类PageResult
1、实现序列化接口2、返回数据的rows属性,为了确保传递不同类型的数据,要设置为泛型(其他实体类也都要实现序列化接口)3、无参和有参构造方法public class PageResult implements Serializable { private Long total; private List<?> rows; public PageResult() { } public PageResult(Long total, List<原创 2020-05-26 21:15:26 · 1538 阅读 · 1 评论 -
三级下拉选择框——三级联动
ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。as前面为真实值,后面为显示值。ng-options与ng-repeat很相似,很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处,例如减少内存提高速度,以及提供选择框的选项来让用户选择。ng-options="item.id as item.name for item in selectItemCat1List"item in selectIte..原创 2020-05-18 16:35:17 · 507 阅读 · 0 评论 -
图片上传——fastDFS
文章目录后端实现前端实现后端实现加入jar包的依赖<dependencies> <!-- fastDFS --> <dependency> <groupId>cn.bestwu</groupId> <artifactId>fastdfs-client-java</artifactId> <fastdfs.version>1.27</fast原创 2020-05-14 16:57:22 · 305 阅读 · 0 评论 -
前端显示数据库为datetime类型的字段为时间戳(改为字符串)
修正前1234567891234后端修正@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")startdate数据库字段类型为datetime但是也有不适用的情况这种加注解的方法不适用于java实体类名称和数据库字段名不一致的情况下,但是可以使用前端修正前端修正显示效果为2020-3-25 0:0:0f...原创 2020-03-26 00:07:58 · 1015 阅读 · 0 评论 -
bootstrap点击展开
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" ...原创 2020-03-10 00:34:16 · 502 阅读 · 0 评论 -
回复留言列表总是重复数据
如图所示为两条不同的留言,回复这一留言的数据和文本框都是遍历来的,显示的每条数据是正常的,但是获取值的时候都是重复的,原因在于每次获取的都是遍历的第一个内容及其文本框...原创 2020-02-09 17:39:42 · 153 阅读 · 0 评论 -
二级联动——学院、专业
根据不同学院来选择不同的专业html部分select标签的onchange属性<div class="form-group form-inline" style="width: 600px;"> <label for="campus">学院</label> <select class="form-control" onchange="chan...原创 2020-01-31 13:08:15 · 350 阅读 · 0 评论 -
一次性验证码的生成及校验——Session的应用
文章目录前端html前端js——点击切换图片、校验验证码服务器端代码生成验证码校验验证码为什么需要一次性验证码?一次性验证码即验证码即表单只能提交一次,第二次提交表单,原来的验证码失效,将无法提交表单,这样做可以减轻服务器压力,也可以防止表单的重复提交前端html<div class="row"> <div class="col-xs-7"> <div...原创 2020-01-16 16:58:48 · 479 阅读 · 0 评论 -
js给富文本框赋值——显示数据
先贴个错误的做法$("#itemdesc").val(this.items[i].itemdesc);这是js常用的给文本框赋值,不能解析htm标签innerHTML是能解析html标签的富文本编辑器的textarea标签该怎么显示html代码?...转载 2020-01-11 13:49:01 · 1634 阅读 · 0 评论 -
vue前端显示页码,java后端分页
文章目录初始版本升级版本初始版本实现了显示所有页码,点击相应页码拿到相应页码的数据实质上是后端分页,前端只是显示页码、联调不足:页码太多,也会逐个显示,不能跳转页码,没有选择中当前页码<%@page contentType="text/html"%><%@page pageEncoding="UTF-8"%><!DOCTYPE html><...原创 2020-01-08 19:25:17 · 443 阅读 · 1 评论 -
jsp横向遍历数据
使用jquery或者vue从后台拿到数据后,foreach或者v-for遍历默认都是竖着遍历,怎么才能像如图所示的样式展示商品呢?其实很简单,只需要先设置好样式,在遍历数据就好<div v-for="item in items"><div style="border: 1px solid; width: 190px; height: 160px; float: left...原创 2020-01-06 20:05:32 · 426 阅读 · 0 评论 -
使用jquery的validate插件校验
使用jquery的validate插件校验,要比自定义校验简单方便许多效果图注意导入validate.js之前要先导入jquery.jsmessages_zh.js是中文提示,不导入的话默认是英文rules和messages使用逗号进行分隔javaScript部分的代码<script src="../../jquery/jquery-3.3.1.js" type="text/j...原创 2020-01-04 10:19:10 · 276 阅读 · 0 评论 -
用户注册及自定义校验
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title></title>...原创 2020-01-03 21:56:53 · 172 阅读 · 0 评论 -
javaScript表格隔行换色
实现:隔行换色分析:隔行 需要统计行数 数组处理 隔行原创 2019-12-30 20:13:12 · 140 阅读 · 0 评论 -
JavaScript全选、全不选、反选
点击相应按钮分别实现全选、全不选、反选功能分析:需要改变每一栏复选框的状态每一栏 数组遍历 根据class属性获取复选框状态 true和 false 给checked属性赋相应的值 选中时true 不选就是falsehtml代码<table align="center" border="1px" width="600px" height="200px"> <...原创 2019-12-30 19:54:47 · 180 阅读 · 0 评论 -
JavaScript表单校验
文章目录单项校验多项校验表单提交问题单项校验效果展示:html部分<form> <table align="center"> <tr> <td>用户名</td> <td> <input type="text" name="username" id="username"/> ...原创 2019-12-30 19:18:36 · 295 阅读 · 0 评论 -
JavaScript循环定时器和计数器
文章目录基本概述每隔1秒count自加并弹出值定时器加计数器的应用基本概述JavaScript计时事件:一个设定的时间间隔之后来执行代码setInterval()间隔指定的毫秒数不停地执行指定的代码setInterval方法在创建一个定时器的同时,还会返回一个的定时器的ID,该ID就代表这个定时器clearInterval()中止定时器执行的操作 需要传进去一个定时器每隔1秒count...原创 2019-12-27 22:22:37 · 665 阅读 · 0 评论 -
JavaScript计数器
点击加号数值加1,减号数值减1核心是innerHTML属性innerHTML:属性设置或返回表格行的开始和结束标签之间的 HTML如图数字显示的位置是span标签体里的内容个人理解:可以设置并返回标签体的内容设置:设置了span标签里的内容返回:c被赋值成功<!DOCTYPE html><html> <head> <meta ch...原创 2019-12-27 21:57:39 · 364 阅读 · 0 评论 -
JavaScript学习
文章目录基本概述JavaScript的基本语法JavaScript常用对象基本概述什么是JavaScript?JavaScript: 脚本语言 轻量级编程语言 可插入html页面的编程代码脚本语言无法独立运行,需要嵌套在html中执行,无需编译,直接运行(浏览器内部都内置JavaScript解析引擎)JavaScript的组成: ECM...原创 2019-12-27 20:27:22 · 144 阅读 · 0 评论 -
html表格属性
文章目录设置单元格之间的间隔设置单元格边框与文字之间的距离跨行合并与跨列合并合并居中小例子设置单元格之间的间隔未加cellspacing之前cellspacing=“0px”<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&...原创 2019-12-25 16:45:55 · 199 阅读 · 0 评论