《毕设系统设计》由会员分享，可在线阅读，更多相关《毕设系统设计（7页珍藏版）》请在金锄头文库上搜索。
1、树形导航菜单组件设计1.系统模型本系统的体系构造设计采用 B/S 或 C/S 构造。假设为 B/S 采用三层构造： 表示层、应用层、数据层。其中，表示层是客户端的浏览器；应用层是具有应用 程序扩展功能的 Web 效劳器，它包括事务处理逻辑，位于效劳器端；数据层即 数据库效劳器。B/S的三层构造是基于Web效劳的体系构造，采用三层构造的 优点：可实现应用效劳器级和数据库级的全面分布，较好实现负载上的平衡，因 为有了中间层，提高了数据的平安性。 2.树形导航菜单组件的体系构造设计该树形导航菜单组件的设计主要是基于树形构造的研究，能够对树中的节点 进展相关操作，主要实现的功能有：读入根节点、展开、折
2、叠、编辑、保存、显 示以及拖放等功能，其中编辑功能又包括对兄弟节点、根节点和叶节点进展增加、 删除和修改的操作，而拖放功能那么可以将节点拖放为其它节点的子节点和叶节 点，也可以实现同级节点之间的拖放，以此轻松地实现了各个节点之间的次序排图 2.1 树形导航菜单组件的功能构造图3各模块功能设计3.1展开树形构造是表示事物间“一对多的联系方式之一，同时还表示了事物间的 附属关系和并列关系。如果树形构造中的所有节点都翻开势必占用很大的空间， 显示不出清晰的层次构造并且查找起来不方便。为了解决这个问题可以通过对节 点的展开操作和折叠操作来实现。当树形构造的一个节点有子节点的时候就可以 将该节点设为可以
3、展开或者折叠。当要查看该节点的子节点信息的时候那么需要 将该节点展开来看，如果不需要那么将该节点折叠起来，以节省空间。同时让树 形构造有序整齐。在此需要用到两个图标：“+和“-。当树形构造的节点目录有下级子目录的时候节点前面的按钮呈现“+状态， 表示有下级子目录并且为折叠状态，这时候点击树形导航构造左侧的按钮图标 “+，就将树中的该节点目录下的子目录节点全部展开，同时“+变成了“-, 说明该节点已经完全展开。如图(a)、(b)所示。展开前0-1.1L.1.2章章章章章章章章章一iz舸對|5菊埶鼾胳禰的层m层层层安阿阚代 述阿廉网理据络输用貉特线- 睡特1特物数珂运应网因无下因1因上络因(b)展
4、开后3.2折叠折叠状态与展开状态正好相反，当树形构造的节点目录有下级子目录的时候 并且节点前面的按钮呈现“-状态，表示该节点目录为展开状态，如果要使该节 点呈现为折叠状态，点击树形导航构造左侧的按钮图标“-，就将树形构造中的 该节点目录下的子目录节点全部隐藏起来，同时“-变成了“+，说明该节点已 经折叠，下级子节点目录已经隐藏。3.3 增加节点（1）增加兄弟节点该树形导航菜单与以往树形导航构造不同的地方就在于在以往树形导航构 造的根底上增加了对节点的任意编辑，其中包括对节点的增加、删除和修改。在 该树形导航菜单中设计需要增加并行的兄弟节点以实现同级目录。在确定需要在 某个节点下添加兄弟节点后，
5、首先点击该节点，然后点击组合列表框选择增加兄 弟节点，并且双击新节点后可以对新增加的兄弟节点进展文本编辑。（2）增加孩子节点如果在编辑树形构造目录的时候需要对某一目录添加它的下级子目录，就要 对该树形构造中的某一节点增加它的子节点，这时也要通过点击按钮来对这一节 点进展添加，并且要对新增加的子节点进展文本编辑。首先确定需要增加子节点的节点，然后点击该节点，再点击组合列表框选择 增加子节点，即可对该节点增加它的子节点，在该节点的下级节点中出现节点编 辑框。双击新增加的子节点就可以对其进展文本编辑。3.4 删除节点对于树形导航构造，不仅要做到可以任意增加节点同时还应该能够任意删除 节点，这样才能更
6、加方便地对树形构造的目录进展修改调整。在该树形导航菜单 中设计了一个删除按钮，即对选中的节点进展删除。首先要点击需要删除的节点， 然后点击删除按钮，对其进展操作。3.5 拖放该树形导航菜单不仅实现了对节点的增、删、改的编辑，还给用户提供了一 个方便实用的功能:拖放功能。也就是说，用户可以通过鼠标选中要操作的节点 或者目录，随意拖至想要的位置，就可以实现节点位置的改变。可以将编辑好的 任意节点拖为其它节点的兄弟节点，子节点，而不需要对节点进展重新添加和编 辑，这样很轻松地就实现了对节点的次序调整。拖放功能操作起来很简单，主要是对鼠标的操作，主要分两种方式： 1拖放节点为其它节点的子节点，成为该节
7、点目录的下级目录； 2拖放节点为同级节点的前后以此来改变节点的位置，这种拖放主要应用 在调整节点次序方面。3.6 保存对于编辑好的树形构造,如果不能进展保存也就失去了编辑的意义。在该树 形导航菜单中，可以实时对编辑好的树形构造进展保存。3.7显示在该树形导航菜单不仅可以轻松地对编辑好的树形构造进展保存，而且可以 直观地显示在用户面前，对编辑好的树形构造的内容进展显示。一旦编辑成功， 就可以点击“显示按钮，树形导航构造加载区进展显示。4.系统数据库设计要开发一个 Web 数据库当然离不开后台数据库的支持，在后台数据库的选 择上，不同的要求可以选择不同数据库来实现。本系统采用 Microsoft
8、SQLServer2005 数据库。SQL Server2005 是微软提供的一个数据库管理软件，能提供超大型系统所 需的数据库效劳，可在多个用户之间有效地分配可用资源。它不仅是一个巨大的 数据容器，更是一个非常强大的数据处理工具。由于与 ASP.NET 同为微软的产 品，ASP.NET对SQL Server提供了更为强大的支持，ASP.NET中的数据处理组 件ADO.NET对SQL Ser ver作了优化处理,ADO.NET中SQL类会跳过由OLE DB提供程序呈现的中间层，而直接进入数据库效劳器内部API，从而提高了运 行的速度。系统使用 SQL Server 作为数据库管理软件不但可以防
9、止与操作系统 兼容问题，更可大幅提高开发和运行的效率。4.1数据库表的设计数据字段是对系统中数据各个层次和各个方面的准确、详尽地描述，也是数据和处理的有机结合。表 treeroot字段名称数据类型长度根节点号主键字符型10名称字符型50图片二进制50宽度字符型50高度字符型50表 first字段名称类型长度节点号主键字符型20名称字符型50图片二进制50宽度字符型50高度字符型50根节点号外键字符型20子节点号字符型204.2数据库表关系tre&root# o o o o根节 点 号/臼rPblE 名称Variable图片Image (S宽度Variable高.燮VariableRelatio
10、nship_1节称本片度度节 报名文團宽高子也imbjg c Variable c Variable c Variable c Image (5C Variable cVariable c图4.2概念数据模型treeroot节称片度度 报名图宽高0.1+增加（）+删除（） +修改（）+保存（）t rs号号 号 倉- 点称片度度节节 节名图宽高根子 U lr/X /s JJX 加除改存示 增删修保显 十 + + 十 +图4.3功能逻辑类图5树形导航菜单组件的界面设计该树形导航菜单组件的界面主要分为两局部：功能栏和树形导航构造加载 区。功能栏那么放置了各个按钮相应地来实现节点的一些操作功能，通过点
11、击按 钮对树形构造中的节点进展操作；树形导航构造加载区是加载树形构造的区域, 可以将提前编辑好的树形构造内容加载到该区域进展显示，也可以在此区域对树 形构造进展编辑以及显示。增加节点.2章章章章章章章章章1二三四五六七八九十L第第第第第第第第第-计算机两络白第一章槪述:&1-1因特网槪述 L-l. 1-1网務的网络 因特网的组成 物理层 埶据無路层 网络层 运输层 应用层 网络宝全 因疇网上的音频/视频朋势 无线网络 下一代因持网图5.1实现的功能和图5.2相似。图5.26系统实现方案采用Visual C#进展界面设计;2）树形导航菜单组件建立数据库表构造；3）进展数据库；4）进展编码操作与代码测试。
