![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
实例 admin首页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在线商城管理系统</title> </head> <body> <table border="0" width="960" align="center" cellspacing="1" cellpadding="5"> <tr> <td colspan="2"> <iframe src="ipc/top.html" frameborder="0" name="top" width="100%" height="70" scrolling="no"></iframe> </td> </tr> <!-- 中间主体信息 --> <tr> <td colspan="2" width="100%" height="2"><hr></td> </tr> <tr> <!-- 左侧菜单 --> <td> <iframe src="ipc/left.html" width="140" height="600" align="center" frameborder="0" scrolling="no"></iframe> </td> <!-- 右侧内容 --> <td> <iframe src="ipc/right.html" name="right" width="800" height="600" align="center" frameborder="0" scrolling="no"></iframe> </td> </tr> <!-- 底部信息 --> <tr> <td colspan="2"> <iframe src="ipc/footr.html" frameborder="0" width="100%" height="80" scrolling="no"></iframe> </td> </tr> </table> </body> </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="../imager/logo.jpg" alt="logo" width="40"> </td> <td width="650" valign="middle"><h2 align="left">在线商城管理系统</h2></td> <td><a href="#">admin</a> <a href="#">退出</a></td> </tr> </table> </body> </html> 左侧代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left</title> </head> <body> <h3><img src="../imager/folder.jpg" width="30" alt="">商品管理</h3> <ul type="none"> <li><img src="../imager/file.jpg" width="20" alt=""><a href="chaxun.html" target="right">商品查询</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">商品录入</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">库存管理</a></li> </ul> <hr> <h3><img src="../imager/folder.jpg" width="30" alt="">销售管理</h3> <ul type="none"> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">今日销量</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">昨天销量</a></li> </ul> <hr> <h3><img src="../imager/folder.jpg" width="30" alt="">活动管理</h3> <ul type="none"> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">促销商品</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">创意商品</a></li> </ul> <hr> <h3><img src="../imager/user.jpg" width="30" alt="">用户管理</h3> <ul type="none"> <li><img src="../imager/file.jpg" width="20" alt=""><a href="liebiao.html" target="right">用户列表</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="">角色管理</a></li> <li><img src="../imager/file.jpg" width="20" alt=""><a href="peizhi.html" target="right">网站配置</a></li> </ul> </body> </html> 右侧代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>right</title> </head> <body> <p align="center">欢迎进入电子商务管理系统</p> </body> </html> 底部代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>底部</title> </head> <body> <p align="center"><a href="#">在线管理系统 ©版权所有 粤ICP：00000000</a></p> </body> </html> 商品查询代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>商品查询</title> </head> <body> <table border="1" cellspacing="0" cellpadding="10" align="center"> <tr bgcolor="lightblue"> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>商品操作</th> <th>实付金额</th> <th>交易状态</th> <th>操作</th> </tr> <tr align="center"> <td><img src="../imager/daier.jpg" alt="戴尔笔记本" width="50">戴尔笔记本游戏本电脑</td> <td>5299</td> <td>1</td> <td> <a href="#">申请售后</a><br> <a href="#">投诉商家</a> </td> <td>5299</td> <td>交易成功</td> <td> <a href=""><img src="../imager/bj.png" alt="编辑商品，仅自己可见" title="编辑商品，仅自己可见" width="20"></a> <a href=""><img src="../imager/sc.png" alt="收藏商品" title="收藏商品" width="20"></a> </td> </tr> <tr align="center"> <td><img src="../imager/huashou.jpg" alt="戴尔笔记本" width="50">华硕台式电脑</td> <td>5299</td> <td>1</td> <td> <a href="#">申请售后</a><br> <a href="#">投诉商家</a> </td> <td>5299</td> <td>交易成功</td> <td> <a href=""><img src="../imager/bj.png" alt="编辑商品，仅自己可见" title="编辑商品，仅自己可见" width="20"></a> <a href=""><img src="../imager/sc.png" alt="收藏商品" title="收藏商品" width="20"></a> </td> </tr> <tr align="center"> <td><img src="../imager/huashou.jpg" alt="戴尔笔记本" width="50">戴尔笔记本游戏本电脑</td> <td>5299</td> <td>1</td> <td> <a href="#">申请售后</a><br> <a href="#">投诉商家</a> </td> <td>5299</td> <td>交易成功</td> <td> <a href=""><img src="../imager/bj.png" alt="编辑商品，仅自己可见" title="编辑商品，仅自己可见" width="20"></a> <a href=""><img src="../imager/sc.png" alt="收藏商品" title="收藏商品" width="20"></a> </td> </tr> </table> </body> </html> 用户列表代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户列表</title> </head> <body> <table border="1" align="center" cellpadding="20" cellspacing="0"> <tr bgcolor="lightblue"> <th>用户名</th> <th>用户等级</th> <th>绑定账号</th> <th>账户存款</th> <th width="100">注册时间</th> </tr> <tr> <td>sskk</td> <td>普通会员</td> <td>12884678</td> <td>567.67</td> <td>2017-7-28</td> </tr> <tr> <td>天使丽人</td> <td>高级会员</td> <td>12884678</td> <td>547.67</td> <td>2016-7-28</td> </tr> </table> </body> </html> 网站配置代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网站配置</title> </head> <body> <fieldset> <table align="center"> <legend align="center"><h2>网站信息配置</h2></legend> <tr> <td>网站标题：</td> <td> <input type="text" name="bt" value="" placeholder="输入网站标题" size="50"> </td> </tr> <tr> <td>关键词：</td> <td> <input type="keywords" name="bt" value="" placeholder="输入网站关键词" size="50"> </td> </tr> <tr> <td>页面描述：</td> <td> <textarea name="description" id="" cols="52" rows="10" placeholder="输入网站页面描述内容，不超过120字符"></textarea> </td> </tr> <tr> <td align="center" colspan="2"> <a href=""><img src="../imager/submit.jpg" alt="" width="100" align="center"></a> </td> </tr> </table></fieldset> </body> </html>
点击 "运行实例" 按钮查看在线实例