主体 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>管理系统后台首页</title> </head> <body> <table width="980" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center"> <!--头部--> <tr> <td colspan="2"> <iframe src="header.html" width="100%" frameborder="0" scrolling="no" name="header" height="70"></iframe> </td> </tr> <tr> <td colspan="2"><hr></td> </tr> <tr> <td > <iframe src="left.html" frameborder="0" height="800" width="150" name="left" scrolling="no" align="center"></iframe></td> <td> <iframe src="right.html" frameborder="0" height="800" width="600" name="right" scrolling="no" align="center"></iframe></td> </tr> <tr> <td colspan="2"><hr></td> </tr> <!--尾部--> <tr> <td colspan="2"> <iframe src="footer.html" frameborder="0" width="100%" frameborder="0" scrolling="no" name="footer"></iframe></td> </tr> </table> </body> </html> 头部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>header</title> </head> <body> <table width="960" align="left"> <tr> <td width="200"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt=""></td> <td width="300" align="left"><h2>商城管理系统</h2></td> <td width="450" align="right"><a href="">admin</a> <a href="">退出</a></td> </tr> </table> </body> </html> 尾部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>footer</title> </head> <body> <p align="center"> <a href="">商城管理系统</a> ©版权所有 <a href="">备案号:xxxxx</a> </p> </body> </html> 左边 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521639187203&di=c0a0b8ab47b37c96917d2e5a3cb6e657&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0176fd56dcde4f32f875520f603051.jpg%401280w_1l_2o_100sh.png" alt="" width="30">用户管理</h3> <ul type="none"> <li><img src="" alt=""><a href="user.html" target="right">用户查询</a></li> <li><img src="" alt=""><a href="">分类管理</a></li> </ul> <hr> <h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521639187203&di=c0a0b8ab47b37c96917d2e5a3cb6e657&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0176fd56dcde4f32f875520f603051.jpg%401280w_1l_2o_100sh.png" alt="" width="30">商品管理</h3> <ul type="none"> <li><img src="" alt=""><a href="detail.html" target="right">商品查询</a></li> <li><img src="" alt=""><a href="">分类管理</a></li> </ul> <hr> <h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521639187203&di=c0a0b8ab47b37c96917d2e5a3cb6e657&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0176fd56dcde4f32f875520f603051.jpg%401280w_1l_2o_100sh.png" alt="" width="30">订单管理</h3> <ul type="none"> <li><img src="" alt=""><a href="order.html" target="right">订单查询</a></li> <li><img src="" alt=""><a href="">分类管理</a></li> </ul> <hr> <h3><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521639187203&di=c0a0b8ab47b37c96917d2e5a3cb6e657&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0176fd56dcde4f32f875520f603051.jpg%401280w_1l_2o_100sh.png" alt="" width="30">系统设置</h3> <ul type="none"> <li><img src="" alt=""><a href="system.html" target="right">基本配置</a></li> <li><img src="" alt=""><a href="">高级配置</a></li> </ul> <hr> </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"> <caption><h3>系统配置信息表</h3></caption> <tr> <th width="160" bgcolor="lightcyan">服务器</th> <td width="400">Apache 2.8.1</td> </tr> <tr> <th bgcolor="lightcyan">PHP版本</th> <td>PHP5.6+</td> </tr> <tr> <th bgcolor="lightcyan">数据库</th> <td>MySQL 5.8</td> </tr> <tr> <th bgcolor="lightcyan">可用磁盘空间</th> <td>395G</td> </tr> <tr> <th bgcolor="lightcyan">可用内存</th> <td>3.2G</td> </tr> </table> </body> </html> 用户管理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户信息表格</title> </head> <body> <table width="600" align="center" cellpadding="1" bgcolor="#f8f8ff" cellspacing="0" border="1"> <caption><h3>用户信息表</h3> <a href="">添加</a></caption> <tr> <th>id</th> <th>用户名</th> <th>头像</th> <th>邮箱</th> <th>状态</th> <th>注册时间</th> <th>操作</th> </tr> <tr> <td>02</td> <td>张32飞</td> <td><img src="" alt=""></td> <td>fdsa@163.com</td> <td>启用</td> <td>2017-12-9</td> <td><img src="" alt="编辑"> <img src="" alt="删除"></td> </tr> <tr> <td>03</td> <td>张飞飞</td> <td><img src="" alt=""></td> <td>fdsa@163.com</td> <td>启用</td> <td>2017-12-9</td> <td><img src="" alt="编辑"> <img src="" alt="删除"></td> </tr> <tr> <td>04</td> <td>关于</td> <td><img src="" alt=""></td> <td>fdsa@163.com</td> <td>启用</td> <td>2017-12-9</td> <td><img src="" alt="编辑"> <img src="" alt="删除"></td> </tr> <tr> <td>05</td> <td>刘备</td> <td><img src="" alt=""></td> <td>fdsa@163.com</td> <td>启用</td> <td>2017-12-9</td> <td><img src="" alt="编辑"> <img src="" alt="删除"></td> </tr> </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>
