search

博客列表 >3月20号作业

3月20号作业

改变从心开始
改变从心开始原创
2018年03月21日 16:34:36605浏览

效果展示：http://111.231.88.20/front/html/0320/admin.html

admin页面代码

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台管理中心</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="5" align="center" width="980">
		<tr>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" width="100%" height="100" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
		<!-- 分割线 -->
		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td>
				<iframe src="inc/m
				enu.html" name="menu" width="150" height="600" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<td>
				<iframe src="inc/default.html" name="content" width="800" height="600" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
		<!-- 分割线 -->
		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td colspan="2">
				<iframe src="inc/footer.html" name="footer" width="100%" height="100" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

top页面

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>顶部标题</title>
</head>
<body>
	<table>
		<td valign="middle"><img src="../images/logo.png" height="80"></td>
		<td width="750"><h1 valign="bottom">商城管理系统</h1></td>
		<td valign="bottom"><a href="">admin</a>   <a href="">退出</a></td>
	</table>
</body>
</html>

运行实例 »

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

菜单栏页面

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>菜单栏</title>
</head>
<body>
	<h4><img src="../images/user.png" height="20">用户管理</h4>
	<ul type="none">
		<li><img src="../images/1.png" height="15"><a href="user.html" target="content"> 会员列表</a></li>
		<li><img src="../images/1.png" height="15"><a href=""> 分类管理</a></li>
	</ul>
	<h4><img src="../images/ware.png" height="20">商品管理</h4>
	<ul type="none">
		<li><img src="../images/1.png" height="15"><a href="ware.html" target="content"> 商品列表</a></li>
		<li><img src="../images/1.png" height="15"><a href=""> 分类管理</a></li>
	</ul>
	<h4><img src="../images/orf.png" height="20">订单管理</h4>	
	<ul type="none">
		<li><img src="../images/1.png" height="15"><a href="orf.html" target="content"> 订单列表</a></li>
		<li><img src="../images/1.png" height="15"><a href=""> 发货查询</a></li>
	</ul>
	<h4><img src="../images/set.png" height="20">系统设置</h4>
	<ul type="none">
		<li><img src="../images/1.png" height="15"><a href="set.html" target="content"> 基本设置</a></li>
		<li><img src="../images/1.png" height="15"><a href=""> 高级设置</a></li>
	</ul>
</body>
</html>

运行实例 »

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

default页面

实例

<!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="200" bgcolor="lightyellow">服务器</th>
			<td width="400">Nginx 1.12</td>
		</tr>
		<tr>
			<th bgcolor="lightyellow">PHP版本</th>
			<td>PHP5.7</td>
		</tr>
		<tr>
			<th bgcolor="lightyellow">数据库</th>
			<td>MySQL5.7</td>
		</tr>
		<tr>
			<th bgcolor="lightyellow">可用磁盘空间</th>
			<td>200G</td>
		</tr>
		<tr>
			<th bgcolor="lightyellow">可用内存</th>
			<td>2G</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

footer页面

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>页脚</title>
</head>
<body>
	<p align="center">
		<a href="">PHP学习在线商城</a>
		  ©版权所有 
		<a href="">备案号：浙ICP-1111111</a>
	</p>
</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" width="80%">
		<caption><h3>商品列表 <small><a href="">添加</a></small></h3></caption>
		<tr align="center" bgcolor="lightyellow">
			<th>ID</th>
			<th>商品名称</th>
			<th>图片</th>
			<th>价格</th>
			<th>状态</th>
			<th>添加时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>001</td>
			<td>iPhoneX</td>
			<td><img src="../images/iPhonex.png" height="30"></td>
			<td>8888</td>
			<td>正常</td>
			<td>2018-1-1</td>
			<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
			<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		</tr>
		<tr align="center">
			<td>002</td>
			<td>小米6</td>
			<td><img src="../images/mi6.png" height="30"></td>
			<td>2222</td>
			<td>下架</td>
			<td>2017-12-8</td>
			<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
			<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		</tr>
		 <tr align="center">
		 	<td>003</td>
		 	<td>小米MIX2</td>
		 	<td><img src="../images/mix2.png" height="30"></td>
		 	<td>3333</td>
		 	<td>正常</td>
		 	<td>2018-1-9</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>004</td>
		 	<td>荣耀9</td>
		 	<td><img src="../images/honor9.png" height="30"></td>
		 	<td>2333</td>
		 	<td>正常</td>
		 	<td>2017-12-20</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>005</td>
		 	<td>努比亚Z17</td>
		 	<td><img src="../images/nubiaz17.png" height="30"></td>
		 	<td>2555</td>
		 	<td>正常</td>
		 	<td>2017-11-11</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
	</table>
	<p align="center">
		<a href="">首页</a>
		<a href="">上一页</a>
		<a href="">1</a>
		<a href="">2</a>
		<a href="">...</a>
		<a href="">下一页</a>
		<a href="">尾页</a>
	</p>
