teacher页面的代码

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Title</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="css/user.css">
<link rel="stylesheet" href="css/teacher.css">
<script src="JavaScript/jquery-2.2.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>

<body>

<div class="user_bac_img_div">
<img class="user_bac_img" src="img/user_img1.jpg" alt="">
</div>

<nav id="user_nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<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>0
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">SoftWare</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
/下拉菜单/
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#" id="exit">退出登录</a></li>
</ul>
</li>
<li><a href="" style=" 50px"> </a></li>
</ul>
</div>
</nav>
<div class="user_name">teacher</div>
<div class="container">
<div class="row" id="work">
<div class="col-lg-3">
<ul class="list-group">
<li class="list-group-item"><span style=" 80px" class="center-block"><a href="#" class="user_list"
list="1">发布作业</a></span>
</li>
<li class="list-group-item"><span style=" 80px" class="center-block"><a href="#" class="user_list"
list="2">作业评分</a></span>
</li>
<li class="list-group-item"><span style=" 80px" class="center-block"><a href="#" class="user_list"
list="3">成绩查看</a></span>
</li>
<li class="list-group-item"><span style=" 80px" class="center-block"><a href="#" class="user_list"
list="4">网站管理</a></span>
</li>
</ul>
</div>
<div class="col-lg-9" id="user_list1">
<div class="panel panel-default">
<div class="panel-heading">发布作业</div>
<div class="panel-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-sm-2 control-label">作业标题:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="user_list1_work_title"
placeholder="请输入标题">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">作业链接:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="user_list1_url"
placeholder="请输入链接">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">完成时间:</label>
<div class="col-sm-10">
<input type="text" style="font-size: 14px;height: 34px;padding: 6px 12px;"
id="user_list1_work_time"
placeholder="请输入完成时间">
<label for="lastname" class="control-label">天</label>
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">选择班级:</label>
<div class="col-sm-10">
<select class="major" id="user_list1_major">

</select>
</div>
</div>

<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default" id="user_list1_submit">
发布
</button>
</div>
</div>
</form>
</div>
</div>

</div>

<div class="col-lg-9" id="user_list2" style="display: none">
<div class="panel panel-default">
<div class="panel-heading">条件筛选</div>
<div class="panel-body">
<label for="lastname" class="col-sm-2">选择班级:</label>
<div class="col-sm-10">
<select class="major" id="user_list2_major">

</select>
</div>
<label for="lastname" class="col-sm-2">选择题目:</label>
<div class="col-sm-10">

</div>
</div>
<div class="panel-footer">
<div class="col-sm-offset-2">
<button type="submit" class="btn btn-default" id="user_list2_submit">
选择
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-9" id="user_list3" style="display: none">
<div class="panel panel-default">
<div class="panel-heading">条件筛选</div>
<div class="panel-body">
<label for="lastname" class="col-sm-2">选择班级:</label>
<div class="col-sm-10">
<select class="major" id="user_list3_major">

</div>
</div>
<div class="panel-footer">
<div class="col-sm-offset-2">
<button type="submit" class="btn btn-default" id="user_list3_submit">
选择
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-9" id="user_list4" style="display: none">
<div class="panel panel-default">
<div class="panel-heading">网站维护</div>
<div class="panel-body">
<label for="lastname" class="col-sm-2 control-label">数据库管理:</label>
<a class="col-sm-10" href="/phpMyAdmin" target="_blank">phpMyAdmin</a>
<br><br>
<label for="firstname" class="col-sm-2 control-label">增加班级:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="user_list4_major"
placeholder="请输入班级">
</div>
</div>
<div class="panel-footer">
<div class="col-sm-offset-2">
<button type="submit" class="btn btn-default" id="user_list4_submit">
增加
</button>
</div>
</div>
</div>
</div>
</div>
<!-- 提交作业的模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel">
<!--js追加的标题-->
</h4>
</div>
<div class="modal-body">
<label for="exampleInputName2">输入作业链接</label>
<input type="text" class="form-control" id="work_link" placeholder="作业链接URL地址">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="submit_work">
提交作业
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- 设置的模态框(Modal) -->
<div class="modal fade" id="setModal" tabindex="-1" role="dialog"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">
@times;
</button>
/模态框的基本结构/
<h4 class="modal-title">
个人设置
</h4>
</div>
<label class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;名字:</label>
<input type="text" placeholder="请输入名字" id="nickname">
<br><br>
<label class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;头像:</label>
<input type="text" placeholder="请输入头像的url链接" id="user_pic">
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="submit_set">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>

</body>

</html>

原文地址:https://www.cnblogs.com/www2014551531/p/5429718.html