idea创建基于maven的ssm项目【12】在html页面通过ajax分页显示用户信息

最新推荐文章于 2022-02-24 20:39:52 发布

万和IT教育

最新推荐文章于 2022-02-24 20:39:52 发布

阅读量730

点赞数

分类专栏： idea创建基于maven的ssm项目文章标签： ssm idea maven 数据库 java

本文链接：https://blog.csdn.net/qq_41717874/article/details/88970936

版权

本文介绍了如何在idea中基于maven的SSM项目中，利用ajax和前端分页插件jquery paginator，结合jquery-tmpl模板技术，实现html页面的分页显示用户信息。详细步骤包括配置前提约束、选择技术、导入必要的js和css文件，创建showstudents.html页面，并最终完成测试。

摘要由CSDN通过智能技术生成

本文以ajax方式完成后台数据的分页查询和显示。

1、前提约束

完成分页获取用户信息api

2、技术选型

前端分页插件jquery paginator
前端模板技术 jquery-tmpl
后端分页插件pagehelper

3、导入依赖的js、css

bootstrap.min.3.3.5.css
jquery-1.11.2.min.js
bootstrap.js
jquery.tmpl.js
jquery.pagination.js

4、在webapp下新建一个showstudents.html

<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.3.3.5.css"/>
    <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type