CMS内容管理系统之文章信息模块的实现

CMS内容管理系统之文章信息模块的实现

一、显示文章列表

  1. 对文章列表进行展示的时候可以使用GridManager表格插件,能够更加方便的展示列表数据,不需要像传统的方式进行拼接或使用jstl+el表达式进行拿值,而且传统的方式太麻烦,也很容易拼接错误。
  2. columnData里面的key值就是文章信息实体类中对应的字段,text为每列数据对应的标题名。通过ajax向后台发送获取所有的文章信息的请求,前台拿到文章的所有信息就可以让数据在列表中展示出来。

注意:GridManager表格插件接收后台返回的数据格式必须是data和totals的格式,这个时候后台可以返回一个Map<String,Object>格式或者是将data和totals单独封装成一个类然后后台直接返回一个实体类对象。

前台页面列表展示:

<!-- 存放table列表 -->
<table id='table-demo-ajaxPageCode'></table>
document.querySelector('#table-demo-ajaxPageCode').GM({
   
   
    gridManagerName: 'demo-ajaxPageCode',
    ajaxData: '/system/article/findAll',
    ajaxType: 'POST',
    supportAjaxPage: true,//是否支持分页
    sizeData:[5,10,15,20],//每页显示条数的下拉框
    pageSize:5,//初始时每页显示的条数
    currentPageKey:'currentPage',//当前页的键值
    pageSizeKey:'pageCount',//每页条数的键值
    height:"100%",//表格显示的高度为百分百
    columnData: [
        {
   
   
            key: 'title',
            text: '标题',
            align: 'center'//文字居中显示
        },{
   
   
            key: 'url',
            text: '地址'
        },{
   
   
            key: 'type',
            text: '分类',
            template: function(cell, row, index, key){
   
   
                return cell.name;
            },
            align: 'center'
        },{
   
   
            key: 'clickCount',
            text: '点击量',
            align: 'center'
        },{
   
   
        	key:'enable'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值