前端
欢迎大家一起交流、讨论、分享前端技术
大头目T
菜鸟程序员
展开
-
Jquery仿京东小例子
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>仿京东下例子</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-s原创 2022-01-18 21:30:50 · 670 阅读 · 0 评论 -
常用CSS
div文字两端对齐.div{ display: flex; justify-content: space-between; }div文本超出两行自动隐藏.div{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}原创 2021-08-26 16:35:46 · 57 阅读 · 0 评论 -
微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行
微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行参考**指定每行div个数(三个为例)**<view class="spec"> <view class="spec_title">颜色</view> <view class="spec_content"> <view class="spec_back"> <text class="spec_text">白色原创 2021-08-06 19:05:45 · 253 阅读 · 0 评论 -
Vue使用ElementUI-Table动态扩展行和列,循环遍历表头和表体
1.引入table组件,定义skuTable<el-button type="primary" @click="handAddRow()" round>添加行</el-button><el-button type="danger" @click="handleDeleteRow(2)" round>删除行</el-button><el-table :data="skuTable" border style="width: 100%">原创 2021-07-30 15:28:50 · 3352 阅读 · 0 评论 -
Vue组件的使用,以及父组件传值给子组件
1.定义子组件spuId接收并潇洒父组件的值<template> <div class="app-container"> {{spuId}} </div></template>2.导出组件export default { name: "SpecificationValue", data() { return { }; }, //用于父组件传递的spuId props: {原创 2021-07-29 09:39:14 · 172 阅读 · 0 评论 -
wxParse解析iframe播放视频
wxParse官网1.根据官网例子,我们只需要在wxParse.wxml加入以下代码加个判断,直接调用官网配置的视频解析即可 <!-- iframe类型 --> <block wx:elif="{{item.tag == 'iframe'}}"> <template is="wxParseVideo" data="{{item}}" /> </block>...原创 2021-07-27 23:30:13 · 368 阅读 · 0 评论 -
avue-crud初始化下拉列表,以及复选框,默认选中
1.后台请求初始化复选框常用属性type:input的话是输入框,select是下拉选择框,checkbox是复选框label:属性名对应的名称,也是前端列表所显示的列名prop:属性名dicUrl:对应请求后台路径dicMethod:请求方法类型props:形成下拉框的数据,显示的名称是label,选中的值是value,可以分别映射后端返回的值rules:一些验证规则2.运行结果3.后台请求初始化下拉列表4.运行结果5.上面是新增表单初始化,如果是修改表单,需要在列表原创 2021-07-26 20:48:58 · 8223 阅读 · 3 评论 -
springboot整合百度Ueditor富文本编辑器
1.导入maven依赖<!-- 百度富文本编辑器 --> <dependency> <groupId>cn.jasonone.ueditor</groupId> <artifactId>ueditor-spring-boot-starter</artifactId> <version>1.2.0</version> </dependency>2.springboot启动原创 2020-10-23 15:08:11 · 777 阅读 · 0 评论 -
springboot整合百度ueditor编辑器
1.到ueditor编辑器官网下载https://ueditor.baidu.com/website/download.html2.下载解压后复制到当前项目3.导入maven依赖<dependency> <groupId>cn.jasonone.ueditor</groupId> <artifactId>ueditor-spring-boot-starter</artifactId> <version>1.原创 2020-07-15 22:14:15 · 570 阅读 · 0 评论 -
springboot整合Ueditor富文本编辑器,图片上传路径修改,解决maven项目打包不能查看图片问题
1.配置虚拟图片服务器地址@Configurationpublic class WebMvcConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/picture/**").addResourceLocations("file:C:/Pictureserver/"原创 2020-10-26 15:57:24 · 592 阅读 · 0 评论 -
selectpicker下拉列表使用Jquery初始化数据
HTML<select id="specification" class="selectpicker form-control col-md-2" data-live-search="true" data-size="5"></select>js初始化搜索下拉列表 $(".selectpicker").selectpicker({ noneSelectedText : '---请选择---'//默认显示内容 }); //数据赋值 var se原创 2020-09-02 14:43:48 · 1107 阅读 · 0 评论 -
bootstrap搜索框下拉列表
默认向下展开显示数据data-dropup-auto=“false”<select class="selectpicker" onchange="selectchecked(this)" data-dropup-auto="false" id="selectcommondity" name="selectcommondity" data-live-search="true" data-size="5"><option value="">--请选择--</option&g原创 2020-09-11 17:32:14 · 250 阅读 · 0 评论 -
springboot+jquery异步文件上传
html界面```java$("#saveUser").click(function() { var username = $("#username").val(); var userpassword=$("#userpassword").val(); var staffname = $("#staffname").val(); var staffage = $("#staffage").val(); var staffsex = $('input[name="原创 2020-08-25 20:37:52 · 171 阅读 · 0 评论 -
Jquery onclick传递多个值
$("#storeAddressTable tbody").append("<tr><td><div class='btn-group'><a class='btn btn-xs btn-success' href='#!' οnclick=\"settingdefault('" + data[i].zaid + "','" + data[i].zadefault + "')\" data-toggle='tooltip'>设置默认 </a><原创 2020-09-01 21:24:41 · 701 阅读 · 0 评论 -
bootstrap-table处理表格内文字太长不自动换行
在table标签添加项目属性style=“overflow: hidden;text-overflow: ellipsis;white-space: nowrap”<table class="table table-bordered " style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap" id="storeport"></table>原创 2020-07-29 09:34:45 · 3240 阅读 · 2 评论 -
Bootstrap——table后端分页
JSON格式{ "total": 6, "rows": [ { "userid": 1, "username": "xiaoming33333", "password": "5840af7f870892bdf35edf6106fc3fdf", "salt": "xiaoming", "status": 0 }, { "userid": 2...原创 2019-04-27 16:31:04 · 468 阅读 · 0 评论 -
mybatis-plus使用注解多条件查询,整合bootstrap-table
// 查询所有用户和权限@Select("<script>SELECT u.username,u.staffname,u.staffage,u.staffsex,u.homeaddress,u.did,u.email,u.photo,u.phone,r.rname FROM b_user u\r\n" + "INNER JOIN b_user_role ur ON u.userid = ur.uid\r\n" + "INNER JOIN b_role r ON ur.rid = r..原创 2020-08-25 10:22:55 · 1165 阅读 · 0 评论 -
根据屏幕尺寸修改css显示格式
1.使用jquery();一直有闪烁感<script type="text/javascript"> $(function() { var width = document.body.clientWidth; if (width < 500) { $("#favicon").css("margin-left", "0%"); $("#favicon2").css("margin-right", "0%"); } else { $("#fav原创 2020-08-19 10:06:48 · 210 阅读 · 0 评论 -
Ajax异步提交from表单
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><% String path = request.ge...原创 2019-05-27 20:04:55 · 301 阅读 · 0 评论 -
springboot+thymeleaf打包部署到tomcat
1.项目pom.xml导入打包依赖<!-- 添加一个spring boot的插件,可以通过spring boot插件来将web应用打包成一个可执行的war文件 --> <build> <finalName>greewonerp</finalName> <plugins> <plugin> <groupId>org.springframework.boot</groupId> &l原创 2020-07-16 12:13:21 · 1373 阅读 · 1 评论 -
BootStrap点击日期即刻刷新
//点击日期即刻刷新 /* $("#time1,#time2").change(function() { var start=$("#time1").val(); var end=$("#time2").val(); if(start!="" && end!=""){ if(start>end){ mizhu.alert(...原创 2019-05-27 22:27:39 · 220 阅读 · 0 评论 -
获取表格第n列所有的值,table万能搜索
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="js/jquery.min.1.12.4.js"></script&...原创 2019-05-08 08:54:11 · 736 阅读 · 0 评论 -
只能输入数字文本框
//只能输入数字$("#number").keyup(function(){键盘松开事件$("#number").bind("input propertychange", function() { if(isNaN(parseFloat($(this).val())) || parseFloat($(this).val()) <= 0) $(this).val(1);});...原创 2019-05-12 09:25:43 · 275 阅读 · 0 评论 -
jquery点击div上传图片,实时显示图片
html代码<div class="img-avatar" style="border: 1px solid #E6E6E6 ;width: 100%;height: 200px ;overflow:hidden;" title="点击上传封面"> <input type="file" id="cover_picture" name="cover_picture" style="display:none" ></div>js代码$(functi原创 2021-05-20 11:36:35 · 666 阅读 · 0 评论 -
[email protected] requires a peer of eslint@>=1.6.0 <7.0.0 but none is installed. You must install
在码云上面拉取了一个项目,一直报错说,版本有问题[email protected] requires a peer of eslint@>=1.6.0 <7.0.0 but none is installed. You must install原创 2021-07-12 12:10:19 · 10080 阅读 · 2 评论 -
Jquery搜索html文本高亮解决方案
//获取文本框输入 var txt=$("#search-input").val(); //判断文本框输入值不为空 if($.trim(txt)!=""){ $.ajax({ url:'/document/selectAllDocs', type:'post', data:{ "catalog":txt }, success:function(da.原创 2021-03-09 15:12:07 · 195 阅读 · 0 评论 -
MySql数据库乱码,以及EsayUI下拉列表没数据
在数据库URL加characterEncoding=utf-8<hibernate-configuration> <session-factory> <!-- 数据库驱动 --> <property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver</pro...原创 2019-02-26 11:53:07 · 108 阅读 · 0 评论 -
Bootstrap——table插件实现分页,后台传JSON即可(功能十分强大)
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.g...原创 2019-04-25 22:12:40 · 1634 阅读 · 0 评论 -
Bootstrap实现购物车功能,相同商品只加数量
HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.c...原创 2019-05-09 11:11:24 · 3203 阅读 · 0 评论 -
bootstrap只能输入数字,边输入边计算价格
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /&g...原创 2019-05-08 08:56:29 · 2461 阅读 · 0 评论 -
Jquery去表格重复行
//去重 var tableRows = $('#lythwzTable').find("tbody tr"); var seens = []; for(var i = 0; i < tableRows.length; i++) { var tR...原创 2019-05-22 14:25:33 · 498 阅读 · 0 评论 -
jsp万能搜索
<div class="panel panel-default"> <div class="panel-heading">查询条件</div> <div class="panel-body"> <form id="formSearch" class="form-horizontal"> <di...原创 2019-05-18 09:29:40 · 203 阅读 · 0 评论 -
处理bootstrap-table分页复选框选中获取表单数据
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //保存领用详情ID var rowid = []; //获取...原创 2019-05-23 10:44:16 · 1651 阅读 · 0 评论 -
使用js文件导入导出,封装boostrap列对象到后台
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&...原创 2019-08-23 16:44:44 · 171 阅读 · 0 评论 -
使用js读取excel
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <link rel="stylesheet" h...原创 2019-08-21 22:45:02 · 1402 阅读 · 0 评论 -
Jquery ajax传多个值
1.普通json格式,$.ajax({ url : '${request.contextPath}/materials/rejectMaterials', data : {apid:even,apdesc:text}, type : 'post', success : function(data) { console.log(data); } ...原创 2019-09-23 15:40:10 · 971 阅读 · 0 评论