![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：作业已检查！
完成的不错！大赞！！
Collection
Collection
admin.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生后台管理</title> </head> <body> <table border="0" cellpadding="5" cellspacing="0" align="center" width="960"> <tr> <td colspan="2"> <iframe src="inc/top.html" name="top" height="70" width="100%" frameborder="0" scrolling="no"></iframe> </td> </tr> <tr><td colspan="2" width="100%"><hr></td></tr> <tr> <td> <iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" scrolling="no" align="center"></iframe> </td> <td> <iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" scrolling="no" align="center"></iframe> </td> </tr> <tr><td colspan="2" width="100%"><hr></td></tr> <tr> <td colspan="2"> <iframe src="inc/footer.html" name="footer" height="70" width="100%" frameborder="0" scrolling="no"></iframe> </td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/comment.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生评价</title> </head> <body> <table border="1" cellpadding="5" cellspacing="0" align="center"> <caption><h3>学生评价表</h3><hr></caption> <tr align="center"> <td>项目</td> <td>等级</td> </tr> <tr align="center"> <td>理论知识</td> <td> <input type="radio" name="level1" value="excellent">优秀 <input type="radio" name="level1" value="good">良好 <input type="radio" name="level1" value="pass">及格 <input type="radio" name="level1" value="fail">不及格 </td> </tr> <tr align="center"> <td>实践操作</td> <td> <input type="radio" name="level2" value="excellent">优秀 <input type="radio" name="level2" value="good">良好 <input type="radio" name="level2" value="pass">及格 <input type="radio" name="level2" value="fail">不及格 </td> </tr> <tr align="center"> <td>综合评定</td> <td> <input type="radio" name="level3" value="excellent">优秀 <input type="radio" name="level3" value="good">良好 <input type="radio" name="level3" value="pass">及格 <input type="radio" name="level3" value="fail">不及格 </td> </tr> <tr> <td><label for="comment">评语</label></td> <td><textarea id="comment" name="comment" value="" rows="5" cols="50" placeholder="不多于300个字符"></textarea></td> </tr> <tr> <td colspan="2" align="center"> <input type="image" name="submit" src="../images/005.jpg" width="90"> </td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/course.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>课程信息表</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%" > <caption> <h3>课程表 <small><a href="">添加</a></small> </h3> </caption> <thead> <tr bgcolor="yellow"> <th colspan="2">时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th colspan="2" rowspan="2">操作</th> </tr> </thead> <tbody> <tr align="center"> <td rowspan="4" bgcolor="gray">上午</td> <td>第一节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第二节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第三节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第四节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center" bgcolor="skyblue"> <td colspan="9"><img src="./images/005.jpg" alt="玩耍" width="30">休息</td> </tr> <tr align="center"> <td rowspan="4" bgcolor="gray">下午</td> <td>第五节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第六节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第七节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>第八节</td> <td>HTML</td> <td>CSS</td> <td>JS</td> <td>PHP</td> <td>JAVA</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/default.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台默认首页</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center"> <caption><h3>操作选择</h3></caption> <tr> <td>年级选择</td> <td> <select name="level"> <option value="">大一</option> <option value="">大二</option> <option value="">大三</option> <option value="">大四</option> </select> </td> </tr> <tr> <td>专业选择</td> <td> <select name="subject"> <option value="">信息工程</option> <option value="">工商管理</option> <option value="">国际经济与贸易</option> <option value="">英语</option> <option value="">环境工程</option> </select> </td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/footer.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>footer</title> </head> <body> <p align="center"> <a href="">学生后台管理系统</a> ©版权所有 <a href="">备案号：没有</a> </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/left.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left-menu</title> </head> <body> <h4><img src="../images/005.jpg" width="30">学生管理</h4> <ul type="none"> <li><img src="../images/005.jpg" width="20"><a href="student.html" target="right">学生查询</a></li> <li><img src="../images/005.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="../images/005.jpg" width="30">专业管理</h4> <ul type="none"> <li><img src="../images/005.jpg" width="20"><a href="subject.html" target="right">专业查询</a></li> <li><img src="../images/005.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="../images/005.jpg" width="30">课表管理</h4> <ul type="none"> <li><img src="../images/005.jpg" width="20"><a href="course.html" target="right">课表查询</a></li> <li><img src="../images/005.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="../images/005.jpg" width="30">评价管理</h4> <ul type="none"> <li><img src="../images/005.jpg" width="20"><a href="comment.html" target="right">学生评价</a></li> <li><img src="../images/005.jpg" width="20"><a href="">教师评价</a></li> </ul> <hr> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/student.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生管理</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%" > <caption><h3>学生管理<small><a href="">添加</a></small></h3></caption> <thead> <tr bgcolor="skyblue"> <th>学号</th> <th>姓名</th> <th>照片</th> <th>班级</th> <th>邮箱</th> <th>入学时间</th> <th colspan="2">操作</th> </tr> </thead> <tbody> <tr align="center"> <td>000001</td> <td>小李</td> <td><img src="../images/005.jpg" width="30"></td> <td>1001班</td> <td>aaa@php.cn</td> <td>2018-01-23</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>000002</td> <td>小王</td> <td><img src="../images/005.jpg" width="30"></td> <td>1001班</td> <td>bbb@php.cn</td> <td>2018-01-22</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>000003</td> <td>小赵</td> <td><img src="../images/005.jpg" width="30"></td> <td>1002班</td> <td>ccc@php.cn</td> <td>2018-01-22</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>000004</td> <td>小钱</td> <td><img src="../images/005.jpg" width="30"></td> <td>1003班</td> <td>ddd@php.cn</td> <td>2018-01-12</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>000005</td> <td>小孙</td> <td><img src="../images/005.jpg" width="30"></td> <td>1003班</td> <td>eee@php.cn</td> <td>2018-02-26</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> <input type="text" name="search" placeholder="输入姓名或学号进行查询"><a href="">查询</a> </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/subject.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>专业管理</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%" > <caption><h3>专业管理<small><a href="">添加</a></small></h3></caption> <thead> <tr bgcolor="skyblue"> <th>序号</th> <th>专业名称</th> <th colspan="2">操作</th> </tr> </thead> <tbody> <tr align="center"> <td>01</td> <td>信息工程</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>02</td> <td>工商管理</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>03</td> <td>国际经济与贸易</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>04</td> <td>英语</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>05</td> <td>环境工程</td> <td> <a href=""><img src="../images/005.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/005.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> <input type="text" name="search" placeholder="输入专业名称进行查询"><a href="">查询</a> </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
inc/top.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>top</title> </head> <body> <table border="0"> <tr> <td valign="middle"><img src="../images/005.jpg" width="40"></td> <td valign="middle" width="650"><h2>学生后台管理</h2></td> <td align="right"><a href="">admin</a> <a href="">退出</a></td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
手抄代码：
