版权声明：本文为博主-姜兴琪原创文章，未经博主允许不得转载。 https://blog.csdn.net/jxq0816/article/details/49660745
一 、效果图
function getManagerList(dealerId,page2){
macAddress = document.getElementById("activeXDemo").getMac();
$.get("${ctxPath}/common/dealer/manager?"+Math.random(), {
page2: page2,
pageSize2: 9,
dealerId: dealerId,
macAddress:macAddress
function(data){
if(data){
var managerList=data.managerList;
var uploadDir=data.uploadDir;
var rs = "";
for (var i=0;i<managerList.length;i++)
var name=managerList[i].personName;
var picPath=managerList[i].picPath;
if(picPath==null){
var path="${ctxPath}/resources/assets/imgs/no_pic.png";
}else{
var path="${ctxPath}"+uploadDir+picPath;
rs+="<div class='col-xs-4 demo1_box'>";
rs+="<img width='200px' height='130px' src='";
rs+=path;
rs+="'>";
rs=rs+"<p>"+name+"</p></div> ";
$('#managerList').empty();
$('#managerList').append(rs);
var page2=data.page2;
var stor_no2=data.stor_no2;
var pageCount2=data.pageCount2;
var pagination = "";
pagination+="<ul class='pagination pager_cus'>";
pagination=pagination+"<li><a>第 "+(page2 + 1);
pagination=pagination+" 页/共 "+pageCount2+" 页</a></li>";
pagination += "<li><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += 0 + ");'>« 首页</a></li>";
if(page2>0){
pagination += "<li><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += (page2 - 1) + ");'>« 上一页</a></li>";
var start=page2-3;
var end=page2+3;
if(start<0){
end=end-start;
if(end >(pageCount2-1)){
end = pageCount2-1;
start=end -7;
for(var j=start;j<=end;j++){
if(j>-1 && j<pageCount2){
if(page2==j){
pagination += "<li class='active'><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += j + ");'>"+(j+1)+"</a></li>";
}else{
pagination += "<li><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += j + ");'>"+(j+1)+"</a></li>";
if(page2<pageCount2-1){
pagination += "<li><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += (page2 + 1) + ");'>下一页 »</a></li>";
pagination += "<li><a href='javascript:getManagerList(\"";
pagination += dealerId;
pagination += "\",";
pagination += (pageCount2 - 1) + ");'>« 尾页</a></li>";
$('#pagination').empty();
$('#pagination').append(pagination);
$('#personAddModel').modal('show');
</script>
三、模态框
<div style=";" class="modal fade bs-example-modal-lg in" id="personAddModel" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false">
<div class="modal-dialog modal-lg">
<div class="modal-content" id="personAddModelContent">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<span class="modal-header-title" id="myModalLabel">经营人员</span>
<div class="modal-body">
<div class="row">
<div class="col-xs-12" id="managerList">
<div class="modal-footer" id="pagination">
四、controller
@RequestMapping(value = "manager", method =RequestMethod.GET)
public @ResponseBody ModelAndView queryManager(Model model
, @RequestParam(defaultValue = "0")int page2
, @RequestParam(defaultValue = "9")int pageSize2
, @RequestParam(required = false, defaultValue = "")String dealerId
, String macAddress){
FastJsonJsonView view = new FastJsonJsonView();
if(macAddService.checkMacAddress(macAddress, "E")==true){
String uploadDir = this.localUploadTools.getPreviewDir() + "/dealerUpload";
PaginationSupport<ManagePersonForTouchScreenVO> managerVOPS = dealerService.queryManager(dealerId, page2, pageSize2);
view.addStaticAttribute("page2", page2);
view.addStaticAttribute("uploadDir", uploadDir);
view.addStaticAttribute("managerList", managerVOPS.getObject());
view.addStaticAttribute("stor_no2", managerVOPS.getTotalCount());
view.addStaticAttribute("pageCount2", managerVOPS.getPageCount());
return new ModelAndView(view);
前言基于SpringMVC+Bootstrap+DataTables实现数据表格服务端分页、模糊查询，页面异步刷新。说明：sp:message标签是使用了SpringMVC国际化效果DataTable...
来自：
Jason
datatables是前端的一个实现分页的插件，支持主流的浏览器，非常好用。datatables网址：http://www.datatables.club/
里面有许多的样式，还支持bootst...
来自：
Bush罗
1、前言对于分页，每个项目都用到，这一篇来好好地实现一下分页，但是前提是需要搭建好ssm框架，这是最基本的，前两篇我已经实现了框架的搭建，我所用的是第二种的方式的框架（说的比较详细），然后我们进入分页...
来自：
我去个地方
设计主要功能介绍（含界面截图） 1. 主页（图1）a.能够添加带有心情标签的用户（图2）b.能够添加心情说（图3）c.通过导航栏进入心情标签展示页面和心情说展示页面图1图2 图32.心情标签展示页面...
来自：
MOGOT7的博客
1、传递参数 &lt;s:a href="javascript:void(0)" onclick='show("%{#pro.ProID}")'&am...
来自：
zariozhang的博客
bootstrap-table表格插件之服务器端分页实例Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以...
来自：
hanxue_tyc的博客
写前端都会面临的一个问题就是分页，如果是纯js分页也是可以的，只是可能代码量比较大，所以今天写一个关于用bootstrap框架分页的例子，希望以后可以帮助到一些对这方面比较头疼的码农。首先需要明确的一...
来自：
A_Struggling_Hacker
又到周末了，闲来无聊，就仿照Bootstrap模态框去自定义实现了一个小小的模态框。特点：【1.自定义模态框支持两种动画的展示与关闭 2.支持页面顶部呈现与支持页面居中呈现】效果图+代码实现：主页代码...
来自：
LQ的博客
&lt;div class="modal fade" id="userModal" tabindex="-1" role=&quo...
来自：
qq_29009973的博客
①效果图②bootstrap基本模板&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;hea...
来自：
Wall的博客
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
详细使用：http://www.runoob....
来自：
nic的博客
在spring boot集成beetl时，遇到ctx 获取不到的情况。 查看源码 org.beetl.ext.web.WebRender 57行： template.binding(&q...
来自：
monkey_lxb
BootStrapValidator 表单验证+ 模态框 Ajax请求 Demo
BooStrapValidator网络引用地址:http://www.bootcdn.cn/bootstrap-v...
来自：
饮冰室人的博客
bootstrap-table是非常方便好用的前端表格分页插件，使用者只需要提供数据源就能实现非常完美的分页效果，其分页方式可以分成客户端分页和服务端分页，其接收的数据源都是json数据格式。...
来自：
alan_liuyue的博客
第一次写博客，欢迎指点。
开发环境和开发工具是：apache，mysql，php，使用thinkphp框架，和bootstrap前段框架，讲的主要是前段的html和js，jquery相关，然而...
来自：
yhq1988923的博客
单独js文件不能用el表达式。
首先，JSP是由服务端执行的，EL表达式自然也由服务端解析执行，因此如果EL所在的脚本在JSP页面内，它是可以获取到值的，这个值在服务器端返回到浏览器端时已经解析完毕...
来自：
Sang
Guns V3.0介绍Guns基于Spring Boot,致力于做更简洁的后台管理系统,完美整合springmvc + shiro + mybatis-plus + beetl!Guns项目代码简洁,...
来自：
Test
header.jsp&lt;%@ page language="java" contentType="text/html; charset=UTF-8"...
来自：
wujiandao000的博客
简述关于gif的使用在实际项目中我用的并不多，因为我感觉瑕疵挺多的，很多时候锯齿比较严重，当然与图存在很大的关系。关于生成gif的方法可以提供一个网站preloaders，基本是可以满足需求的。简述
来自：
青春不老，奋斗不止！
JpGraph简介
JpGraph是开源的PHP统计图表生成库，基于PHP的GD2图形库构建，把生成统计图的相关操作封装，隐藏了部分复杂的操作，使在PHP页面上输出统计图表变得更加容...
来自：
郎涯工作室
tensorflow在ubuntu系统上按照官方文档安装起来相对容易，在centos上由于没有apt-get（ yum）相对困难一些，本文会提到一些安装过程中遇到的一些坑及解放方案。...
来自：
zhangweijiqn的专栏
最近在做一个每天定点从FTP自动下载节目.xml并更新到数据库的功能。首先想到用 FileSystemWatcher来监控下载到某个目录中的文件是否发生改变，如果改变就执行相应的操作，然后用timer...
来自：
kongwei521的专栏
Java中的ThreadLocal类允许我们创建只能被同一个线程读写的变量。因此，如果一段代码含有一个ThreadLocal变量的引用，即使两个线程同时执行这段代码，它们也无法访问到对方的Thread...
来自：
u011860731的专栏
修改my.ini文件加上default-character-set=gb2312设定数据库字符集alter database da_name default character set charset...
来自：
血色残阳的专栏
idea来源于自己的想法，之前在github看过大神贾杨清的推导slider，caffe中如果计算卷积，加上自己最近有个很小的疑惑，输入的image一般是RGB三通道的彩色图片，但是我们在定义卷积层时...
来自：
Camaro的专栏
问题场景描述整个项目通过Maven构建，大致结构如下：
核心Spring框架一个module spring-boot-base
service和dao一个module server-core
提供系统...
来自：
开发随笔
上一篇博客我们介绍了用数组的方式来实现图书管理系统，但是用数组实现的方式有两个主要的缺点就是：1. 查找和删除比较麻烦；2. SIZE得固定，SIZE小了的话装不下那么多书，SIZE大了的话就比较浪费...
来自：
AlexTan_的博客
Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext
阅读数
47677
jQuery 实现 bootstrap 模态框 删除确认
阅读数
31393
软件测试之 控制流图 圈复杂度 独立路径 测试用例
阅读数
29099
js 验证用户名和密码是否为空
阅读数
19342
