Skip to content

Z
zheng

fenghuo12 / zheng
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
Z
zheng

体验新版 GitCode，发现更多精彩内容 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.jsp 5.0 KB
Newer Older
shuzheng5201314's avatar
完成标签基本管理  
shuzheng5201314 已提交
1 2 3 4 5 6 7 
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
8 9 
<!DOCTYPE HTML>
<html lang="zh-cn">
shuzheng5201314's avatar
完成标签基本管理  
shuzheng5201314 已提交
10 
<head>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
11 12 13 
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
shuzheng5201314's avatar
标签接入zheng-admin  
shuzheng5201314 已提交
14 
	<title>标签列表</title>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
15 16 17 18 19 20 21 

	<link href="${basePath}/resources/zheng-admin/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="${basePath}/resources/zheng-admin/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
	<link href="${basePath}/resources/zheng-admin/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
	<link href="${basePath}/resources/zheng-admin/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>

	<link href="${basePath}/resources/zheng-admin/css/common.css" rel="stylesheet"/>
shuzheng5201314's avatar
完成标签基本管理  
shuzheng5201314 已提交
22 23 
</head>
<body>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
24 25 
<div id="main">
	<div id="toolbar">
shuzheng5201314's avatar
标签接入zheng-admin  
shuzheng5201314 已提交
26 27 28 
		<a class="waves-effect waves-button" href="javascript:;"><i class="zmdi zmdi-plus"></i> 新增标签</a>
		<a class="waves-effect waves-button" href="javascript:;"><i class="zmdi zmdi-edit"></i> 编辑标签</a>
		<a class="waves-effect waves-button" href="javascript:;"><i class="zmdi zmdi-close"></i> 删除标签</a>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
29 30 
	</div>
	<table id="table"></table>
shuzheng5201314's avatar
完成标签基本管理  
shuzheng5201314 已提交
31 
</div>
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
32 33 34 35 36 37 38 39 40 41 42 
<script src="${basePath}/resources/zheng-admin/plugins/jquery.1.12.4.min.js"></script>
<script src="${basePath}/resources/zheng-admin/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-admin/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-admin/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-admin/plugins/waves-0.7.5/waves.min.js"></script>

<script src="${basePath}/resources/zheng-admin/js/common.js"></script>
<script>
	$(function() {
		// bootstrap table初始化
		$('#table').bootstrapTable({
shuzheng5201314's avatar
标签接入zheng-admin  
shuzheng5201314 已提交
43 
			url: '${basePath}/manage/tag/list',
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 
			height: getHeight(),
			striped: true,
			search: true,
			searchOnEnterKey: true,
			showRefresh: true,
			showToggle: true,
			showColumns: true,
			minimumCountColumns: 2,
			showPaginationSwitch: true,
			clickToSelect: true,
			detailView: true,
			detailFormatter: 'detailFormatter',
			pagination: true,
			paginationLoop: false,
			classes: 'table table-hover table-no-bordered',
shuzheng5201314's avatar
标签接入zheng-admin  
shuzheng5201314 已提交
59 60 61 
			sidePagination: 'server',
			idField: 'tag_id',
			sortName: 'tag_id',
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
62 63 64 65 
			sortOrder: 'desc',
			toolbar: '#toolbar',
			columns: [
				{field: 'state', checkbox: true},
shuzheng5201314's avatar
标签接入zheng-admin  
shuzheng5201314 已提交
66 67 68 69 70 71 72 
				{field: 'tagId', title: '编号', sortable: true, halign: 'center'},
				{field: 'name', title: '标签名称', sortable: true, halign: 'center'},
				{field: 'description', title: '标签描述', sortable: true, halign: 'center'},
				{field: 'icon', title: '图标', sortable: true, halign: 'center'},
				{field: 'type', title: '类型', sortable: true, halign: 'center'},
				{field: 'alias', title: '别名', sortable: true, halign: 'center'},
				{field: 'ctime', title: '创建时间', sortable: true, halign: 'center'},
shuzheng5201314's avatar
修改zheng-admin资源文件路径  
shuzheng5201314 已提交
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 
				{field: 'action', title: '操作', halign: 'center', align: 'center', formatter: 'actionFormatter', events: 'actionEvents'}
			]
		}).on('all.bs.table', function (e, name, args) {
			$('[data-toggle="tooltip"]').tooltip();
			$('[data-toggle="popover"]').popover();
		});
		$(window).resize(function () {
			$('#table').bootstrapTable('resetView', {
				height: getHeight()
			});
		});
	});
	function actionFormatter(value, row, index) {
		return [
			'<a class="like" href="javascript:void(0)" data-toggle="tooltip" title="Like"><i class="glyphicon glyphicon-heart"></i></a>　',
			'<a class="edit ml10" href="javascript:void(0)" data-toggle="tooltip" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>　',
			'<a class="remove ml10" href="javascript:void(0)" data-toggle="tooltip" title="Remove"><i class="glyphicon glyphicon-remove"></i></a>'
		].join('');
	}

	window.actionEvents = {
		'click .like': function (e, value, row, index) {
			alert('You click like icon, row: ' + JSON.stringify(row));
			console.log(value, row, index);
		},
		'click .edit': function (e, value, row, index) {
			alert('You click edit icon, row: ' + JSON.stringify(row));
			console.log(value, row, index);
		},
		'click .remove': function (e, value, row, index) {
			alert('You click remove icon, row: ' + JSON.stringify(row));
			console.log(value, row, index);
		}
	};
	function detailFormatter(index, row) {
		var html = [];
		$.each(row, function (key, value) {
			html.push('<p><b>' + key + ':</b> ' + value + '</p>');
		});
		return html.join('');
	}
	function getHeight() {
		return $(window).height() - 20;
	}
</script>
shuzheng5201314's avatar
完成标签基本管理  
shuzheng5201314 已提交
118 119 
</body>
</html>