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'