editplus生成页面框架

最新推荐文章于 2021-03-25 20:54:22 发布

孟海滨

最新推荐文章于 2021-03-25 20:54:22 发布

阅读量2.7k

点赞数

分类专栏： SSH网上商城文章标签： xml 工作框架 editplus

本文链接：https://blog.csdn.net/lovemenghaibin/article/details/49432071

版权

SSH网上商城专栏收录该内容

4 篇文章 0 订阅

订阅专栏

相信大家一般都上过一些淘宝的网站，在网站的右边，是一些树形结构，表头是一些登陆的界面，表邮编才是咱们信息显示的部分，以前一直都是把他们做成了几个jsp的文件，然后在别的文件里<%@ include ******%>,然后就能显示我们抽离出来的信息了，但是我做这个的时候每次找位置都回让我麻烦。但是最近才发现，原来这个所谓的矿机一开始就可以画好，只需要一个简单的工具，editplus。

要做一个工具，当然首先你要有这么一个软件，然后打开file-->New-->HTML Page。新建一个HTML的页面，然后去掉里边的body，单机下图中红框的图标。

然后大家会看到如下代码：

<!doctype html>
<html lang="en">
 <head>

 </head>
<frameset rows="," cols=",">
	<frame src="" name="">
	<frame src="" name="">
</frameset>
</html>

而这些frameset中的rows，当然就是代表的行，cols代表的就是列，我们写的时候例如:rows="15%,*",就代表把页面分成了两部分，上边的行始终占屏幕的15%，而frame中的src就是我们要引用的界面，例如我们树形的菜单栏结构，name里边填写的是right,left,top,bottom,然后我们可以在内部继续点击上图中红框中的按钮，生辰的代码如下：

<!doctype html>
<html lang="en">
 <head>

 </head>
<frameset rows="," cols=",">
	
	<frame src="" name="">
	<frameset rows="," cols=",">
		<frame src="" name="">
		<frame src="" name="">
	</frameset>

</frameset>
</html>

也就是内部再套一个框架，运用的时候我们可以这样，例如我们的第一个frameset的 rows="15%,*"，然后我们可以在这15%部分加上自己的Logo，用户登陆等信息，然后在下边的左边显示我们的菜单，右边显示我们的商品信息。加入我的顶部信息放到top.jsp，菜单放到left.jsp中，商品信息显示在right.jsp中，写好的代码如下：

<!doctype html>
<html lang="en">
 <head>

 </head>
<frameset rows="15%,*">
	<frame src="top.html" name="top">
	<frameset  cols="15%,*">
		<frame src="left.html" name="left">
		<frame src="right.html" name="right">
	</frameset>
</frameset>
</html>

这样一个简单的框架就能搭出来了，效果如下：