仓酷云

标题: ASP网页编程之跟我学做树型菜单(二) [打印本页]

作者: 柔情似水    时间: 2015-1-16 23:35
标题: ASP网页编程之跟我学做树型菜单(二)
源代码保护方面其实现在考虑得没那么多了..NET也可以反编译.ASP写得复杂的话别人能看得懂的话.他也有能力自己写了.这方面担心的倒不太多.纵观现在网上可以下载的那些所谓BBS还有什么网站等等的源代码菜单续上篇
上一篇我们已断定了树型菜单的功效,数据库布局,和所要用到的一些函
数。如今能够入手下手程序的计划了。因为树型菜单要在网页上完成静态睁开子树的效
果,以是必要用到DHTML。我们先来剖析一下怎样在客户端完成如许的静态效果。

1、完成静态菜单的客户端
在这里,我们先不论ASP的程序,仅来剖析一下怎样在客户真个网页中完成展
开菜单的静态效果。起首,要睁开一个子菜单,能够把子菜单放在一个图层大概一
个表格里,用CSS款式里的dsiplay属性来把持它。假如把display属性设为none,
则埋没这个菜单;反过去,假如设为一个值,好比block,则显现。有了这类办法,
就能够用JS剧本来把持了。
1、实践埋没的菜单。
如今我们先来做一个如许的菜单,临时我们还不写剧本程序,只是来显现一下
效果。既然是看效果,就先显现一个只要一个项的二层菜单吧,为了辨别分歧条理的
菜单,我们把子菜单放在一个表格中,再把这个表格放在上一级菜单地点表格的一个
单位格中。代码以下:
树型菜单1,文件名:tree1.htm
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
</HEAD>
<BODY>
<html>
<head>
<title>树形菜单1</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<styletype="text/css">
<!--
td{font-size:12px;font-family:"宋体"}
a:active{font-size:12px;text-decoration:none;background-color:#0099FF;font-family:"宋体"}
a:link{font-size:12px;text-decoration:none;font-family:"宋体"}
a:hover{font-size:12px;text-decoration:none;background-color:#0099FF;font-family:"宋体"}
a:visited{font-size:12px;text-decoration:none}
table{font-size:12px;font-family:"宋体"}
.cur{cursor:hand}
.tt{border-color:#FFFFFF#000000#000000#FFFFFF;
border-style:solid;border-top-width:1px;border-right-width:1px;
border-bottom-width:1px;border-left-width:1px}
.s12{font-family:"宋体";font-size:12px}
.txtbox{font-family:"宋体";font-size:12px;border:1pxsolid;height:18px;
border-color:#000000#FFFFFF#FFFFFF#000000}
-->
</style>
</head>
<body>
<tablewidth=100%border=0cellspacing=0cellpadding=0>
<trheight=16width=100%>
<tdheight=16>

<ahref=/photo/index.asptarget=main>我的电脑</a>
</td>
</tr>
<tr>
<tdheight=0>
<tableid=aastyle=display=nonewidth=100%border=0cellspacing=0cellpadding=0>
<trheight=16>
<tdwidth=16height=16>

<ahref=mgwtarget=main>名古屋</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
</BODY>
</HTML>


为了凸起效果,我们在内里到场了CSS来把持分歧工具的显现效果。固然,下面的链接都是恣意指定的。
显现一下下面的文件,我们能够看到"名古屋“这个子菜单被埋没了。如今把下面文件中的
<tableid=aastyle=display=nonewidth=100%border=0cellspacing=0cellpadding=0>

改成
<tableid=aastyle=display=blockwidth=100%border=0cellspacing=0cellpadding=0>

再显现一下,下一级的菜单也显现出来了。
2、用剧本来把持菜单的显现。
方才我们是经由过程手工修正子菜单的display属性来完成子菜单的显现的。如今我们来到场剧本进
行把持。只需在剧本里改动子菜单的display属性就能够了。剧本以下:
<scriptlanguage="JavaScript">
functionshowhide(subid)
{
if(subid.style.display==none)
{
subid.style.display=block;
}
else
{
subid.style.display=none;
}
}
</script>


然后,我们给在父菜单加上一个举措:

<imgid=home

的前面加上:
onclick="showhide(aa)"


如今再显现一下这个网页,然后点击“我的电脑”前的图片,就能够看到子菜单的显现和埋没的效果了。

3、完全的剧本把持
下面我们已完成了子菜单的显现和埋没,可是下面的是只要两个菜单项的情形,实践的情形要
比下面的庞大。我们来剖析一个典范的情形:每一个菜单(除根菜单)外,都有三项内容:
1)毗连的树型图:多是“+”大概“-”大概别的的几种连线。假如是“+”大概“-”,就要给它加上链接
点击后睁开下一级菜单。根菜单没有这一项。
2)图标:根菜单是电脑的图样,别的的菜单是文件夹的图样。一样也要加上链接来睁开下一级菜单。
3)笔墨:菜单的显现笔墨,点击后指向一个新链接。

