Blogger Information
Blog 11
fans 0
comment 0
visits 7986
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3.20作业
PHP小学生
Original
656 people have browsed it
主体
<!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>&nbsp;&nbsp;&nbsp;&nbsp;<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> &nbsp; &copy;版权所有 &nbsp;&nbsp;
 <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>&nbsp;&nbsp;<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="编辑">&nbsp;&nbsp;<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="编辑">&nbsp;&nbsp;<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="编辑">&nbsp;&nbsp;<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="编辑">&nbsp;&nbsp;<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>

微信图片_20180322191817.jpg

微信图片_20180322191824.jpg


Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post