#管理系统分页模板总结|电子爱好者

admin管理员组
文章数量:1616690

前台模板

<div class="ui secondary segment form">
            <!--查询表单需要是form提交数据-->
            <form th:action="/blogs?page=${ adminBlogPage!}&size=${adminBlogSize!}" method="get"
                  class="ui segment form">

                <!--fields代表一个区域,inline缩短区域的效果-->
                <div class="inline fields">
                    <div class="field">
                        <input type="text" name="adminSearchTitle" placeholder="标题" value="${adminSearchTitle!}">
                    </div>
                    <div class="field">
                        <!--dropdown是下拉框效果-->
                        <div class="ui labeled action input">
                            <div class="ui type selection dropdown">
                                <input type="hidden" name="typeId" value="${(type.id)!}">
                                <i class="dropdown icon"></i>
                                <div class="default text"> 分类 </div>
                                <!--menu是菜单-->
                                <div class="menu">
                                    <div data-value="-1" class="item">分类</div>
                                    <#--                                    <div  th:each="type : _{types}" th:data-value="_{type.id}" th:text="_{type.name}" class="item" data-value="1"  >错误日志</div>-->
                                    <#list typeList as type>
                                        <div data-value="${type.id}" class="item">${type.name}</div>
                                    </#list>
                                </div>
                            </div>
                            <a id="clear-btn" href="/admin/blogs"  class="ui compact button">clear</a>
                        </div>

                    </div>
                    <div class="field">
                        <div class="ui checkbox">
                            <input type="checkbox" id="recommend" name="recommend">
                            <label for="recommend">推荐</label>
                        </div>
                    </div>
                    <div class="field">
                        <button type="submit" id="search-btn" class="ui mini teal basic button"><i
                                    class="search icon"></i>搜索
                        </button>
                    </div>
                </div>
            </form>

            <div id="table-container">
                <table th:fragment="blogList" class="ui compact teal table">
                    <thead>
                    <tr>
                        <th></th>
                        <th>标题</th>
                        <th>类型</th>
                        <th>推荐</th>
                        <th>状态</th>
                        <th>更新时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>

                    <#list  pageInfo.list as blogVo>
                        <tr>
                            <td>${blogVo_index}</td>
                            <td>${blogVo.blog.title}</td>
                            <td>${(blogVo.type.name)!""}</td>
                            <td>${(blogVo.blog.recommend==1)?string('是','否')}</td>
                            <td>${(blogVo.blog.published==1)?string('发布','草稿')}</td>
                            <td th:text="_{#dates.format(blog.updateTime,'yyyy-MM-dd')}">2020-3-02</td>
                            <td>
                                <a href="/admin/blogs/${blogVo.blog.id}/input }"
                                   class="ui mini teal basic button">编辑</a>
                                <a href="/admin/blogs/${blogVo.blog.id}/delete}" class="ui mini red basic button">删除</a>
                            </td>
                        </tr>
                    </#list>
                    </tbody>
                    <tfoot>
                    <tr>
                        <th colspan="7">
                            <div class="ui mini pagination menu">
                                <div class="item"><a
                                            href="blogs?adminSearchTitle=${adminSearchTitle!}&adminBlogPage=1">首页</a>
                                </div>
                                <div class="item"><a
                                            href="blogs?adminSearchTitle=${adminSearchTitle!}&adminBlogPage=${pageInfo.prePage}">上一页</a>
                                </div>
                                <#list pageInfo.navigatepageNums as page>
                                    <div class="item"><a
                                                href="blogs?adminSearchTitle=${adminSearchTitle!}&adminBlogPage=${page}">${page}</a>
                                    </div>
                                </#list>

                                <div class="item"><a
                                            href="blogs?adminSearchTitle=${adminSearchTitle!}&adminBlogPage=${(pageInfo.hasNextPage)?string(pageInfo.nextPage?string,pageInfo.pages?string)}">下一页</a>
                                </div>
                                <div class="item"><a
                                            href="blogs?adminSearchTitle=${adminSearchTitle!}&adminBlogPage=${pageInfo.pages}">尾页</a>
                                </div>
                            </div>
                            <a href="#" th:href="@{/admin/blogs/input}" class="ui mini right floated teal basic button">新增</a>
                        </th>
                    </tr>
                    </tfoot>
                </table>

                <div class="ui segment m-inline-block">
                    <p>
                        当前第<span>${pageInfo.pageNum}</span>页，总<span>${pageInfo.pages}</span>页，共<span>${pageInfo.total}</span>条记录
                    </p>
                </div>

 @GetMapping({"blogs"})
    public String blogsSimpleGet(
            @RequestParam(defaultValue = "1") Integer adminBlogPage,
            @RequestParam(defaultValue = "5") Integer adminBlogSize,
            @RequestParam(defaultValue = "") String adminSearchTitle,
            @RequestParam(required = false) Boolean recommend,
            @RequestParam(required = false) Long typeId,
            HttpSession session,
            Model model
    ) {

        model.addAttribute("adminBlogPage",adminBlogPage);
        model.addAttribute("adminBlogSize",adminBlogSize);
        model.addAttribute("adminSearchTitle",adminSearchTitle);
        // session.setAttribute("typeId",typeId);

        //获取 type 标签

        List<Type> types =  typeService.selectByExample(new TypeExample());
        List<BlogVO> blogList = blogService.selectBlogWithType(adminBlogPage,adminBlogSize,adminSearchTitle,recommend);
        if(typeId!=null) {
            Optional<Type> type = types.stream().filter(ty -> typeId.equals(ty.getId())).findAny();
            model.addAttribute("type",type.orElse(null));
        }
        //存入标签
        model.addAttribute("typeList",types);
        model.addAttribute("pageInfo",new PageInfo<BlogVO>(blogList));

        return "admin/blogs";
    }

