layui

layui 多文件上传带进度条踩坑

由 最后都变了- 提交于 2020-02-26 16:37:25
原文链接地址为 https://my.oschina.net/u/3656204/blog/3086255。 原文作者提供的upload.js文件，html和js方法均可借鉴，问题是按作者的搞下来，却未能成功。可坑啦，完成了98%,剩下的2%却好难搞出来。 踩坑如下： 坑一 toUpload?id=5221282942990596404:227 Uncaught ReferenceError: xhrOnProgress is not defined 作者给了较为完成的js方法，却把方法中关键的一个自定义变量方法漏了。 xhrOnProgress应该定义如下： var xhrOnProgress = function (fun) { xhrOnProgress.onprogress = fun; //绑定监听 //使用闭包实现监听绑 return function () { //通过$.ajaxSettings.xhr();获得XMLHttpRequest对象 var xhr = $.ajaxSettings.xhr(); //判断监听函数是否为函数 if (typeof xhrOnProgress.onprogress !== 'function') return xhr; //如果有监听函数并且xhr对象支持绑定时就把监听函数绑定上去 if (xhrOnProgress

php使用pdf.js前端输出pdf

由 夙愿已清 提交于 2020-01-06 21:04:42
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 今天做项目时遇到一个问题 , 需要在页面显示pdf文件 , 并且不能下载和打印 . 这个技术真的没有尝试过 , 所以就开始了我的百度之旅 , 翻看了几篇博客 几乎所有的博客都提到了一个pdfobject.js的框架 , 所以我就去下载了这个框架 网址是https://pdfobject.com/ 点击git后自主下载吧 , 不会玩git的程序员不是好程序员. 将你下载下来的js文件放到你框架里面的js文件夹里 然后引入你要使用的位置 我用的tp5.1 pdfobject.js是不需要经过后台的 直接前端使用就行 我用的是layui 直接用layui.open就好了 然后就可以正常浏览了 对 就是这么简单 如果你想要屏蔽 这两个按钮的话 在模板文件里 加入 style属性就好了 就这么简单 来源： oschina 链接： https://my.oschina.net/u/4196676/blog/3152454

layui轮播

由 懵懂的女人 提交于 2020-01-06 18:45:53
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 切记轮播不能放入form表单中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="js/layui/v2.3.0/src/css/layui.css" media="all"> <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --> </head> <style> html, body { height: 100%; } </style> <body> <div class="layui-carousel" id="test1"> <div carousel-item style="text-align: center;"> <!--<div><img

个人网站第五版（2020年版）来了

由 非 Y 不嫁゛ 提交于 2020-01-06 14:25:29
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> ​ 大家好，转眼间2020年了，首先祝大家2020年元旦快乐。我是冯文议，是一名JAVA工程师，我的个人网站第五个版本（2020年版）也如期而至。本次改版与以往只有个人主页的版本不一样，这一次旨在打造一个记录自己的平台。包含个人主页、博客系统、作品、相册系统、留言系统、用户系统、后台管理系统等。 技术 基于Spring Boot进行开发 前端使用Themyleaf模板，Layui，jQuery，Markdown富文本编辑器 数据库MySQL 数据库操作框架MyBatis-Plus 权限认证Spring Security，JWT 后台接口返回封装处理框架api-result 工具类框架JavaLib 后台管理系统vue-admin-pro Java 8 日期和时间 文件上传，图片信息解析 移除 移除了夜间模式 首页图片不再每天更换 网址 https://fengwenyi.com https://www.fengwenyi.com 来源： oschina 链接： https://my.oschina.net/fengwenyi/blog/3152222

Java中如何传一个数组作为筛选条件操作数据库(sql中foreach的使用)

