CMS内容管理系统之文章信息模块的实现
一、显示文章列表
- 对文章列表进行展示的时候可以使用GridManager表格插件,能够更加方便的展示列表数据,不需要像传统的方式进行拼接或使用jstl+el表达式进行拿值,而且传统的方式太麻烦,也很容易拼接错误。
- 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'