实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理界面</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="960"> <tr height="60"> <td width="140" align="center"><img src="images/logo.jpg" width="130"></td> <td width="800" align="left"> <h3 align="center">京东商城后台管理系统</h3> <p align="right"><a href="">admin</a> <a href="">退出</a></p> </td> </tr> <tr> <td> <h4><img src="images/user.jpg" width="30">订单中心</h4> <ul type="none"> <li><img src="images/file.jpg" width="20"><a href="" target="user">用户订单</a></li> <li><img src="images/file.jpg" width="20"><a href="">用户分类</a></li> </ul> <hr> <h4><img src="images/folder.jpg" width="30">商品管理</h4> <ul type="none"> <li><img src="images/file.jpg" width="20"><a href="">商品查询</a></li> <li><img src="images/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="images/folder.jpg" width="30">订单管理</h4> <ul type="none"> <li><img src="images/file.jpg" width="20"><a href="">订单查询</a></li> <li><img src="images/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <h4><img src="images/set.jpg" width="30">支付设置</h4> <ul type="none"> <li><img src="images/file.jpg" width="20"><a href="">基本配置</a></li> <li><img src="images/file.jpg" width="20"><a href="">高级配置</a></li> </ul> <hr> <h4><img src="images/set.jpg" width="20">系统设置</h4> <ul type="none"> <li><img src="images/file.jpg" width="20"><a href="">基本配置</a></li> <li><img src="images/file.jpg" width="20"><a href="">高级配置</a></li> </ul> </td> <td></td> </tr> <tr> <td colspan="2"> <p align="center"> <a href="">北京要啥有啥在线商城 </a> ©版权所有 <br> <a href="">备案号:京ICP-17012345-1</a> </p> </td> </tr> </table> </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="400" bgcolor="lightcyan">服务器</th> <td width="500">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.7</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> <head> <meta charset="UTF-8"> <title>left</title> </head> <body> <h4><img src="./img/gwc.jpg" width="30">订单中心</h4> <ul type="none"> <li><img src="./img/gwc.jpg" width="10"><a href="dingdan.html" target="right">用户订单</a></li> <li><img src="./img/gwc.jpg" width="10"><a href="">订单分类</a></li> </ul> <hr> <h4><img src="./img/shangping.jpg" width="30">商品管理</h4> <ul type="none"> <li><img src="./img/shangping.jpg" width="10"><a href="wei.html" target="right">商品查询</a></li> <li><img src="./img/shangping.jpg" width="10"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="./img/digdan.jpg" width="20">订单管理</h4> <ul type="none"> <li><img src="./img/digdan.jpg" width="10"><a href="order.html" target="right">订单查询</a></li> <li><img src="./img/digdan.jpg" width="10"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="./img/xtgl.png" width="20">系统设置</h4> <ul type="none"> <li><img src="./img/xtgl.png" width="10"><a href="system.html" target="right">基本配置</a></li> <li><img src="./img/xtgl.png" width="10"><a href="">高级配置</a></li> </ul> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wei</title> </head> <body> <p align="center"> <a href="">中国京宝商城在线</a> ©版权所有 <a href=""><img src="./img/jh.jpg" width="15">备案号:京ICP证070359号</a> </p> <p align="center"> <a href="">互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话:4006561155 </a> </p> <p align="center"> <a href=""><img src="./img/jb.jpg" width="25" >中国互联网举报中心</a> <a href=""><img src="./img/cx.png" width="35">诚信网站举报</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>top</title> </head> <body> <table boder="0"> <tr> <td valign="middle" ><img src="../img/jd.jpg" width="150"></td> <td valign="middle" ><img src="../img/tao.png" width="50"></td> <td width="500" valign="middle"><h2 align="left">京宝商城管理系统</h2></td> <td align="right" valign="bottom"><p><a href=""></a><a href=""><img src="../img/wx.jpg" width="25"></a></p></td> <td align="right" valign="bottom"><a href=""></a><a href=""><img src="../img/qq.png" width="40"></a><a href="">退出登录</a></p></td> </tr> </table> </body>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>订单管理</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="90%"> <caption><h3>订单管理<small><a href="">添加</a></small></h3></caption> <thead> <tr bgcolor="lightcyan"> <th>订单号</th> <th>商品名</th> <th>图片</th> <th>价格</th> <th>订单状态</th> <th>订购时间</th> <th colspan="2">管理员操作</th> </tr> <tr align="center"> <td>01</td> <td align="left">ipad mini3</td> <td><img src="./img/1.jpg" width="30"></td> <td>3200</td> <td>有货</td> <td>2018-3-20</td> <td> <a href=""><img src="./img/bj.jpg" width="30" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="./img/sc.jpg" width="30" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>02</td> <td align="left">iPhone6s</td> <td><img src="./img/2.jpg" width="30"></td> <td>2999</td> <td>有货</td> <td>2018-2-10</td> <td> <a href=""><img src="./img/bj.jpg" width="30" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="./img/sc.jpg" width="30" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>03</td> <td align="left">小米5X</td> <td><img src="./img/3.jpg" width="30"></td> <td>1120</td> <td>无货</td> <td>2018-2-01</td> <td> <a href=""><img src="./img/bj.jpg" width="30" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="./img/sc.jpg" width="30" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>04</td> <td align="left">ThinkPad x270</td> <td><img src="./img/4.jpg" width="30"></td> <td>9000</td> <td>有货</td> <td>2017-02-01</td> <td> <a href=""><img src="./img/bj.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="./img/sc.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例