由 ぐ巨炮叔叔 提交于 2019-12-17 11:27:35
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 实现步骤： 1. 把前端获取到的要删除的数据的nId，以逗号作为分隔符，组成一个da（其中checkStatus.data.length和checkStatus.data[i].nId是layui里面的，不用的话替换为对应的数据就可以）； function(){ var da = ''; for(var i = 0; i < checkStatus.data.length; i++) { da += checkStatus.data[i].nId + ""; if(i != checkStatus.data.length - 1) { da += ","; } } 2. 将该da传递给后端接口； $.ajax({ url: path + "XXX/XXXXXXX", type: "post", dataType: "json", async: false, timeout: 5000,// 超时时间设置，单位毫秒 data: { "ids": da, "u": u }, contentType: "application/x-www-form-urlencoded;charset=utf-8", success: function(data) { ...... }, error: function(data){

layui三级联动

由 拥有回忆 提交于 2019-12-10 14:18:34
<div class="layui-form-item"> <label class="layui-form-label">地址</label> <div class="layui-input-inline"> <select id="province" lay-filter="province" lay-verify="required" lay-search=""> <option value="">请选择或搜索省</option> </select> </div> <div class="layui-input-inline"> <select id="city" lay-filter="city" lay-verify="required" lay-search=""> <option value="">请选择或搜索市</option> </select> </div> <div class="layui-input-inline"> <select id="area" lay-filter="area" lay-verify="required" lay-search=""> <option value="">请选择或搜索县/区</option> </select> </div> </div> layui.use('form', function(){ var form

layui实战 - 自定义模块

由 喜夏-厌秋 提交于 2019-12-06 14:17:37
一.目录结构 ├─src // layui目录 │ │─lay // 模块核心目录 │ │ └─modules // 各模块组件 │ └─layui.js // 基础核心库 │ └─res // 测试目录 ├─js // js目录 │ ├─modules // 自定义模块 │ └─index.js // 模块加载入口 └─html 测试页面 二.自定义模块 - 简单方法封装 2.1 在 modules 创建模块 // res/js/modules/simple.js layui.define(function(exports){ // 通过exports暴露，给外部使用 exports('simple', function(){ alert('Hello World!'); }); }); 2.2 在 index.js 中配置扩展 // res/js/index.js layui.config({ //自定义layui组件的目录,设定扩展的layui模块的所在目录，一般用于外部模块扩展 base: '/layui/res/js/modules/' }).extend({ //设定组件别名 simple: 'simple', }); 三.自定义模块 - 对象封装 3.1 在 modules 创建模块 // res/js/modules/common.js /** * layui

layui监控删除按钮无刷新

由 牧云@^-^@ 提交于 2019-12-06 14:00:56
<button class="layui-btn layui-btn-xs" style="background: #FF5722" onclick="list_del(this,{$v.id})">删除</button> function list_del(obj,id){ layer.confirm('确定要删除吗?',function(data){ if(data){ var param = {"id" : id}; $.post("/admin/Architecture/drchit_del",param,function( res){ if (res.code == 200){ $(obj).parents("tr").remove(); layer.msg('已删除!',{icon:1,time:1000}); } }); } }); } 来源： https://my.oschina.net/u/4196676/blog/3137737

layui实战

由 ╄→гoц情女王★ 提交于 2019-12-06 10:24:04
一.目录结构 ├─src // layui目录 │ │─lay // 模块核心目录 │ │ └─modules // 各模块组件 │ └─layui.js // 基础核心库 │ └─res // 测试目录 ├─js // js目录 │ ├─modules // 自定义模块 │ └─index.js // 模块加载入口 └─html 测试页面 二.自定义模块 - 简单方法封装 2.1 在 modules 创建模块 // res/js/modules/simple.js layui.define(function(exports){ // 通过exports暴露，给外部使用 exports('simple', function(){ alert('Hello World!'); }); }); 2.2 在 index.js 中配置扩展 // res/js/index.js layui.config({ //自定义layui组件的目录,设定扩展的layui模块的所在目录，一般用于外部模块扩展 base: '/layui/res/js/modules/' }).extend({ //设定组件别名 simple: 'simple', }); 三.自定义模块 - 对象封装 3.1 在 modules 创建模块 // res/js/modules/common.js /** * layui
订阅 layui