关于每级菜单,我们按必定的体例举行编号,以便在ASP程序中天生:用L暗示行,用R暗示列。关于某个
菜单,下面的第一项(毗连图)标为第一个;第二项(图标)标为第二个;它的子菜单地点的表格,标为第
三个。表示图以下
----------------------
|L1R1|L1R2|笔墨|
----------------------
||--L2R2------|
||||
||</p>实现规模效益。与传统的用户拥有硬件软件所有权和使用权以及传统的应用服务商提供一对一的服务模式不同,ASP拥有应用系统所有权,用户拥有使用权,应用系统集中放在ASP的数据中心中,集中管理,分散使用,以一对多的租赁的形式为众多用户提供有品质保证的应用技术服务,实现规模效益。
作者: 第二个灵魂    时间: 2015-1-20 10:02
我认为比较好的方法是找一些比较经典的例子,每个例子比较集中一种编程思想而设计的。
作者: 灵魂腐蚀    时间: 2015-1-20 13:02
没有坚实的理论做基础,那么我们连踏入社会第一步的资本都没有,特别对于计算机专业的学生学好专业知识是置关重要的。在这里我侧重讲一下如何学习ASP,从平时的学习过程中。
作者: 柔情似水    时间: 2015-1-25 06:33
以HTML语言整合(HTML负责界面上,ASP则负责功能上)形成一个B/S(浏览器/服务器)模式的网页程序。
作者: 冷月葬花魂    时间: 2015-1-25 13:22
没有坚实的理论做基础,那么我们连踏入社会第一步的资本都没有,特别对于计算机专业的学生学好专业知识是置关重要的。在这里我侧重讲一下如何学习ASP,从平时的学习过程中。
作者: 精灵巫婆    时间: 2015-1-25 15:27
代码逻辑混乱,难于管理:由于ASP是脚本语言混合html编程,所以你很难看清代码的逻辑关系,并且随着程序的复杂性增加,使得代码的管理十分困难,甚至超出一个程序员所能达到的管理能力,从而造成出错或这样那样的问题。
作者: 若天明    时间: 2015-2-2 22:36
运用经典的例子。并且自己可以用他来实现一些简单的系统。如果可以对他进行进一步的修改,找出你觉得可以提高性能的地方,加上自己的设计,那就更上一个层次了,也就会真正地感到有所收获。
作者: 小女巫    时间: 2015-2-8 17:55
交流是必要的,不管是生活还是学习我们都要试着去交流,通过交流我们可以学到很多我们自己本身所没有的知识,可以分享别人的经验甚至经历。
作者: 分手快乐    时间: 2015-2-25 22:02
你可以通过继承已有的对象最大限度保护你以前的投资。并且C#和C++、Java一样提供了完善的调试/纠错体系。
作者: admin    时间: 2015-3-8 06:55
你可以通过继承已有的对象最大限度保护你以前的投资。并且C#和C++、Java一样提供了完善的调试/纠错体系。
作者: 小妖女    时间: 2015-3-15 21:07
学习ASP其实应该上升到如何学习程序设计这种境界,其实学习程序设计又是接受一种编程思想。比如ASP如何学习,你也许在以前的学习中碰到过。以下我仔细给你说几点:
作者: 莫相离    时间: 2015-3-22 04:14
学习ASP其实应该上升到如何学习程序设计这种境界,其实学习程序设计又是接受一种编程思想。比如ASP如何学习,你也许在以前的学习中碰到过。以下我仔细给你说几点:




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2