vue实现节点增删改功能
本文实例为大家分享了vue实现节点增删改功能的具体代码，供大家参考，具体内容如下效果：增删改功能 tree.vue组件代码：<template> <div> <div class="all-div" v-if="model.name"...
2020-05-27
vue实现全匹配搜索列表内容
本文实例为大家分享了vue实现全匹配搜索列表内容的具体代码，供大家参考，具体内容如下效果：组件代码：<template> <div> <!-- 搜索框加按钮 --><el-input placeholder="请搜索关键...
2020-05-27
layui(1.0.9)文件上传upload,前后端的实例代码
因为公司还在使用老版本的layui，文件上传在新版本中全部重写了，这里记录下老版本layui的文件上传。前端代码：（引入layui相关包）<input type="file" lay-type="file" id="xxxxx" n...
2020-05-27
layui上传图片到服务器的非项目目录下的方法
1、layui没办法与form表单中的其他字段一同提交到后台，所以只能通过先提交图片，然后通过返回的图片的值来提交到数据库2、先将所需要的jar包导入，我是用的maven所以，需要在父pom...
2020-05-27
微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ，在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, };这里使用 node.tag 能够获取标签类...
2020-05-27
webpack 处理CSS资源的实现
1. 一个引入 CSS 资源的案例// index.jsimport './style.css'/* style.css */#root { height: 100px; width: 100px; border: 1px solid #ccc;}就这样打包的话，是会报错的，那...
2020-05-27
vue实现在线翻译功能
本文实例为大家分享了vue实现在线翻译功能的具体代码，供大家参考，具体内容如下最终效果：APP.vue<template> <div id="app"> <h4>在线翻译</h4> <h5>简单/易用/方便</h5> <!-...
2020-05-27
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
本人前端知识相当于小白，初学SSM时，了解了layui前端框架，所以开始研究了数据表的增删改查，由于js、ajax知识不是很好，所以百度了相关ajax操作，用以借鉴。希望能帮助有需要的初学者...
2020-05-27
在SSM框架下用laypage和ajax实现分页和数据交互的方法
layui，一款前端框架，提供了丰富的组件和模板，layui提供的简约后台管理模板，对于后端学习者来说是个不错的福音。这里记录在SSM框架下使用layui的分页组件laypage。(官网开发文档...
2020-05-27
vue调用语音播放的方法
本文实例为大家分享了vue调用语音播放的具体代码，供大家参考，具体内容如下
功能展示 输入文字 点击播放 调用语音直接上代码<template> <div> <!-- 语音播放功能 --> <div> <i...
2020-05-27
通过layer实现可输入的模态框的例子
废话不多说，我就直接上代码吧！<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib prefix="s" uri="/struts-tags" %><!DOCTYPE HTML><html lang=...
2020-05-27
vue实现倒计时获取验证码效果
本文实例为大家分享了vue实现倒计时获取验证码效果的具体代码，供大家参考，具体内容如下效果：代码：<template> <div> <el-button :disabled="disabled" @click="sendcode" class=...
2020-05-27
使用layer弹窗,制作编辑User信息页面的方法
用户信息展示页面为A页面，编辑页面为B页面。A是B的父页面首先在A页面添加按钮，点击触发函数，函数初始化layer弹窗‘编辑'按钮：<button type="button" class="btn btn-primary bt...
2020-05-27
在layer弹层layer.prompt中,修改placeholder的实现方法
如下所示：layer.prompt({title: '修改密码',placeholder:'请输入新密码'},function(val, index){//成功后执行});该修改的地方 layer.js效果图以上这篇在layer弹层layer.prom...
2020-05-27
layer.open提交子页面的form和layedit文本编辑内容的方法
主要 用到layer 自带的取子页面dom的方法 layer.getChildFrame(),在父页面对子页面dom进行操作js代码:在layer.open 中 btn yes function(index, layero){ }中 获取子页面的...
2020-05-27
vue选项卡切换登录方式小案例
本文实例为大家分享了vue选项卡切换登录方式的具体代码，供大家参考，具体内容如下最终效果组件代码：<template> <div> <div class="login_warp"> <div class="loginbox fl"> <!...
2020-05-27
使用layui的layer组件做弹出层的例子
官方文档地址： http://www.layui.com/doc/modules/layer.html本例演示效果：当点击申请提现时,出现申请提现框,并根据用户输入进行一些判断,给出友好提示,比如:代码实现：<!DOCTY...
2020-05-27
vue实现手机端省市区区域选择
本文实例为大家分享了vue实现手机端省市区区域选择的具体代码，供大家参考，具体内容如下1 后端接口获取城市信息2 先获取省 根据用户点击的省获取市3 再根据用户点击的市获取区...
2020-05-27
vue实现表格过滤功能
本文实例为大家分享了vue实现表格过滤功能的具体代码，供大家参考，具体内容如下效果：组件代码： <template> <div> <input type="text" v-model="searchText"> <ul> <li v-for="(...
2020-05-27
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
1、需求在子页面处理完成后，在关闭时刷新并重新加载父页面 $.ajax({ url : '${base.contextPath}/test/test', type : "post", dataType :...
2020-05-27
jquery 回调操作实例分析【回调成功与回调失败的情况】
本文实例分析了jquery 回调操作。分享给大家供大家参考，具体如下：jquery 回调成功的情况node2:/django/mysite/static/Js/Public#cat displaytestxhr.jsfunction B (response,...
2020-05-27
layui form.render('select', 'test2') 更新渲染的方法
如下所示：<div class="layui-form" lay-filter="test1"> …</div> <div class="layui-form" lay-filter="test2"> …</div> 【JavaScript】form.render(null, 'test1'); //...
2020-05-27
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
首先：引入需要的css和js<link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /><script type="text/javascri...
2020-05-27
vue实现表单录入小案例
本文实例为大家分享了vue实现表单录入的具体代码，供大家参考，具体内容如下最终效果：代码：<template> <div id="app"> <!--第一部分--> <fieldset> <legend>学生录入系统</legen...
2020-05-27
vue实现移动端省市区选择
本文实例为大家分享了vue实现移动端省市区选择的具体代码，供大家参考，具体内容如下效果：安装：npm install v-distpicker --save组件代码：<template><div><li > <div class="left"...
2020-05-27
layui 地区三级联动 form select 渲染的实例
如下所示：html<!-- 城市三级联动 --> <div class="layui-form-item"> <label class="layui-form-label require_start"><span>所在城市 :</span></label> <div class="layu...
2020-05-27
解决layui中onchange失效以及form动态渲染失效的问题
最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。html<selec...
2020-05-27
vue实现购物车小案例
本文实例为大家分享了vue实现购物车小案例的具体代码，供大家参考，具体内容如下最终效果HTML部分：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>shopc...
2020-05-27
微信小程序 动态修改页面数据及参数传递过程详解
在小程序中我们经常要动态渲染数据，对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致，因为我们用“=”修改数据的，这种是可以修改，但无法改变页面的状态的，还会...
2020-05-27
vue实现文字加密功能
本文实例为大家分享了vue实现文字加密功能的具体代码，供大家参考，具体内容如下效果：组件代码： base64npm install --save js-base64md5npm install --save js-md5<template> <di...
2020-05-27
vue监听用户输入和点击功能
本文实例为大家分享了vue监听用户输入和点击的具体代码，供大家参考，具体内容如下功能1：监听用户输入和点击，并实时显示，功能2：点击发布，编辑页面隐藏，显示发布成功。功能1 html代码：...
2020-05-27
JavaScript实现背景自动切换小案例
本文实例为大家分享了js实现背景自动切换的具体代码，供大家参考，具体内容如下功能：窗口打开背景图自动跳转切换所有代码：<!DOCTYPE html><html lang="en"><head> <meta charset=...
2020-05-27
微信小程序 冒泡事件原理解析
在微信小程序的事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。...
2020-05-27
ligerUI的ligerDialog关闭刷新的方法
前几天写代码的时候用到了ligerUI的弹窗功能，然后需要在关闭弹窗的时候异步刷新页面，但是查看API的时候发现没有相关的时间或者方法。然后一个个查看参数，发现了一个叫“cls”...
2020-05-27
简单了解微信小程序 e.target与e.currentTarget的不同
在小程序的点击事件中，我们经常使用这两个属性来传参，看起来效果一样，查了官方文档如下：target：事件源组件对象currentTarget：当前组件对象什么意思？我刚开始就有点不懂，那就直接上...
2020-05-27
layer.alert自定义关闭回调事件的方法
在项目应用中，遇到自定义关闭layer.alert弹出层，即在关闭layer.alert时，可以自动触发关闭时的事件，具体方法为：layer.alert('爱心提示！', function(){ 自定义关闭时调用的事件});...
2020-05-27
layer弹出层倒计时关闭的实现方法
因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>...
2020-05-27
JavaScript实现随机五位数验证码
本文实例为大家分享了js实现随机五位数验证码的具体代码，供大家参考，具体内容如下功能展示：
点击按钮，随机生成数字+大小写字母验证码
所有代码：<!DOCTYPE html><html><head><met...
2020-05-27
使用layer模态框给新页面传值的方法
昨天用hui后台模板的时候用到模态框传值给另一个新页面模板是这么写的 没办法给新页面传值，于是百度了一下，总结function zhuyuan(title,url,id,w,h,type){ layer.open({...
2020-05-27
layer页面跳转,获取html子节点元素的值方法
1、jsp页面，携带值跳转到新页 original.jsp var btnClick = {'click .shownewPage':function (e, value, row, index) {//点击按钮时触发时间 var Id = row.Id; layer...
2020-05-27
layer.confirm()右边按钮实现href的例子
layer官方API默认右边按钮=右上角X按钮，点击=关闭弹窗此方法最终效果是右上角X保留关闭弹窗功能，并且右边按钮能设置（location.href=""） 等之前试过的写法（错误）：layer.confirm('想...
2020-05-27
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
如下所示：使用layui监听select所选的value需要注意的是：form.on必须写在layui.use(){}中且使用layui动态添加option时，必须要进行渲染（form.render()），否则选项追加不上这样做完之...
2020-05-27
解决layui下拉框监听问题(监听不到值的变化)
关于layui监听下拉框值得变化，大家都知道官方文档给我们提供了一个方法form.on('select(demo)',function(data){ console.log(data.value)//打印当前select选中的值})按照我...
2020-05-27
layui下拉列表select实现可输入查找的方法
如下图，这是一个layui的下拉列表select，随着下拉数据越来越多，我们找某个选项就比较吃力了。这是原下拉列表的代码（数据是从后台传来的）：为了解决这个问题，我们可以将select改为可...
2020-05-27
layui的数据表格+springmvc实现搜索功能的例子
如下所示：主要在前端页面加：<div class="demoTable"> 搜索ID： <div class="layui-inline"> <input class="layui-input" name="keyWord" id="keyWord" autocomplete="off"...
2020-05-27
关于layui的下拉搜索框异步加载数据的解决方法
思路分析：当我使用layui默认的下拉搜索框的时候，layui会默认渲染出一个HTML结构，所以我把渲染出来的这个结果直接给复制出来，这样css的样式就不用从头到尾写一遍了，前端代码（我用...
2020-05-27
layui的select联动实现代码
要实现联动效果注意两点：第一要可以监听到select的change事件；第二异步加载的内容，需要重新渲染后才可以 正常使用。html结构：<form class="layui-form batchinput-form" action...
2020-05-27
Layui带搜索的下拉框的使用以及动态数据绑定方法
说起下拉框大家一定不陌生，就是放着指定内容的容器需要什么就直接选择就可以了，很方便。但是凡事都有利弊两面，在数据少的时候是挺方便的但是数据一多起来就选得用户头昏眼花，影...
2020-05-27
Layui选项卡制作历史浏览记录的方法
在很多情况下我们需要使用到历史浏览记录这一个功能，自己制作起来有点麻烦，但是layui的element模块给我们带来了不少的功能，这个模块就是Tab选项卡，例如以下的样式。这里是侧边...
2020-05-27
layui table 表格上添加日期控件的两种方法
方法一：var tableInit = table.render({ elem: '#tbtxrz' , method: 'post' , data: jsonData , height: "auto" , id: "tbtxrz"...
2020-05-27
