增加系统管理页
This commit is contained in:
shuzheng
parent
cc95ce2bd3
commit
ef9f6dd1aa
|
|
@ -0,0 +1,23 @@
|
|||
package com.zheng.upms.admin.controller;
|
||||
|
||||
import org.slf4j.Logger;
|
||||
import org.slf4j.LoggerFactory;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
/**
|
||||
* 系统controller
|
||||
* Created by shuzheng on 2016/12/18.
|
||||
*/
|
||||
@Controller
|
||||
@RequestMapping("/system")
|
||||
public class SystemController {
|
||||
|
||||
private static Logger _log = LoggerFactory.getLogger(SystemController.class);
|
||||
|
||||
@RequestMapping("/index")
|
||||
public String index() {
|
||||
return "/system/index";
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<%@ 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}"/>
|
||||
<!DOCTYPE HTML>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>系统注册</title>
|
||||
|
||||
<link href="${basePath}/resources/zhengAdmin/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
|
||||
<link href="${basePath}/resources/zhengAdmin/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
|
||||
<link href="${basePath}/resources/zhengAdmin/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
|
||||
<link href="${basePath}/resources/zhengAdmin/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
|
||||
|
||||
<link href="${basePath}/resources/zhengAdmin/css/common.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="toolbar">
|
||||
<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>
|
||||
</div>
|
||||
<table id="table"></table>
|
||||
</div>
|
||||
<script src="${basePath}/resources/zhengAdmin/plugins/jquery.1.12.4.min.js"></script>
|
||||
<script src="${basePath}/resources/zhengAdmin/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
|
||||
<script src="${basePath}/resources/zhengAdmin/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
|
||||
<script src="${basePath}/resources/zhengAdmin/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
|
||||
<script src="${basePath}/resources/zhengAdmin/plugins/waves-0.7.5/waves.min.js"></script>
|
||||
|
||||
<script src="${basePath}/resources/zhengAdmin/js/common.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
// bootstrap table初始化
|
||||
$('#table').bootstrapTable({
|
||||
idField: 'id',
|
||||
url: '${basePath}/resources/zhengAdmin/data/data1.json',
|
||||
height: getHeight(),
|
||||
striped: true,
|
||||
search: true,
|
||||
showRefresh: true,
|
||||
showToggle: true,
|
||||
showColumns: true,
|
||||
minimumCountColumns: 2,
|
||||
showPaginationSwitch: true,
|
||||
clickToSelect: true,
|
||||
detailView: true,
|
||||
detailFormatter: 'detailFormatter',
|
||||
pagination: true,
|
||||
//sidePagination: 'server',
|
||||
idField: 'id',
|
||||
sortName: 'id',
|
||||
sortOrder: 'desc',
|
||||
toolbar: '#toolbar',
|
||||
columns: [
|
||||
{field: 'state', checkbox: true},
|
||||
{field: 'id', title: '编号', sortable: true, halign: 'center'},
|
||||
{field: 'username', title: '账号', sortable: true, halign: 'center'},
|
||||
{field: 'password', title: '密码', sortable: true, halign: 'center'},
|
||||
{field: 'name', title: '姓名', sortable: true, halign: 'center'},
|
||||
{field: 'sex', title: '性别', sortable: true, halign: 'center'},
|
||||
{field: 'age', title: '年龄', sortable: true, halign: 'center'},
|
||||
{field: 'phone', title: '年龄', sortable: true, halign: 'center'},
|
||||
{field: 'email', title: '邮箱', sortable: true, halign: 'center'},
|
||||
{field: 'address', title: '地址', sortable: true, halign: 'center'},
|
||||
{field: 'remark', title: '备注', sortable: true, halign: 'center'},
|
||||
{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, system);
|
||||
},
|
||||
'click .edit': function (e, value, row, index) {
|
||||
alert('You click edit icon, row: ' + JSON.stringify(row));
|
||||
console.log(value, row, system);
|
||||
},
|
||||
'click .remove': function (e, value, row, index) {
|
||||
alert('You click remove icon, row: ' + JSON.stringify(row));
|
||||
console.log(value, row, system);
|
||||
}
|
||||
};
|
||||
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>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue