毕设系统设计

1、树形导航菜单组件设计1 .系统模型本系统的体系构造设计采用B/S或C/S构造。假设为B/S采用三层构造：表示层、应用层、数据层。其中，表示层是客户端的浏览器；应用层是具有应用程序扩展功能的Web效劳器，它包括事务处理逻辑，位于效劳器端；数据层即数据库效劳器。B/S的三层构造是基于Web效劳的体系构造，采用三层构造的优点：可实现应用效劳器级和数据库级的全面分布，较好实现负载上的平衡，因为有了中间层，提高了数据的平安性。2 .树形导航菜单组件的体系构造设计该树形导航菜单组件的设计主要是基于树形构造的研究，能够对树中的节点进展相关操作，主要实现的功能有：读入根节点、展开、折叠、编辑、保存、显示以及拖

2、放等功能，其中编辑功能又包括对兄弟节点、根节点和叶节点进展增加、删除和修改的操作，而拖放功能那么可以将节点拖放为其它节点的子节点和叶节点，也可以实现同级节点之间的拖放，以此轻松地实现了各个节点之间的次序排列方式。该树形导航菜单组件各个功能模块之间的层次构造关系如图2.1所示：树形导航菜单拖放展开折叠编辑节点名称增加节点删除节点编辑保存显示增加兄弟节点增加孩子节点优选图2.1树形导航菜单组件的功能构造图3 .各模块功能设计3.1 展开树形构造是表示事物问“一对多的联系方式之一，同时还表示了事物间的附属关系和并列关系。如果树形构造中的所有节点都翻开势必占用很大的空间，显示不出清晰的层次构造并且查找

3、起来不方便。为了解决这个问题可以通过对节点的展开操作和折叠操作来实现。当树形构造的一个节点有子节点的时候就可以将该节点设为可以展开或者折叠。当要查看该节点的子节点信息的时候那么需要将该节点展开来看，如果不需要那么将该节点折叠起来，以节省空间。同时让树形构造有序整齐。在此需要用到两个图标：“+和-'。当树形构造的节点目录有下级子目录的时候节点前面的按钮呈现“+状态,表示有下级子目录并且为折叠状态，这时候点击树形导航构造左侧的按钮图标+，就将树中的该节点目录下的子目录节点全部展开，同时“+变成了-，说明该节点已经完全展开。如图(a)、(b)所示。，二事尊而网嘉碑章1:2章章章章章章章章章

4、啊 1 1二三四五六七八九十 轲第 第第第第第竟第第第 计 日!r.LILt(a)展开前慨逑因特网概述1 1网络的网络因特网的组成物理层数据慌路信网络层运输层应用层M喑安全因将网上的音频/视频胭翁无线网络_下一代因特网(b)展开后3.2 折叠折叠状态与展开状态正好相反，当树形构造的节点目录有下级子目录的时候并且节点前面的按钮呈现“-状态，表示该节点目录为展开状态，如果要使该节点呈现为折叠状态，点击树形导航构造左侧的按钮图标“-，就将树形构造中的该节点目录下的子目录节点全部隐藏起来，同时“-变成了“+，说明该节点已经折叠，下级子节点目录已经隐藏。3.3 增加节点（ 1）增加兄弟节点该树形导航菜单

5、与以往树形导航构造不同的地方就在于在以往树形导航构造的根底上增加了对节点的任意编辑，其中包括对节点的增加、删除和修改。在该树形导航菜单中设计需要增加并行的兄弟节点以实现同级目录。在确定需要在某个节点下添加兄弟节点后，首先点击该节点，然后点击组合列表框选择增加兄弟节点，并且双击新节点后可以对新增加的兄弟节点进展文本编辑。（ 2）增加孩子节点如果在编辑树形构造目录的时候需要对某一目录添加它的下级子目录，就要对该树形构造中的某一节点增加它的子节点，这时也要通过点击按钮来对这一节点进展添加，并且要对新增加的子节点进展文本编辑。首先确定需要增加子节点的节点，然后点击该节点，再点击组合列表框选择增加子节点

