Spring+Datatables分页

最新推荐文章于 2021-02-23 07:28:44 发布

霸都王大炮

最新推荐文章于 2021-02-23 07:28:44 发布

阅读量367

点赞数

分类专栏：前端文章标签： jquery datatable-js datatable css

本文链接：https://blog.csdn.net/qq_35515521/article/details/78259444

版权

在做项目的过程中，在开发前端中，很多js代码都是自己写的，虽然jquery给我提供了很大的便利，但是依然无法提高代码的效率。特别是前端列表这块，相比较而言是比较复杂的，这段时间内，自己想网上面有没有这方面插件。找了一下，发现不少，其中就有Datatables，他是基于jquery的。而且是纯js和CSS的代码，比较方便。看了datatables的官网，发现对PHP支持比较好，java的例子不多。我研究半天，加上借鉴别人的一些代码和思路。自己先写了一个简单的Spring+Datatables分页。比较简单。主要我分这几个部分。
1、主页：datatable.jsp。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/jsp/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--第一步：引入Javascript / CSS （CDN）-->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<title>Insert title here</title>
</head>
<body class="dt-example">


    <div>
        <input type="text" id="level1"> 
        <input type="button" onclick="search1()"  value="查询">
    </div>

    <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>名字</th>
                <th>编号</th>
                <th>小尾巴</th>
                <th>操作</th>
            </tr>
        </thead>
    </table><

最低0.47元/天解锁文章

霸都王大炮

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Spring+Datatables分页

在做项目的过程中，在开发前端中，很多js代码都是自己写的，虽然jquery给我提供了很大的便利，但是依然无法提高代码的效率。特别是前端列表这块，相比较而言是比较复杂的，这段时间内，自己想网上面有没有这方面插件。找了一下，发现不少，其中就有Datatables，他是基于jquery的。而且是纯js和CSS的代码，比较方便。看了datatables的官网，发现对PHP支持比较好，java的例子不多。我研
复制链接

扫一扫