</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" width="80%">
		<caption><h3>订单列表 <small><a href="">添加</a></small></h3></caption>
		<tr align="center" bgcolor="lightyellow">
			<th>订单号</th>
			<th>商品名称</th>
			<th>图片</th>
			<th>价格</th>
			<th>状态</th>
			<th>购买时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>00111</td>
			<td>iPhoneX</td>
			<td><img src="../images/iPhonex.png" height="30"></td>
			<td>8888</td>
			<td>已发货</td>
			<td>2018-1-3</td>
			<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
			<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		</tr>
		<tr align="center">
		 	<td>00222</td>
		 	<td>小米MIX2</td>
		 	<td><img src="../images/mix2.png" height="30"></td>
		 	<td>3333</td>
		 	<td>已发货</td>
		 	<td>2018-1-20</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>00333</td>
		 	<td>小米MIX2</td>
		 	<td><img src="../images/mix2.png" height="30"></td>
		 	<td>3333</td>
		 	<td>已发货</td>
		 	<td>2018-1-24</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>00444</td>
		 	<td>荣耀9</td>
		 	<td><img src="../images/honor9.png" height="30"></td>
		 	<td>2333</td>
		 	<td>已发货</td>
		 	<td>2017-12-30</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>00555</td>
		 	<td>荣耀9</td>
		 	<td><img src="../images/honor9.png" height="30"></td>
		 	<td>2333</td>
		 	<td>待发货</td>
		 	<td>2018-1-2</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
	</table>
	<p align="center">
		<a href="">首页</a>
		<a href="">上一页</a>
		<a href="">1</a>
		<a href="">2</a>
		<a href="">...</a>
		<a href="">下一页</a>
		<a href="">尾页</a>
	</p>
</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" width="80%">
		<caption><h3>会员列表 <small><a href="">添加</a></small></h3></caption>
		<tr align="center" bgcolor="lightyellow">
			<th>ID</th>
			<th>会员名</th>
			<th>头像</th>
			<th>邮箱</th>
			<th>状态</th>
			<th>注册时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>1</td>
			<td>小毛驴</td>
			<td><img src="../images/01.jpg" height="30"></td>
			<td>111@php.cn</td>
			<td>正常</td>
			<td>2017-7-7</td>
			<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
			<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		</tr>
		<tr align="center">
			<td>2</td>
			<td>小毛蛋</td>
			<td><img src="../images/01.jpg" height="30"></td>
			<td>222@php.cn</td>
			<td>禁用</td>
			<td>2017-8-8</td>
			<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
			<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		</tr>
		 <tr align="center">
		 	<td>3</td>
		 	<td>小毛人</td>
		 	<td><img src="../images/01.jpg" height="30"></td>
		 	<td>333@php.cn</td>
		 	<td>正常</td>
		 	<td>2017-9-9</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>4</td>
		 	<td>小毛虎</td>
		 	<td><img src="../images/01.jpg" height="30"></td>
		 	<td>444@php.cn</td>
		 	<td>正常</td>
		 	<td>2017-10-10</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
		 <tr align="center">
		 	<td>5</td>
		 	<td>小毛熊</td>
		 	<td><img src="../images/01.jpg" height="30"></td>
		 	<td>555@php.cn</td>
		 	<td>禁用</td>
		 	<td>2017-11-11</td>
		 	<td><img src="../images/edit.png" alt="编辑" title="编辑" height="30"></td>
		 	<td><img src="../images/delete.png" alt="删除" title="删除" height="30"></td>
		 </tr>
	</table>
	<p align="center">
		<a href="">首页</a>
		<a href="">上一页</a>
		<a href="">1</a>
		<a href="">2</a>
		<a href="">...</a>
		<a href="">下一页</a>
		<a href="">尾页</a>
	</p>
</body>
</html>

运行实例 »

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

设置页面

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本配置</title>
</head>
<body>
	<table border="0" cellspacing="0" cellspacing="5" align="center">
		<caption><h3>网址基本配置</h3></caption>
		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td width="100" align="right"><label for="title"></label>网站标题：</td>
			<td width="400" align="left">
				<input type="text" name="title" id="title" value="" size="50" placeholder="不超过30字符"></td>
		</tr>
		<tr>
			<td align="right"><label for="keywords">网站关键词：</label></td>
			<td align="left">
				<input type="text" name="keywords" id="keywords" value="" size="50" placeholder="不超过50个字符">
			</td>
		</tr>
		<tr>
			<td valign="middle" align="right"><label for="summary">网站简介：</label></td>
			<td align="left">
				<textarea name="summary" id="summary" rows="5" cols="51" placeholder="不少于10个字符">
				</textarea>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<input type="image" name="submit" src="../images/submit.png" width="100">
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

手抄代码

0320.jpg


上一条：3月20日作业下一条：3.20作业
iframe
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多