网站动态导航的实现与研究

《网站动态导航的实现与研究》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网站动态导航的实现与研究摘要：本论文主要阐述在网站设计时如何实现动态导航的过程；本文所述设计是釆用数据库原理来管理导航的过程，可以实现二级或多级导航，可实现导航的后台动态管理，从而实现导航的动态添加、修改、移动等功能。关键词：ASP节点导航数据库中图分类号:G4文献标识码：A文章编号：1673-9795(2013)09(b)-0148-02当今社会是互联网时代，网站遍布到各个领域，网站设计制作也随之兴盛起来；无论从大公司，还是个人，都可以进行网站设计或制作。对于一般的建站公司，大多采用模板式批量生产，对于个人，

2、一般采取个人设计或制作的形式，不管是哪一种形式，都需要日后的维护和网站的更新，有时需要对原有网站版面进行重新修改，这样经常会涉及到导航的变动。由于一般情况下，网站的导航都采用的固定的方式，从而导致修改不方便(需要修改源代码来实现)，所以本文所阐述的就是如何实现动态导航，减少日后由于某种原因而导致修改源代码带来的不必要的工作量。1分析过程动态导航可以应用于各种Web编程语言，如ASP、PHP、JSP等。通过程序与数据库结合，來实现动态导航的管理。其中在数据库中存储导航的各节点及所属上级节点，利用程序在网页中进行节

3、点检索，实现导航树,将各节点创建在网点中。另外，也可以实现导航节点之间的新建、移动、删除等操作，便于节点管理，对于节点的维护，通常放在后台进行，前台只是为普通用户生成导航节点。流程如下：（1）设计数据库和节点数据表（宁段）。（2）前台导航节点的显示，包括主节点（主页中）及分支节点（子页面中）。（3）后台导航节点的管理及维护（节点之间的新建、移动、删除等操作）。2设计过程（1）数据库和节点数据表。数据库及数据库名的选择可以根据实际情况进行，女口，对于大型数据库,可以采用SQLServer或MySQL来存放数据，一

4、般的小型网站，可以选择相对较小的Access数据库进行。木文所描述的数据库采用相对较小的Access进行设计（其它数据库设计相同）。本文描述的节点所涉及的数据表包括：naviLem表，用于存放节点及子节点，上下所属关系，可以实现N层所属关系。navContent表，用于存放末节点相关详细内容（节点对应的页面文字）。navTtem节点表中字段包括：navID（节点ID）、navName（节点名称）、Lsort（节点顺序号）、UID（父节点ID）、Leaf（是否是末节点）。navContent节点内容表字段包括：n

5、avID（节点ID）、content（节点对应内容）。（2）前台导航节点的显示。主页面中的首节点可以采取通过滤的方式，只需要在检索时检索UID为0（为0代码是顶层节点）的节点，即可得到首节点，并放置在导航条上。子页面中的节点检索，是通过得到某个首节点ID后，通过递归算法,得到相应子节点的方式得到。例如，如果用户点击了某个首节点ID二5,则可以检索UID为5的所有子节点，利用递归，以此类推，查找出每个子节点的下级子节点，并利用CSS样式及HTML代码以列表的形式显示在对应的子页面中即可。（3）节点的管理及维护。后

6、台节点管理最为复杂，需要实现节点新建、移动、删除操作，具体作法如下：新建：新建节点时，要给出新建节点名称，以及所属的父节点（navID）,并选择是建同级节点，还是下级节点，是否是末节点（叶子）。取到相应数据后，判断如果是同级节点，则先获取当前navID的父节点，将获取到的navID作为UID（父节点ID）存放，如果是下级节点，只需要将当前节点的navID作为UID,应用节点名称写入navName,如果是末结点,则将Leaf字段置1,否则说明不是末节点，则置0,写入记录即可。移动：获取源节点navID,并获取目标

7、节点navID,选择移动到当前节点Z前还是之后，是与目标节点同级节点，还是下级节点。取得数据后，根据所选值进行判断，如果是同级并且是之前，则先耍取得目标节点的Lsort值，将当前目标节点及以下的Lsort全部向后移动。插入当前源节点（将当前源节点的Lsort值改为原冃标Lsort值），如果是之后插入，只需要将目标节点后的节点向后移动，插入当前节点即可。如果是下级，则获取目标节点的子节点（如果没有子节点，则将当前节点的Lsort设置为1）,并将目标节点的navID设置为当前节点的UID（父节点）。删除：提示用户是

8、否确定删除节点（连带删除所有所属子节点）。获取到预删除节点的navID后，利用递归算法，先将所属所有下级子节点删除后，再将当前节点删除，同时要将navContent表中相对应的节点内容一并删除。3算法代码移动节点：要求先获取日标节点ID,根据移动位置，来决定源节点的移动方式。代码如2（其屮数据库连接代码部分省略）slevel二request・Fonn（〃slevel"）t_level=