博客列表 >iframe 网站后台管理 3月20日作业

iframe 网站后台管理 3月20日作业

墨雨的博客
墨雨的博客原创
2018年03月21日 17:46:14666浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品进销存后台管理</title>
</head>
<body>
	<table border="0" cellspacing="1" cellpadding="5" align="center" width="900">
		<tr>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="65" width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
		<tr><td colspan="2" width="100%"><hr></td></tr>
		<tr>
			<td>
				<iframe src="inc/left.html" name="left" height="530" width="200" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<td>
				<iframe src="inc/default.html" name="right" height="530" width="680" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
		<tr><td colspan="2" width="100%"><hr></td></tr>

		<tr>
			<td colspan="2">
				<iframe src="inc/bott.html" name="bott" height="50" width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
	</table>

</body>
</html>

运行实例 »

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

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>top</title>
</head>
<body>
	<table border="0">
		<tr>
			<td valign="middle"><img src="../images/logo.jpg" width="40"></td>
			<td width="700" valign="middel"><h2 align="left">商品进销存后台管理系统</h2></td>
			<td align="right" valign="bottom"><p><a href="">管理员</a>  <a href="">退出</a></p></td>
		</tr>
	</table>
	
				
</body>
</html>

运行实例 »

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

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h4><img src="../images/user.jpg" width="30">操作员管理</h4>
		<ul type="none">
			<li><img src="../images/file.jpg" width="20"><a href="czy.html" target="right">操作员列表</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="kc.html" target="right">库存商品查询</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="spfl.html" target="right">商品分类</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="system.html" target="right">基本配置</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">高级配置</a></li>
	</ul>
</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>
		<colgroup span="1" bgcolor="lightgreen" ></colgroup>
		<tr>
			<th width="300" >库存资金是算平衡</th>
			<td width="260">正常</td>
		</tr>
		<tr>
			<th >库存资金总计</th>
			<td>4529887.25</td>
		</tr>
		<tr>
			<th >待付款库存</th>
			<td>527490.00</td>
		</tr>
		<tr>
			<th >周转库房留存</th>
			<td>39480.20</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bott</title>
</head>
<body>
	<p align="center">
		唐山市森众商贸有限公司 ©版权所有     
		<a href="">备案号:冀ICP-00000000</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>
		
		<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">魏文虎</td>
			<td><img src="../images/1.jpg" width="30"></td>
			<td>万能操作员</td>
			<td>允许登录</td>
			<td>2010-09-05</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">苏勒</td>
			<td><img src="../images/2.jpg" width="30"></td>
			<td>出库</td>
			<td>允许登录</td>
			<td>2016-07-13</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">穆祥宇</td>
			<td><img src="../images/3.jpg" width="30"></td>
			<td>盘点</td>
			<td>限制登录</td>
			<td>2018-03-11</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">窦文涛</td>
			<td><img src="../images/4.jpg" width="30"></td>
			<td>调价</td>
			<td>禁止登录</td>
			<td>2015-07-18</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">于谦</td>
			<td><img src="../images/5.jpg" width="30"></td>
			<td>入库</td>
			<td>允许登录</td>
			<td>1890-11-11</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.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>

运行实例 »

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

实例

<!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>
		
		<thead>
		<tr bgcolor="lightcyan">
			<th>ID</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">充气娃娃</td>
			<td><img src="../images/cqww.jpg" width="30"></td>
			<td>1399</td>
			<td>正常</td>
			<td>2017-09-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">iPhone X 手机</td>
			<td><img src="../images/iPhonex.jpg" width="30"></td>
			<td>3999</td>
			<td>下架</td>
			<td>2017-12-11</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">外星人笔记本</td>
			<td><img src="../images/et.jpg" width="30"></td>
			<td>7890</td>
			<td>正常</td>
			<td>2018-01-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">MacBook Pro</td>
			<td><img src="../images/macbook.jpg" width="30"></td>
			<td>18999</td>
			<td>正常</td>
			<td>2017-02-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">平板电视</td>
			<td><img src="../images/pbds.jpg" width="30"></td>
			<td>2850</td>
			<td>正常</td>
			<td>2018-01-21</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.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>

运行实例 »

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

实例

<!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>
		
		<thead>
		<!-- bgcolor可以设置行或单元格的背景颜色 -->
		<tr bgcolor="lightcyan">
			<!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 -->
			<th>编码</th>
			<th>分类名称</th>
			<th>所在库房</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="left">发动机</td>
			<td>三角地1号库</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">变速箱</td>
			<td>三角地1号库</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">驾驶室</td>
			<td>城垣路库房</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">橡胶及润滑油</td>
			<td>三角地门市</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">底盘</td>
			<td>三角地2号库</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.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>

运行实例 »

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

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>系统设置</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="5" align="center">
		<caption>
			<h3>系统配置信息表</h3>
			<hr width="90%">
		</caption>
		<tr>
			<td width="160" align="right"><label for="title">核算单位</label></td>
			<td width="400" align="left"><input type="text" id="title" name="title" value="" size="49"></td>
		</tr>
		<tr>
			<td align="right"><label for="keywords">打印机驱动</label></td>
			<td align="left"><input type="text" id="keywords" name="keywords" value="" size="49"></td>
		</tr>
		<tr>
			<td valign="top" align="right"><label for="desc">操操作日志</label></td>
			<td align="left"><textarea id="desc" name="desc" rows="5" cols="50" ></textarea></td>
		</tr>
		<tr>
			<td align="center" colspan="2">
				<input type="image" name="submit" src="../images/submit.jpg" width="60">
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

手抄代码:

IMG_20180321_173737.jpg

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