前一段时间因为考试和课程实验截至等问题影响了项目进度，接下来的一周会将之前落下的进度全速补回。
下面附上人脸识别系统前端管理员用户界面的另一部分——
教师信息查询界面增加了分页功能，现在是一页一条：
点击查询后进入对应教师的个人信息界面包含电话，姓名，学号等等：
此外个人信息界面还包括改教师的每一堂课程的记录：
点击查询课程会进入对应课程的信息界面（目前是由对应sql查询得出的该课程对应学生情绪数据图表）：
代码——————
manage.html：
<!DOCTYPE html>
<html>
<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>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="__STATIC__/index/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/index/css/fg-main1.css" >
<link rel="stylesheet" href="__STATIC__/index/css/morris-0.4.3.min.css">
<link rel="stylesheet" href="__STATIC__/index/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="__STATIC__/index/css/include.css" >
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default top-navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">LOGO</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">哈哈</a></li>
<li><a href="#">咨询</a></li>
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">
菜单 <b class="caret"></b>
</a>
<ul class="dropdown-menu ">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li class="divider"></li>
<li><a href="#">4</a></li>
<li class="divider"></li>
<li><a href="#">5</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li>
<a href="index.html"><i class="fa fa-dashboard"></i> 主页 </a>
</li>
<li>
<a href="infor.html"><i class="fa fa-desktop"></i> 个人信息 </a>
</li>
<li>
<a href="manage.html" class="active-menu"><i class="fa fa-bar-chart-o"></i> 管理教师 </a>
</li>
<li>
<a href="rank.html"><i class="fa fa-qrcode"></i> 量化排行 </a>
</li>
<li>
<a href="table.html"><i class="fa fa-table"></i> 查询教师 </a>
</li>
<li>
<a href="form.html"><i class="fa fa-edit"></i> 排课 </a>
</li>
<!--
<li>
<a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level collapse">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
</ul>
</li>
</ul>
</li> -->
<li>
<a href="empty.html"><i class="fa fa-fw fa-file"></i> 空白页 </a>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper">
<div id="page-inner">
<!-- 页头 -->
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
教书管理 <small>查询修改教师信息</small>
</h1>
</div>
</div>
<!-- 页面 -->
<div class="row">
<!-- 个人信息 -->
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<form class="" role="form">
<div class="row">
<div class="col-lg-6">
<div class="input-group">
<div class="input-group-btn">
<select class="form-control input-group-select" id="sel1" style="width:auto">
<option class="active">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<input type="text" class="form-control">
<div class="input-group-btn">
<button class="btn btn-default">搜索</button>
</div>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 --><br>
</div><!-- /.row -->
</form>
</div>
<div class="panel-body">
<table class="table table-bordered table-hover" style="margin-top:20px;">
<th>账号</th>
<th>姓名</th>
<th>邮箱</th>
<th>手机</th>
<th>年龄</th>
<th>GC</th>
<th>school_id</th>
<!-- <th>课程</th> -->
<th>量化</th>
{volist name="data" id="value"}
<tr>
<td>{$value.teacher_id}</td>
<td>{$value.teacher_name}</td>
<td>{$value.email}</td>
<td>{$value.phone_number}</td>
<td>{$value.age}</td>
<td>{$value.gender}</td>
<td>{$value.school_id}</td>
<!-- <td><a href="courseq?id={$value.teacher_id}"><button class="btn btn-default" >查询</button></a></td> -->
<td><a href="personalq?id={$value.teacher_id}"><button class="btn btn-default" >查询</button></a></td>
</tr>
{/volist}
</table>
{$data->render()}
</div>
</div>
</div>
<!-- 当前用户数量 -->
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="__STATIC__/index/js/register.js"></script>
<script src="__STATIC__/index/js/jquery-3.31.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/bootstrap/js/bootstrap.min.js"></script>
<script src="__STATIC__/index/js/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="__STATIC__/index/js/js/jquery-1.8.3.min.js"></script>
<script>
window.jQuery || document.write('<script src="__STATIC__/index/js/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
window.jQuery || document.write('<script src="__STATIC__/index/js/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="__STATIC__/index/js/js/libs/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/js/libs/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap plugins -->
<script src="__STATIC__/index/js/js/bootstrap/bootstrap.js"></script>
<!-- Core plugins ( not remove ever) -->
<!-- Handle responsive view functions -->
<script src="__STATIC__/index/js/js/jRespond.min.js"></script>
<!-- Custom scroll for sidebars,tables and etc. -->
<script src="__STATIC__/index/js/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
<script src="__STATIC__/index/js/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Resize text area in most pages -->
<script src="__STATIC__/index/js/plugins/forms/autosize/jquery.autosize.js"></script>
<!-- Proivde quick search for many widgets -->
<script src="__STATIC__/index/js/plugins/core/quicksearch/jquery.quicksearch.js"></script>
<!-- Bootbox confirm dialog for reset postion on panels -->
<script src="__STATIC__/index/js/plugins/ui/bootbox/bootbox.js"></script>
<!-- Other plugins ( load only nessesary plugins for every page) -->
<script src="__STATIC__/index/js/plugins/core/moment/moment.min.js"></script>
<script src="__STATIC__/index/js/plugins/charts/sparklines/jquery.sparkline.js"></script>
<script src="__STATIC__/index/js/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
<script src="__STATIC__/index/js/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="__STATIC__/index/js/plugins/forms/tags/jquery.tagsinput.min.js"></script>
<script src="__STATIC__/index/js/plugins/forms/tinymce/tinymce.min.js"></script>
<script src="__STATIC__/index/js/plugins/misc/highlight/highlight.pack.js"></script>
<script src="__STATIC__/index/js/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="__STATIC__/index/js/js/jquery.sprFlat.js"></script>
<script src="__STATIC__/index/js/js/app.js"></script>
<script src="__STATIC__/index/js/js/pages/blank.js"></script>
personalq.html:
<!DOCTYPE html>
<html>
<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>
<!-- navber system1 -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="__STATIC__/index/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/index/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="__STATIC__/index/css/morris-0.4.3.min.css">
<!-- system2 -->
<link rel="stylesheet" href="__STATIC__/index/css/css1/plugins.css">
<link rel="stylesheet" href="__STATIC__/index/css/css1/custom.css">
<link rel="stylesheet" href="__STATIC__/index/css/css1/main.css">
<!-- fg -->
<link rel="stylesheet" href="__STATIC__/index/css/fg-main1.css">
<link rel="stylesheet" href="__STATIC__/index/css/include.css">
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default top-navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">LOGO</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">哈哈</a></li>
<li><a href="#">咨询</a></li>
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">
菜单 <b class="caret"></b>
</a>
<ul class="dropdown-menu ">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li class="divider"></li>
<li><a href="#">4</a></li>
<li class="divider"></li>
<li><a href="#">5</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li>
<a href="index.html"><i class="fa fa-dashboard"></i> 主页 </a>
</li>
<li>
<a href="infor.html"><i class="fa fa-desktop"></i> 个人信息 </a>
</li>
<li>
<a href="manage.html" class="active-menu"><i class="fa fa-bar-chart-o"></i> 管理教师 </a>
</li>
<li>
<a href="rank.html"><i class="fa fa-qrcode"></i> 量化排行 </a>
</li>
<li>
<a href="table.html"><i class="fa fa-table"></i> 查询教师 </a>
</li>
<li>
<a href="form.html"><i class="fa fa-edit"></i> 排课 </a>
</li>
<!--
<li>
<a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level collapse">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
</ul>
</li>
</ul>
</li> -->
<li>
<a href="empty.html"><i class="fa fa-fw fa-file"></i> 空白页 </a>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper">
<div id="page-inner">
<!-- 页头 -->
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
个人量化信息 <small>查询个人量化信息</small>
</h1>
</div>
</div>
<!-- 页面 -->
<div class="row">
<div class="col-md-12">
<div class="panel panel-default plain profile-widget">
<div class="panel-body">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="profile-avatar">
<img class="img-responsive" src="__STATIC__/index/img/backgrounds/b2.jpg" alt="@roybarberuk">
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="profile-name">
SuggeElson <span class="label label-success">admin</span>
</div>
<div class="profile-quote">
<p>Building new app with yeoman generator plus grunt and bower, it`s awesome</p>
</div>
<div class="profile-stats-info">
<a href="#" class="tipB" title="Views"><i class="im-eye2"></i> <strong>5600</strong></a>
<a href="#" class="tipB" title="Comments"><i class="im-bubble"></i> <strong>75</strong></a>
<a href="#" class="tipB" title="Likes"><i class="im-heart"></i> <strong>45</strong></a>
</div>
</div>
</div>
<div class="panel-footer white-bg">
<ul class="profile-info">
<li><i class="fa fa-user"></i> name </li>
<li><i class="fa fa-mobile-phone"></i> +234 345 887</li>
<li><i class="fa fa-envelope"></i> [email protected]</li>
<li><i class="fa fa-tags"></i> school id </li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default plain profile-widget">
<div class="panel-heading">
<h4 class="panel-title"><i class=""></i> Page views</h4>
</div>
<div class="panel-body">
<table class="table table-hover">
<th>ID</th>
<th>name</th>
<th>classroom</th>
<th>startime</th>
<th>finishtime</th>
<th>words</th>
<th>score</th>
<th>info</th>
{volist name="data" id="value"}
<tr>
<td>{$value.course_id}</td>
<td>{$value.course_name}</td>
<td>{$value.classroom_id}</td>
<td>{$value.course_start}</td>
<td>{$value.course_finish}</td>
<td></td>
<td></td>
<td><a href="courseq?id={$value.course_id}"><button class="btn btn-default">查询</button></a></td>
</tr>
{/volist}
</table>
{$data->render()}
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-panel-green">
<!-- Start .panel -->
<div class="panel-heading teal-bg">
<h4 class="panel-title"><i class="fa fa-edit"></i> Page views</h4>
</div>
<div class="panel-body" style="padding: 0;">
<img class="img-auto" src="__STATIC__/index/img/backgrounds/l1.jpg" alt="">
</div>
<div class="panel-footer teal-bg">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="tile teal m0" style="height: 150px;">
<div class="tile-content text-center pl0 pr0">
<div id="countYesterday" class="number">69</div>
<h3 style="font-size: 20px;">score</h3>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="tile teal m0" style="height: 150px;">
<div class="tile-content text-center pl0 pr0">
<div id="countYesterday" class="number">69</div>
<h3 style="font-size: 20px;">rank</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /. ROW -->
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><i class=""></i> Page views</h4>
</div>
<div class="panel-body">
<canvas id="myChart1" width="400" height="400"></canvas>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><i class=""></i> Page views</h4>
</div>
<div class="panel-body">
<canvas id="myChart" width="400" height="400"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="__STATIC__/index/js/register.js"></script>
<script src="__STATIC__/index/js/jquery-3.31.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/bootstrap/js/bootstrap.min.js"></script>
<script src="__STATIC__/index/js/dist/Chart.min.js"></script>
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
// scales: {
// yAxes: [{
// ticks: {
// beginAtZero:true
// }
// }]
// }
}
});
var ctx1 = document.getElementById("myChart1");
var myChart1 = new Chart(ctx1, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
</script>
<script src="__STATIC__/index/js/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="__STATIC__/index/js/js/jquery-1.8.3.min.js"></script>
<script>
window.jQuery || document.write('<script src="__STATIC__/index/js/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
window.jQuery || document.write('<script src="__STATIC__/index/js/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="__STATIC__/index/js/js/libs/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/js/libs/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap plugins -->
<script src="__STATIC__/index/js/js/bootstrap/bootstrap.js"></script>
<!-- Core plugins ( not remove ever) -->
<!-- Handle responsive view functions -->
<script src="__STATIC__/index/js/js/jRespond.min.js"></script>
<!-- Custom scroll for sidebars,tables and etc. -->
<script src="__STATIC__/index/js/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
<script src="__STATIC__/index/js/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Resize text area in most pages -->
<script src="__STATIC__/index/js/plugins/forms/autosize/jquery.autosize.js"></script>
<!-- Proivde quick search for many widgets -->
<script src="__STATIC__/index/js/plugins/core/quicksearch/jquery.quicksearch.js"></script>
<!-- Bootbox confirm dialog for reset postion on panels -->
<script src="__STATIC__/index/js/plugins/ui/bootbox/bootbox.js"></script>
<!-- Other plugins ( load only nessesary plugins for every page) -->
<script src="__STATIC__/index/js/plugins/core/moment/moment.min.js"></script>
<script src="__STATIC__/index/js/plugins/charts/sparklines/jquery.sparkline.js"></script>
<script src="__STATIC__/index/js/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
<script src="__STATIC__/index/js/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="__STATIC__/index/js/plugins/forms/tags/jquery.tagsinput.min.js"></script>
<script src="__STATIC__/index/js/plugins/forms/tinymce/tinymce.min.js"></script>
<script src="__STATIC__/index/js/plugins/misc/highlight/highlight.pack.js"></script>
<script src="__STATIC__/index/js/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="__STATIC__/index/js/js/jquery.sprFlat.js"></script>
<script src="__STATIC__/index/js/js/app.js"></script>
<script src="__STATIC__/index/js/js/pages/blank.js"></script>
courseq.html:
<!DOCTYPE html>
<html>
<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>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="__STATIC__/index/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/index/css/fg-main1.css" >
<link rel="stylesheet" href="__STATIC__/index/css/morris-0.4.3.min.css">
<link rel="stylesheet" href="__STATIC__/index/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="__STATIC__/index/css/include.css" >
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default top-navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">LOGO</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">哈哈</a></li>
<li><a href="#">咨询</a></li>
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">
菜单 <b class="caret"></b>
</a>
<ul class="dropdown-menu ">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li class="divider"></li>
<li><a href="#">4</a></li>
<li class="divider"></li>
<li><a href="#">5</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li>
<a href="index.html"><i class="fa fa-dashboard"></i> 主页 </a>
</li>
<li>
<a href="infor.html"><i class="fa fa-desktop"></i> 个人信息 </a>
</li>
<li>
<a href="manage.html" class="active-menu"><i class="fa fa-bar-chart-o"></i> 管理教师 </a>
</li>
<li>
<a href="rank.html"><i class="fa fa-qrcode"></i> 量化排行 </a>
</li>
<li>
<a href="table.html"><i class="fa fa-table"></i> 查询教师 </a>
</li>
<li>
<a href="form.html"><i class="fa fa-edit"></i> 排课 </a>
</li>
<!--
<li>
<a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level collapse">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
</ul>
</li>
</ul>
</li> -->
<li>
<a href="empty.html"><i class="fa fa-fw fa-file"></i> 空白页 </a>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper">
<div id="page-inner">
<!-- 页头 -->
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
教书管理 <small>查询修改教师信息</small>
</h1>
</div>
</div>
<!-- 页面 -->
<!-- /. ROW -->
<div class="row">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
Donut Chart
</div>
<div class="panel-body">
<canvas id="myChart1" width="400" height="400"></canvas>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
Line Chart
</div>
<div class="panel-body">
<canvas id="myChart" width="400" height="400"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="__STATIC__/index/js/register.js"></script>
<script src="__STATIC__/index/js/jquery-3.31.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/bootstrap/js/bootstrap.min.js"></script>
<script src="__STATIC__/index/js/dist/Chart.min.js"></script>
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ["anger", "sadness", "happiness", "neutral", "disgust", "surprise"],
datasets: [{
label: '# of Votes',
data: [{$anger}, {$sadness}, {$happiness}, {$neutral}, {$disgust}, {$surprise}],
backgroundColor: [
'rgba(255, 99, 132, 0.5)',
'rgba(54, 162, 235, 0.5)',
'rgba(255, 206, 86, 0.5)',
'rgba(75, 192, 192, 0.5)',
'rgba(153, 102, 255, 0.5)',
'rgba(255, 159, 64, 0.5)'
],
borderColor: [
],
borderWidth: 2
}]
},
options: {
// scales: {
// yAxes: [{
// ticks: {
// beginAtZero:true
// }
// }]
// }
}
});
</script>
<script>
var ctx1 = document.getElementById("myChart1");
var myChart1 = new Chart(ctx1, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
</script>