lay

layui按回车键实现表单提交

由 拜拜、爱过 提交于 2019-11-29 21:14:16
layui中标准用法如下: <form class="layui-form"> <input type="button" id="queryCondBtn" class="layui-btn" lay-submit lay-filter="queryCondBtn" value="提交"> </form> form.on('submit(queryCondBtn)', function(data){ // 相关操作 }); layui.use(['form','jquery','layer'],function(){ var form = layui.form, $ = layui.jquery, layer = layui.layer; form.on("submit(queryCondBtn)",function(data){ console.log(data); //书写自己的逻辑... return false; }); }); $(#XXX).keydown(function (e) { if (e.keyCode === 13) { $("#queryCondBtn").trigger("click"); } }); <div class="layui-form-item" style="margin-bottom: 20px;"> <input type=

SpringSecurity remember-me功能

由 我的未来我决定 提交于 2019-11-29 20:54:24
1、/login .and().formLogin().loginPage("/user/login.html") //在successHandler中，使用response返回登录成功的json即可，切记不可以使用defaultSuccessUrl，defaultSuccessUrl是只登录成功后重定向的页面，failureHandler也是由于相同的原因不使用failureUrl。 .loginProcessingUrl("/login").successHandler( new AuthenticationSuccessHandler(){ @Override public void onAuthenticationSuccess(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Authentication authentication) throws IOException, ServletException { //System.out.println(authentication.getDetails()); httpServletResponse.setContentType("application/json;charset=utf-8");

layui首页

由 北城余情 提交于 2019-11-29 18:19:06
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>小区物业管理系统</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="shortcut icon" href="../layuiadmin/layui/images/favicon.ico" /> <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../layuiadmin/style

layui标注页面

由 无人久伴 提交于 2019-11-29 18:19:01
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>小区物业管理系统</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all"> <script src="../layuiadmin/jquery-1.8.0.min.js"></script>

复杂表单数据的获取

由 蓝咒 提交于 2019-11-29 18:01:35
　　表单基本样式如下: 表单的院士基本情况可以不断新增. 院士基本情况的部分HTML代码(多份院士基本情况是在这个基础之上append的) : <div style="text-align: left" class="add_academician_elem"> <div class="" style="width: 100%;font-size: 22px;text-align: center;"> 当前是第<span class="number_academician">1</span>份院士基本情况 <button class="delete_academician layui-btn layui-btn-danger layui-btn-sm" type="button"> 删除当前院士基本情况 </button> </div> <div> <span >院士姓名</span><input name="ac-name" type="text" lay-verify="required"> <span >出生日期</span><input name="ac-birthday" type="number" class="zp-input lay-Date" lay-verify="required"> </div> <div> <span >学科领域</span><input

首页

由 谁都会走 提交于 2019-11-29 08:14:11
左侧导航栏 修改密码 退出 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>小区物业管理系统</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="shortcut icon" href="../layuiadmin/layui/images/favicon.ico"/> <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="..

layui按回车键实现表单提交

由 一世执手 提交于 2019-11-29 02:20:48
layui中标准用法如下: <form class="layui-form"> <input type="button" id="queryCondBtn" class="layui-btn" lay-submit lay-filter="queryCondBtn" value="提交"> </form> form.on('submit(queryCondBtn)', function(data){ // 相关操作 }); layui.use(['form','jquery','layer'],function(){ var form = layui.form, $ = layui.jquery, layer = layui.layer; form.on("submit(queryCondBtn)",function(data){ console.log(data); //书写自己的逻辑... return false; }); }); $(#XXX).keydown(function (e) { if (e.keyCode === 13) { $("#queryCondBtn").trigger("click"); } }); <div class="layui-form-item" style="margin-bottom: 20px;"> <input type=

SpringSecurity remember-me功能

由 ◇◆丶佛笑我妖孽 提交于 2019-11-29 02:20:18
1、/login .and().formLogin().loginPage("/user/login.html") //在successHandler中，使用response返回登录成功的json即可，切记不可以使用defaultSuccessUrl，defaultSuccessUrl是只登录成功后重定向的页面，failureHandler也是由于相同的原因不使用failureUrl。 .loginProcessingUrl("/login").successHandler( new AuthenticationSuccessHandler(){ @Override public void onAuthenticationSuccess(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Authentication authentication) throws IOException, ServletException { //System.out.println(authentication.getDetails()); httpServletResponse.setContentType("application/json;charset=utf-8");

使用LayUI展示数据

由 。_饼干妹妹 提交于 2019-11-28 21:19:50
LayUI 是一款免费，开源，轻量级的前端 cms 框架，适用于企业后端 , 能快速上手开发，集成了常用的组件，还有完善的文档和社区。 点击查看 文档地址 下载框架 使用： 1. 把这个 5 个文件项都拷贝到项目中 2. 到 layui 官网 地址 将后台布局的代码考过来，做一个左侧导航，右侧显示主内容的格局 3.代码复制到我们自己项目新建的 home.html 页面后 , 根据代码上的提示，将远程地址替换成本地，直接删除 css 引用和 js 引用，从自己的项目中将这 2 个文件拖到 html 页面上 4.完成左侧菜单跳转右侧显示 点击发现菜单没有跳转，因为 a 标签没有指向页面， 接下来新建一个 html 页面 UVList.html 我们在一个菜单中加入页面地址，点击后发现跳转到新页面去了 , 没有显示到右侧，这是因为没有加入 iframe <div class="layui-body"> <!-- 内容主体区域 --> <div style="padding: 15px;height:100%"> <iframe id="option" name="option" src="WebApp/UVList.html" style="overflow: visible;" scrolling="no" frameborder="no" width="100%" height=

LayUI笔记

由 独自空忆成欢 提交于 2019-11-28 16:29:09
LayUI  经典模块化前端框架,低门槛开箱即用的前端 UI 解决方案.   其他UI框架：     Bootstrap，Element， EasyUI，LayUI 等等 LayUI使用  Layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。   1. 官网首页下载 https://www.layui.com/   2. 引入layui核心文件： layui/css/layui.css // layui中内置的样式 layui/layui.js // layui中核心的js插件(模块化使用) layui/layui.all.js // layui中所有的js   3. layui的目录介绍:    layui     ├─css //css目录     │ │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：）     │ │ ├─laydate     │ │ ├─layer     │ │ └─layim     │ ├─layui.css //核心样式文件     │ └─layui.mobile.css //移动端CCSS样式     ├─font //字体图标目录（内置字体）     ├─images //图片资源目录
订阅 lay