![[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
效果展示：http://111.231.88.20/front/html/0320/admin.html
admin页面代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理中心</title> </head> <body> <table border="0" cellspacing="0" cellpadding="5" align="center" width="980"> <tr> <td colspan="2"> <iframe src="inc/top.html" name="top" width="100%" height="100" frameborder="0" align="center" scrolling="no"></iframe> </td> </tr> <!-- 分割线 --> <tr><td colspan="2"><hr></td></tr> <tr> <td> <iframe src="inc/m enu.html" name="menu" width="150" height="600" frameborder="0" align="center" scrolling="no"></iframe> </td> <td> <iframe src="inc/default.html" name="content" width="800" height="600" frameborder="0" align="center" scrolling="no"></iframe> </td> </tr> <!-- 分割线 --> <tr><td colspan="2"><hr></td></tr> <tr> <td colspan="2"> <iframe src="inc/footer.html" name="footer" width="100%" height="100" frameborder="0" align="center" scrolling="no"></iframe> </td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
top页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>顶部标题</title> </head> <body> <table> <td valign="middle"><img src="../images/logo.png" height="80"></td> <td width="750"><h1 valign="bottom">商城管理系统</h1></td> <td valign="bottom"><a href="">admin</a> <a href="">退出</a></td> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
菜单栏页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>菜单栏</title> </head> <body> <h4><img src="../images/user.png" height="20">用户管理</h4> <ul type="none"> <li><img src="../images/1.png" height="15"><a href="user.html" target="content"> 会员列表</a></li> <li><img src="../images/1.png" height="15"><a href=""> 分类管理</a></li> </ul> <h4><img src="../images/ware.png" height="20">商品管理</h4> <ul type="none"> <li><img src="../images/1.png" height="15"><a href="ware.html" target="content"> 商品列表</a></li> <li><img src="../images/1.png" height="15"><a href=""> 分类管理</a></li> </ul> <h4><img src="../images/orf.png" height="20">订单管理</h4> <ul type="none"> <li><img src="../images/1.png" height="15"><a href="orf.html" target="content"> 订单列表</a></li> <li><img src="../images/1.png" height="15"><a href=""> 发货查询</a></li> </ul> <h4><img src="../images/set.png" height="20">系统设置</h4> <ul type="none"> <li><img src="../images/1.png" height="15"><a href="set.html" target="content"> 基本设置</a></li> <li><img src="../images/1.png" height="15"><a href=""> 高级设置</a></li> </ul> </body> </html>
点击 "运行实例" 按钮查看在线实例
default页面
<!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> <th width="200" bgcolor="lightyellow">服务器</th> <td width="400">Nginx 1.12</td> </tr> <tr> <th bgcolor="lightyellow">PHP版本</th> <td>PHP5.7</td> </tr> <tr> <th bgcolor="lightyellow">数据库</th> <td>MySQL5.7</td> </tr> <tr> <th bgcolor="lightyellow">可用磁盘空间</th> <td>200G</td> </tr> <tr> <th bgcolor="lightyellow">可用内存</th> <td>2G</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
footer页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页脚</title> </head> <body> <p align="center"> <a href="">PHP学习在线商城</a> ©版权所有 <a href="">备案号：浙ICP-1111111</a> </p> </body> </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> <tr align="center" bgcolor="lightyellow"> <th>ID</th> <th>商品名称</th> <th>图片</th> <th>价格</th> <th>状态</th> <th>添加时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>001</td> <td>iPhoneX</td> <td><img src="../images/iPhonex.png" height="30"></td> <td>8888</td> <td>正常</td> <td>2018-1-1</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>002</td> <td>小米6</td> <td><img src="../images/mi6.png" height="30"></td> <td>2222</td> <td>下架</td> <td>2017-12-8</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>003</td> <td>小米MIX2</td> <td><img src="../images/mix2.png" height="30"></td> <td>3333</td> <td>正常</td> <td>2018-1-9</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>004</td> <td>荣耀9</td> <td><img src="../images/honor9.png" height="30"></td> <td>2333</td> <td>正常</td> <td>2017-12-20</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>005</td> <td>努比亚Z17</td> <td><img src="../images/nubiaz17.png" height="30"></td> <td>2555</td> <td>正常</td> <td>2017-11-11</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </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> <tr align="center" bgcolor="lightyellow"> <th>订单号</th> <th>商品名称</th> <th>图片</th> <th>价格</th> <th>状态</th> <th>购买时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>00111</td> <td>iPhoneX</td> <td><img src="../images/iPhonex.png" height="30"></td> <td>8888</td> <td>已发货</td> <td>2018-1-3</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>00222</td> <td>小米MIX2</td> <td><img src="../images/mix2.png" height="30"></td> <td>3333</td> <td>已发货</td> <td>2018-1-20</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>00333</td> <td>小米MIX2</td> <td><img src="../images/mix2.png" height="30"></td> <td>3333</td> <td>已发货</td> <td>2018-1-24</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>00444</td> <td>荣耀9</td> <td><img src="../images/honor9.png" height="30"></td> <td>2333</td> <td>已发货</td> <td>2017-12-30</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>00555</td> <td>荣耀9</td> <td><img src="../images/honor9.png" height="30"></td> <td>2333</td> <td>待发货</td> <td>2018-1-2</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </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> <tr align="center" bgcolor="lightyellow"> <th>ID</th> <th>会员名</th> <th>头像</th> <th>邮箱</th> <th>状态</th> <th>注册时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>1</td> <td>小毛驴</td> <td><img src="../images/01.jpg" height="30"></td> <td>111@php.cn</td> <td>正常</td> <td>2017-7-7</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>2</td> <td>小毛蛋</td> <td><img src="../images/01.jpg" height="30"></td> <td>222@php.cn</td> <td>禁用</td> <td>2017-8-8</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>3</td> <td>小毛人</td> <td><img src="../images/01.jpg" height="30"></td> <td>333@php.cn</td> <td>正常</td> <td>2017-9-9</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>4</td> <td>小毛虎</td> <td><img src="../images/01.jpg" height="30"></td> <td>444@php.cn</td> <td>正常</td> <td>2017-10-10</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> <tr align="center"> <td>5</td> <td>小毛熊</td> <td><img src="../images/01.jpg" height="30"></td> <td>555@php.cn</td> <td>禁用</td> <td>2017-11-11</td> <td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td> <td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td> </tr> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
设置页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本配置</title> </head> <body> <table border="0" cellspacing="0" cellspacing="5" align="center"> <caption><h3>网址基本配置</h3></caption> <tr><td colspan="2"><hr></td></tr> <tr> <td width="100" align="right"><label for="title"></label>网站标题：</td> <td width="400" align="left"> <input type="text" name="title" id="title" value="" size="50" placeholder="不超过30字符"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键词：</label></td> <td align="left"> <input type="text" name="keywords" id="keywords" value="" size="50" placeholder="不超过50个字符"> </td> </tr> <tr> <td valign="middle" align="right"><label for="summary">网站简介：</label></td> <td align="left"> <textarea name="summary" id="summary" rows="5" cols="51" placeholder="不少于10个字符"> </textarea> </td> </tr> <tr> <td colspan="2" align="center"> <input type="image" name="submit" src="../images/submit.png" width="100"> </td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
手抄代码
