Blogger Information
Blog 10
fans 0
comment 1
visits 6207
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月20日
不忘初心
Original
702 people have browsed it

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例


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