cms项目功能介绍

cms项目功能介绍

前端使用框架

1.1使用bootstrap
1.2使用jQuery框架
1.3使用GridManager

后端使用框架

2.1springmvc
2.2spring
2.3mybatis

后台管理系统：

这是使用GridManager插件实现的展示效果，分页功能

代码：

document.querySelector('#table-demo-ajaxPageCode').GM({
   
	gridManagerName: 'demo-ajaxPageCode',
	ajaxData: '/system/article/list',
	ajaxType: 'POST',
	supportAjaxPage: true,
	upportAdjust: false,
	supportDrag: false,
	sizeData: [5,6,15,20,25],
	pageSize: 5,
	currentPageKey: "localPage",
	pageSizeKey: "pageSize",
	columnData: [
		{
   
			key: 'title',
			align: 'center',
			text: '文章标题'
		},{
   
			key: 'type',
			align: 'center',
			text: '文章类型',
			template: function(cell, row, index, key){
   
				//cell:当前key对应的值   ，row：当前行对象 ，index，当前对象的下标 ，key就是当前值
				return cell.name;
			},
		},{
   
			key: 'url',
			align: 'center',
			text: '文章地址'
		},{
   
			key: 'clickCount',
			align: 'center',
			text: '点击次数'
		},{
   
			key: 'content',
			align: 'center',
			text: '文章内容'
		},{
   
			key: 'createDate',
			align: 'center',
			text: '创建时间'
		},{
   
			key: 'enable',
			align: 'center',
			text: '是否启用',
			template: function(cell, row, index, key){
   
				//cell:当前key对应的值   ，row：当前行对象 ，index，当前对象的下标 ，key就是当前值
				return cell?"启用":"禁用";
			},
		},{
   
			key: 'id',
			align: 'center',
			text: '操作&nbsp;&nbsp;<a id="add" style="color:blue;" href="javascript:;">添加</a>',
			template: function(cell, row, index, key){
   
				var rows = JSON.stringify(row);
				//cell:当前key对应的值   ，row：当前行对象 ，index，当前对象的下标 ，key就是当前值
				return "<a data-update='"+rows+"' style='color:blue;' href