admin.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>admin</title> </head> <body> <table border="0" cellpadding="5" cellspacing="1" width="900" align="center"> <tr> <td colspan="2"> <iframe src="inc/top.html" width="100%" height="60" frameborder="0" name="top" scrolling="no"></iframe> </td> </tr> <tr> <td colspan="2"><hr width="100%"></td> </tr> <tr> <td bgcolor="lightyellow"><iframe src="inc/left.html" width="150" height="600" scrolling="no" frameborder="0" name="left" align="left"></iframe></td> <td bgcolor="lightblue"><iframe src="inc/default.html" width="700" height="600" frameborder="0" name="right" align="right" scrolling="no"></iframe></td> </tr> <tr> <td colspan="2"><hr width="100%"></td> </tr> <tr> <td colspan="2"><iframe src="inc/footer.html" width="100%" height="60" frameborder="0" scrolling="no"></iframe></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
/inc/top.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>top</title> </head> <body> <table cellpadding="5" cellspacing="0" border="0"> <tr> <td valign="middle" width="30"><img src=""></td> <td width="600" valign="middle"><h2>商城后台管理系统</h2></td> <td align="right"> <a href="">admin</a> <a href="">退出</a> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/left.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>left</title> </head> <body> <h4><img src="../img/14.ico" width="30">用户管理</h4> <ul type="none"> <li><a href="user.html" target="right"><img src="../img/12.ico" width="20">用户查询</a></li> <li><a href=""><img src="../img/12.ico" width="20">用户分类</a></li> </ul> <hr> <h4><img src="../img/23.ico" width="30">商品管理</h4> <ul type="none"> <li><a href="goods.html" target="right"><img src="../img/12.ico" width="20">商品查询</a></li> <li><a href=""><img src="../img/12.ico" width="20">商品分类</a></li> </ul> <hr> <h4><img src="../img/8.ico" width="30">订单管理</h4> <ul type="none"> <li><a href="orders.html" target="right"><img src="../img/12.ico" width="20">订单查询</a></li> <li><a href=""><img src="../img/12.ico" width="20">订单分类</a></li> </ul> <hr> <h4><img src="../img/23.ico" width="30">系统设置</h4> <ul type="none"> <li><a href=""><img src="../img/12.ico" width="20">基本配置</a></li> <li><a href=""><img src="../img/12.ico" width="20">高级配置</a></li> </ul> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/default.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>default</title> </head> <body> <table align="center" border="1" bgcolor="lightskyblue" cellspacing="0" cellpadding="5"> <caption><h3>系统配置信息表</h3></caption> <tr> <th width="150">服务器</th> <td width="300">Apache 2.8.1</td> </tr> <tr> <th>PHP版本</th> <td>PHP5.6</td> </tr> <tr> <th>数据库</th> <td>MYSQL 5.7</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/footer.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p align="center"> <a href="">京东网</a>©版权所有 <a href="">备案号：xxx</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/user.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="60%"> <caption><h3>用户表</h3></caption> <!-- columns bgcolor --> <colgroup span="1" bgcolor="lightblue"></colgroup> <colgroup span="2" bgcolor=lightyellow></colgroup> <colgroup span="2" bgcolor=lightgrey></colgroup> <colgroup span="2" bgcolor=lightgreen></colgroup> <thead> <tr bgcolor="skyblue"> <th colspan="2">个人名称</th> <th colspan="3">联系信息</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="lightgreen"> <th>id</th> <th>姓名</th> <th>性别</th> <th>地址</th> <th>电话</th> </tr> </thead> <tbody> <tr align="center"> <td>1</td> <td align="left"><img src="./img/head1.jpg" width="40">张三</td> <td>男</td> <td>南京</td> <td>1658</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>2</td> <td align="left"><img src="./img/head2.jpg" width="40">张强</td> <td>男</td> <td>北京</td> <td>2282</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>3</td> <td align="left"><img src="./img/head3.jpg" width="40">李嘉</td> <td>女</td> <td>成都</td> <td>3337</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="">下一页</a> <a href="">尾页</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/goods.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="60%"> <caption><h3>商品表</h3></caption> <!-- columns bgcolor --> <colgroup span="1" bgcolor="lightblue"></colgroup> <colgroup span="2" bgcolor=lightyellow></colgroup> <colgroup span="2" bgcolor=lightgrey></colgroup> <colgroup span="2" bgcolor=lightgreen></colgroup> <thead> <tr bgcolor="skyblue"> <th colspan="2">商品信息</th> <th colspan="2"></th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="lightgreen"> <th>id</th> <th>商品名</th> <th>分类</th> <th>价格</th> </tr> </thead> <tbody> <tr align="center"> <td>1</td> <td>汽车</td> <td>出行</td> <td>165800</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>2</td> <td>数码相机</td> <td>数码</td> <td>22820</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>3</td> <td>手机</td> <td>数码</td> <td>3337</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="">下一页</a> <a href="">尾页</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
inc/orders.html
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="60%"> <caption><h3>订单表</h3></caption> <!-- columns bgcolor --> <colgroup span="1" bgcolor="lightblue"></colgroup> <colgroup span="2" bgcolor=lightyellow></colgroup> <colgroup span="2" bgcolor=lightgrey></colgroup> <colgroup span="2" bgcolor=lightgreen></colgroup> <thead> <tr bgcolor="lightgreen"> <th>id</th> <th>名称</th> <th>产地</th> <th>收货人</th> <th colspan="2">操作</th> </tr> </thead> <tbody> <tr align="center"> <td>1</td> <td>手机</td> <td>南京</td> <td>张三</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>2</td> <td>电视</td> <td>北京</td> <td>司马信</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>3</td> <td>洗衣机</td> <td>成都</td> <td>李维</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="">下一页</a> <a href="">尾页</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果图：
