后台主页代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>充气娃娃商城后台管理系统</title> </head> <body> <!-- 后台分为上中下三部分，中间又分为左右两部分，用表格来布局 --> <table border="0" align="center" width="960" cellpadding="5" cellspacing="0"> <tr> <td colspan="2"><iframe src="inc/top.html" name="top" width="100%" height="70" frameborder="0" scrolling="no"></iframe></td> </tr> <tr> <td colspan="2"><hr></td> </tr> <tr> <td><iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" scrolling="no" align="center"></iframe></td> <td><iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" scrolling="no" align="center"></iframe></td> </tr> <tr> <td colspan="2"><hr></td> </tr> <tr><td colspan="2"><iframe src="inc/footer.html" name="footer" width="100%" height="70" frameborder="0" scrolling="no"></iframe></td></tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
TOP代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>头部</title> </head> <body> <table> <tr> <td valign="middle"><img src="../image/logo.jpg" width="30"></td> <td width="800"><h2>充气娃娃商城后台管理系统</h2></td> <td align="right"> <a href="">admin</a> <a href="">退出</a> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
left代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>左侧目录栏</title> </head> <body> <h3><img src="../image/user.jpg" width="30">用户管理</h3> <ul type="none"> <li><img src="../image/file.jpg" width="20"><a href="user.html" target="right">用户查询</a></li> <li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <!-- 2 --> <h3><img src="../image/folder.jpg" width="30">商品管理</h3> <ul type="none"> <li type="none"><img src="../image/file.jpg" width="20"><a href="foods.html" target="right">商品查询</a></li> <li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <!-- 3 --> <h3><img src="../image/folder.jpg" width="30">订单管理</h3> <ul type="none"> <li><img src="../image/file.jpg" width="20"><a href="order.html" target="right">订单查询</a></li> <li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h3><img src="../image/set.jpg" width="30">系统设置</h3> <ul type="none"> <li><img src="../image/file.jpg" width="20"><a href="peizhi.html" target="right">基本设置</a></li> <li><img src="../image/file.jpg" width="20"><a href="">高级设置</a></li> </ul> <hr> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
default代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台默认首页</title> </head> <body> <table align="center" border="1" cellspacing="0" cellpadding="5"> <caption><h3>系统配置信息表</h3></caption> <tr> <th bgcolor="yellow" width="160">服务器</th> <td width="400">Apache2.15</td> </tr> <tr> <th bgcolor="yellow" width="160">PHP版</th> <td width="400">PHP2.15</td> </tr> <tr> <th bgcolor="yellow" width="160">数据库</th> <td width="400">mysql2.15</td> </tr> <tr> <th bgcolor="yellow" width="160">可用磁盘空间</th> <td width="400">395G</td> </tr> <tr> <th bgcolor="yellow" width="160">可用内容</th> <td width="400">3.2G</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
footer代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>footer</title> </head> <body> <p align="center"> <a href="">充气娃娃官网</a> ©版权所有 <a href="">备案号：沪ICP1203</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
foods代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h3>商品管理<small><a href="">添加</a></small></h3></caption> <tr bgcolor="yellow"> <th>ID</th> <th>名称</th> <th>缩略图</th> <th>价格</th> <th>状态</th> <th>添加时间</th> <th>操作</th> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
user代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h3>用户管理<small><a href="">添加</a></small></h3></caption> <tr bgcolor="lightblue"> <th>ID</th> <th>用户名</th> <th>头像</th> <th>邮箱</th> <th>状态</th> <th>注册时间</th> <th>操作</th> </tr> <tr> <td>01</td> <td>波多野结衣</td> <td><img src="../image/1.jpg" width="30"></td> <td>222@php.com</td> <td>启用</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>波多野结衣</td> <td><img src="../image/1.jpg" width="30"></td> <td>222@php.com</td> <td>启用</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>波多野结衣</td> <td><img src="../image/1.jpg" width="30"></td> <td>222@php.com</td> <td>启用</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>波多野结衣</td> <td><img src="../image/1.jpg" width="30"></td> <td>222@php.com</td> <td>启用</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>波多野结衣</td> <td><img src="../image/1.jpg" width="30"></td> <td>222@php.com</td> <td>启用</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
order代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h3>订单管理<small><a href="">添加</a></small></h3></caption> <tr bgcolor="yellow"> <th>ID</th> <th>名称</th> <th>缩略图</th> <th>价格</th> <th>状态</th> <th>添加时间</th> <th>操作</th> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </td> </tr> <tr> <td>01</td> <td>充气娃娃</td> <td><img src="../image/1.jpg" width="30"></td> <td>22399</td> <td>正常</td> <td>2017-5-6</td> <td> <a href=""><img src="../image/edit.jpg" width="30"></a> <a href=""><img src="../image/del.jpg" width="30"></a> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
system代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本配置</title> </head> <body> <table border="0" cellpadding="5" cellspacing="0" align="center"> <caption><h3>系统配置信息表格</h3></caption> <tr><td colspan="2"><hr></td></tr> <tr> <td><label for="title">网站标题:</label></td> <td><input type="text" name="title" width="100" placeholder="多好玩我哦好问候" id="title"></td> </tr> <tr> <td><label for="key">网站关键字:</label></td> <td><input type="text" name="key" width="100" placeholder="的文化符号" id="key"></td> </tr> <tr> <td><label for="spci">网站描述:</label></td> <td><textarea cols="40" rows="5" placeholder="多好玩我我去干活覅偶前往合肥" name="spci" id="soci"></textarea></td> </tr> <tr> <td colspan="2" align="center"><input type="image" name="submit" src="../image/submit.jpg" width="100"></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手抄代码：
