layui

父页面主要数据： var vueObj = new Vue({ el: '#feedbackList' , data: { feedList:[] }, methods: { loadFeedback: function () { var jsonStr = $("#newData" ).val() var json = JSON.parse(jsonStr); this .feedList.unshift(json); } } }) <div id="feedbackList" style="padding:20px 10px "> <input type="hidden" id="newData" v-on:click="loadFeedback()"/> <div class="row-fluid" v- for ="item in feedList"> <div class="span12"> ... </div> </div> </div> 弹出层框架页面窗口主要数据： 1）复杂嵌套框架情况下使用： $.Save({ url: "../../Manage/Feedback/Save?keyValue=..." , param: postData, loading: "正在保存数据 ..." , successMsg: "保存成功！" , success: function

一、前言 　　现在开发一个网站，分页是一个很常见的功能了，尤其是当数据达到一定量的时候，如果都显示在页面上，会造成页面过长而影响用户体验，除此之外，还可能出现加载过慢等问题。因此，分页就很有必要了。 　　 分页功能的常用的实现方法有两种：前台分页和后台分页。 前台分页就是一次查询取出所有数据保存在内存中，需要的时候就从相应区间中取数据，但只适用于少量数据的情况。后台分页就是查询时只取出相应区间中的数据并返回，翻页时再次查询并取数据，此方法能减小传输压力提高性能。今天这篇博客就记录一下在 Flask 中怎么使用 Flask 的扩展库 flask-pagination 和分页插件 layPage 实现分页功能。 二、准备工作 1.Flask 环境配置 　　首先你需要一个 Python 环境，然后需要安装几个第三方库： flask pymysql flask-pagination SQLAlchemy 　　使用如下命令进行安装： pip install flask pip install pymysql pip install flask-pagination pip install SQLAlchemy 2.layui 下载安装 　　layui 是一个经典模块化前端 UI 框架，网址为： https://www.layui.com/ ，也可以直接点击 这里 进行下载。 　　layui

laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染。核心方法： laypage.render(options) 来设置基础参数。 一、laypage的常用基础参数 layui.use(['laypage'], function () { laypage = layui.laypage laypage.render({ elem: 'pageTest' // 这是元素的id，不能写成"#pageTest" , count: data.length // 数据总数 , limit: 10 // 每页显示条数 , limits: [10, 20, 30 ] , curr: 1 // 起始页 , groups: 5 // 连续页码个数 , prev: '上一页' // 上一页文本 , netx: '下一页' // 下一页文本 , first: 1 // 首页文本 , last: 100 // 尾页文本 , layout: ['prev', 'page', 'next','limit','refresh','skip' ] // 跳转页码时调用 , jump: function (obj, first) { // obj为当前页的属性和方法，第一次加载first为true // do something if (! first) { //

　　 布衣之谈 　　 所谓插件，大概就是项目中可插可拔的比较小功能化的组件；这些功能组件若能力可及，自己也可以完成——也即自己造轮子，但翻看各种技术社区，相关领域的神人们 往往会 有更好的实现方案贡献出来，这个时候你只需要满怀崇敬之心、感激之情，在遵循别人的使用约定的前提下拿过来应用在自己的项目中即可，省却了很多自造车轮的成本。就像苹果造机，虽名苹果，但其零部件全都是世界各地各个功能厂商共同贡献的结果。编程亦是此理，博主入编程的坑稍晚，但也越发的感觉到，在各种功能组件以及技术框架越来越普遍且适用的今天，正是依靠技术互助共享的精神力量，编程才变得越来越简单、快捷的。瞎哔哔了这么多，博主只想说，我虽没有造轮子的能力，但力所能及的，就是尽量将自己的技术积累以博客的形式记录、分享，自己成长为大菜鸟的同时，也期望能帮到更多的小菜鸟——造车轮子咱不会，但告诉别人如何使用，也算是功德一件。 　　 layPage分页插件使用 　　分页是项目中比价常见的功能，所以网上分页插件也很多，功能都大同小异，也都很好用，只是页面风格不同而已，在实际项目中根据自己项目的界面风格选择合适的一款就好。本篇主要介绍前端框架Layui中众多功能组件之一的分页组件——layPage的使用。废话已多说完毕，直接进入正题。页面插件的使用离不开js和css的支持，所以先去 官网下载 压缩包

前言 　　以下介绍摘自 layui官网laypage 　　layPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。自 layui 2.0 开始，无论是从核心代码还是API设计，layPage 都完成了一次蜕变。清爽的UI、灵活的排版，极简的调用方式，这一切的优质元素，都将毫无违和感地镶嵌在你的页面之中。laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染，laypage 只负责分页本身的逻辑，具体的数据请求与渲染需要另外去完成。laypage 不仅能应用在一般的异步分页上，还可直接对一段已知数据进行分页展现，更可以取代传统的超链接分页。 效果 代码编写 　　项目背景：springboot + springdata-jpa + thymeleaf + mysql 　　代码贴出来：同样的，大部分逻辑都写在了注释里面 　　maven引包 <!-- springboot --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot<

最近要在SpringMVC+MyBatis项目的某个页面对数据进行分页，大致思路为在页面创建两个隐藏的输入框保存当前页面pageNum和每页显示数据的条数pageSize，每次分页时，修改对应的值即可，然后把pageNum和pageSize传到后台给pageHelper 1. MyBatis层（xml） <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace="com.zghky.dao.***"> <cache-ref namespace="com.zghky.dao.***"/> <resultMap id="getTestMap" type="Op"> <id column="id" property="id" /> <result column="geography_position" property="account.geographyPosition"/> <result column="op_type" property="opType"/> <result column="op_time"

JavaWeb项目引用资源的时候尽量使用绝对路径。 作者在帮助同学完善其JavaWeb项目端页面的时候，css样式文件怎么也引用不了。 第一个想到的是：是不是文件路径写错了？ 于是，作者换了绝对路径，然而，依旧无法引用资源。 然而检查之后发现文件路径没有问题，就是引用不了。 项目截图如下所示： 图1.项目截图 在浏览器进行调试，发现引用的资源layui.css显示404错误，即未找到资源。 图2.项目调试 经高人指点，发现是web.xml里servlet拦截器为将.css列入匹配规则里，导致.css资源被拦截，从而无法引用。 解决方法： 在的 中添加 匹配规则，具体如下图所示： 图3.项目配置文件 来源： oschina 链接： https://my.oschina.net/u/4352236/blog/4148740

1.html+css 链接： https://share.weiyun.com/526lSGD 2.tomcat 链接： https://share.weiyun.com/5HaHLPR 3.jsp 链接： https://share.weiyun.com/5NYRlJo 4.servlet 链接： https://share.weiyun.com/5lXsQWb 5.maven 链接： https://share.weiyun.com/58viT0j 6.spring 链接： https://share.weiyun.com/56NOlss 7.spring mvc 链接： https://share.weiyun.com/5ygPp8o 8.mybatis 链接： https://share.weiyun.com/5psWLzd 9.ssm整合,做一个crud基础框架 链接： https://share.weiyun.com/54pWqQx 10.mybatis plus 链接： https://share.weiyun.com/5ZDxuDS 11.linux（学完linux 接下来前端 其他部分学习一下） 链接： https://share.weiyun.com/5RPbG0f 12.Bootstrap 链接： https://share.weiyun.com

需先引入： formSelects-v4.css formSelects-v4.js 插件下载地址：https://fly.layui.com/extend/formSelects 使用： <div class="layui-form"> <div class="layui-input-inline"> <select name="select_base_cityname" id="select_base_cityname" lay-filter="select_base_cityname" xm-select="select_base_cityname" xm-select-type="1"> <option value=""></option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">天津</option> <option value="4">重庆</option> </select> </div> </div> layui.use(['form', 'layer', 'jquery', 'table', 'laydate', 'element', 'upload', 'flow'], function () { var $$ = layui.jquery;

详情链接地址： https://hnzzmsf.github.io/example/example_v4.html#select_search_server 1、闲谈杂趣 v3传送门 v3文档 其实思考了很久, 还是放弃了v3, 因为开发v3的时候很粗暴, 按照编程角度来看就是硬撸, 也怪自己实力有限, 所以反思了一下, 尝试着继续前行... 2、交流学习 QQ号: 707200833 QQ群: 769620939 重要的事情说三遍, 看文档, 看文档, 看文档, 文档中很多都已经标注了, 文档不清楚的话, 可以加群@群主 群主会在第一时间把代码更新至 GitHub , 你可以前往 GitHub 下载formSelects完整代码, 以便于二次开发 3、下载与使用 下载地址: GitHub 使用文档: GitHub Pages 来源： oschina 链接： https://my.oschina.net/u/4309066/blog/3411362