一对多，sql 语句一般都用 left join 查询

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis//DTD Mapper 3.0//EN" "http://mybatis/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.lyr.blog3.mapper.manual.BlogVOMapper">
    <resultMap id="blogVOMap" type="com.lyr.blog3.pojo.vo.BlogVO">

        <association property="blog" javaType="com.lyr.blog3.pojo.po.Blog">
            <id     property="id" column="id"/>
            <result property="title" column="title"/>
            <result property="content" column="content"/>
            <result property="flag" column="flag"/>
            <result property="views" column="views"/>
            <result property="updateTime" column="update_time"/>
            <result property="typeId" column="type_id"/>
            <result property="firstPicture" column="first_picture"/>
            <result property="shareStatement" column="share_statement"/>
            <result property="published" column="published"/>
            <result property="appreciation" column="appreciation"/>
            <result property="commentabled" column="commentabled"/>

            <result property="recommend" column="recommend"/>
            <result property="createTime" column="create_time"/>
            <result property="typeId" column="type_id"/>
            <result property="userId" column="user_id"/>
            <result property="tagIds" column="tag_ids"/>
        </association>
        <association property="type" javaType="com.lyr.blog3.pojo.po.Type">
            <id property="id" column="typeid"/>
            <result property="name" column="typename"/>
        </association>
        <association property="user" javaType="com.lyr.blog3.pojo.po.User">
            <id property="id" column="uid"/>
            <result property="nickname" column="nickname"/>
            <result property="username" column="username"/>
            <result property="email" column="email"/>
            <result property="avatar" column="avatar"/>
        </association>
        <collection property="tags" ofType="com.lyr.blog3.pojo.po.Tag">
            <id property="id" column="tagid"/>
            <result property="name" column="tagname"/>
        </collection>
    </resultMap>
    <sql id="blog_all_Column_List">

        b.id, b.title, b.first_picture,b.flag, b.views,b.appreciation, b.share_statement, b.commentabled,
        b.published, b.recommend, b.create_time, b.update_time, b.type_id, b.user_id, b.tag_ids
    </sql>
    <sql id="tag_all_Column_List">

        t.`id` as typeid, t.`name` as typename
    </sql>

    <select id="selectBlogList" resultMap="blogVOMap" >
        select <include refid="blog_all_Column_List" />,<include refid="tag_all_Column_List" />

        from t_blog b left join t_type t on  b.`type_id` = t.`id` where 1=1
        <if test="searchTitle!='' and searchTitle!=null ">
            and  b.title like concat('%',#{searchTitle},'%')
        </if>
        <if test="recommend">
            and b.recommend = 1
        </if>


    </select>

</mapper>

总结技巧，比如分页搜索，一般会在搜索框中加个 <input type=hidden /> 保存上一页的记录，比如当前的 page 页数，当前搜索的数量
，还有上一次请求的搜索参数，也一起设置

本文标签：管理系统分页模板

版权声明：本文标题：#管理系统分页模板总结内容由热心网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：https://www.elefans.com/xitong/1728742297a1171197.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

更多相关文章

xp系统

springboot医疗挂号管理系统

5天前

摘要在如今社会上，关于信息上面的处理，没有任何一个企业或者个人会忽视，如何让信息急速传递，并且归档储存查询，采用之前的纸张记录

基于Java的海鲜超市管理系统在线购物管理系统毕业设计课设

5天前

需要源码的联系方式请查看文末摘要近年来，科技飞速发展，在经济全球化的背景之下，互联网技术将进一步提高社会综合发展的效率和速度，互联网技术也会涉及到

基于Python的宿舍管理系统基于Spring Boot的学生宿舍管理系统计算机专业课设

5天前

摘要宿舍管理系统是一种基于计算机技术的管理工具，旨在提高学生宿舍管理的效率、准确性和安全性。随着高校规模的不断扩大和学生数量的增加，宿舍管理工作变得愈发复杂，传统的手工管

springboot高校科研成果管理系统-计算机毕业设计源码48574

5天前

摘要随着科研规模和复杂度的增加，管理科研成果、经费申请等方面变得愈发困难，需要系统化的管理工具进行支持。并且科研活动产生的数据量庞大，也越来越来越多的成果涌现&#x

智能停车场管理系统(Java+ssm+万字文档+系统源码+数据库 +调试)

5天前

摘要随着信息化时代的到来，管理系统都趋向于智能化、系统化，智能停车场管理系统也不例外，但目前国内的市场仍都使用人工管理，市场规模越来越大&#

基于python的停车场管理系统的设计与实现智能停车管理系统

5天前

摘要车位信息是停车场供应用户必不可少的一个部分。在停车场发展的整个过程中，车位信息担负着最重要的角色。为满足如今日益复杂的管理需求，各类系统管理程序也在不断改进。本课题所设计的停车场管理系统&a

基于Springboot的校园志愿者管理系统

5天前

摘要随着信息化时代的到来，管理系统都趋向于智能化、系统化，校园志愿者管理系统也不例外，但目前国内仍都使用人工管理，市场规模越来越大&#xff

latex_5_一篇IEEE模板以及遇到的问题和解决方案

5天前

latex_5_一篇IEEE模板以及遇到的问题和解决方案模板链接：https:giteeclimb-the-windothersblobmasterIEEE-open-journal-template

基于PYTHON游乐场服务管理系统的设计与实现

5天前

摘要项目门票是游乐园必不可少的一个部分。在游乐园发展的整个过程中，项目门票担负着最重要的角色。为满足如今日益复杂的管理需求，各类管理系统程序也在不断改进。本课题所设计的游乐场服务管理系统&

w10 计算机配置管理模板,Win10系统这些设置能提高电脑的使用效率

4天前

原标题：Win10系统这些设置能提高电脑的使用效率如果你现在使用的是win10系统，那么这里提供的一些设置可以收藏因为它可以让电脑变的更加好用。 1：开启Administr

新版V10MXone Pro自适应苹果CMS影视模板亲测

3天前

正文: 苹果cmsV10MXone Pro自适应模板，本人亲测，此模板带有暗黑模式，白天晚上自动切换。全新UI全新框架，加载响应速度更快&

2024苹果cms MXoneV10 10.8版本模板分享

3天前

2023-03-11 V10.8 更新记录 2023-3-11 添加了教程安装说明等其他引导,老用户无需重新下载不影响 2023-2-13 修复一个小 bug，修复一个公共库失效的问题，以及部分地

（附源码）SSM计算机系统结构综合考核管理系统-计算机毕设 26480

2天前

ssm计算机系统结构综合考核管理系统摘要随着社会的发展，社会的方方面面都在利用信息化时代的优势。互联网的优势和普及使得各种系统的开发成为必需。本文以实际运用为开发背景，运用软件工程原理和开

excel制作订单管理系统_如何在Excel中制作订单

2天前

excel制作订单管理系统 When you first start to use Excel, you probably work with files that somebody else set up. Eventually, you

spring-boot修改mybatisPlus的分页插件的size，current，total参数名称！！！

1天前

前几天项目中需要对分页插件返回的size，current，total这3个参数的名称进行修改，在网上找了半年都没有，只好自己解决了。首先分页插件肯定是

外贸常用邮件模板-客户投诉要如何处理？

4小时前

外贸业务人员在与国外客户长期合作的过程当中，很难完全避免所有业务环节都万无一失，在整个订单的开发执行和成交售后过程当中，一旦出现某些问题导致客户投诉，将

ssm婚纱摄影管理系统的设计+1.2w字论文+免费调试

4小时前

项目演示视频： ssm婚纱摄影管理系统的设计项目介绍: 随着现在网络的快速发展，网上管理系统也逐渐快速发展起来，网上管理模式很快融入到了许多商家的之中&#xff0c