6、，即可对该节点增加它的子节点，在该节点的下级节点中出现节点编辑框。双击新增加的子节点就可以对其进展文本编辑。3.4 删除节点对于树形导航构造，不仅要做到可以任意增加节点同时还应该能够任意删除节点，这样才能更加方便地对树形构造的目录进展修改调整。在该树形导航菜单中设计了一个删除按钮，即对选中的节点进展删除。首先要点击需要删除的节点，然后点击删除按钮，对其进展操作。3.5 拖放该树形导航菜单不仅实现了对节点的增、删、改的编辑，还给用户提供了一个方便实用的功能:拖放功能。也就是说，用户可以通过鼠标选中要操作的节点或者目录，随意拖至想要的位置，就可以实现节点位置的改变。可以将编辑好的任意节点拖为其它节

7、点的兄弟节点，子节点，而不需要对节点进展重新添加和编辑，这样很轻松地就实现了对节点的次序调整。拖放功能操作起来很简单，主要是对鼠标的操作，主要分两种方式：1拖放节点为其它节点的子节点，成为该节点目录的下级目录；2拖放节点为同级节点的前后以此来改变节点的位置，这种拖放主要应用在调整节点次序方面。3.6 保存对于编辑好白树形构造，如果不能进展保存也就失去了编辑的意义。在该树形导航菜单中，可以实时对编辑好的树形构造进展保存。3.7 显示在该树形导航菜单不仅可以轻松地对编辑好的树形构造进展保存，而且可以直观地显示在用户面前，对编辑好的树形构造的内容进展显示。一旦编辑成功，就可以点击“显示按钮，树形导航

8、构造加载区进展显示。4 .系统数据库设计要开发一个Web数据库当然离不开后台数据库的支持，在后台数据库的选择上，不同的要求可以选择不同数据库来实现。本系统采用MicrosoftSQLServer2005数据库。SQLServer2005是微软提供的一个数据库管理软件，能提供超大型系统所需的数据库效劳，可在多个用户之间有效地分配可用资源。它不仅是一个巨大的数据容器，更是一个非常强大的数据处理工具。由于与ASP.NET同为微软的产品，ASP.NET对SQLServer提供了更为强大的支持，ASP.NET中的数据处理组件ADO.NET对SQLServer作了优化处理，ADO.NET中SQL类会跳过由

9、OLEDB提供程序呈现的中间层，而直接进入数据库效劳器内部API,从而提高了运行的速度。系统使用SQLServer作为数据库管理软件不但可以防止与操作系统兼容问题，更可大幅提高开发和运行的效率。4.1 数据库表的设计数据字段是对系统中数据各个层次和各个方面的准确、详尽地描述，也是数据和处理的有机结合。表treeroot字段名称数据类型长度根节点号主键字符型10名称字符型50图片二进制50宽度字符型50高度字符型50表first字段名称长度节点号主键字符型20名称字符型50图片二进制50宽度字符型50高度字符型50根节点号外键字符型20子节点号字符型204.2 数据库表关系tree root#根

10、节点号Wrlb伯VariableImage (t Relationship 1Variable '-WVariable称片段4 名图嵬高 o o o Ofiret点,另 Variable c节称本片度度节 报名文图竟高于Q 。 Q QOOVariable cVariable cVariable cImage (5( Variable c Variable c 点号 Variable c图4.2概念数据模型firsttreeroot-根节点号号号号寻寻点称片度度节节节名图宽高根子一一一1一1一0.Jo.*1*-*«-*drklrn./XJtl/I.加除改存增删修保+VJ加除改存示增删修保显十+十+«»w图4.3功能逻辑类图5 .树形导航菜单组件的界面设计该树形导航菜单组件的界面主要分为两局部：功能栏和树形导航构造加载区。功能栏那么放置了各个按钮相应地来实现节点的一些操作功能，通过点击按钮对树形构造中的节点进展操作；树形导航构造加载区是加载树形构造的区域，可以将提前编辑好的树形构造内容加载到该区域进展显示，也可以在此区域对树形构造进展编辑以及显示。勒咛点工章章章章章章章章章1二三四五六七八九十诺第第第第第第第第n3 一 一 -