一种基于flex的树形菜单动态加载的方法

《一种基于flex的树形菜单动态加载的方法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第１２卷第２期南京工业职业技术学院学报Ｖｏｌ．１２，Ｎｏ．２２０１２年６月ＪｏｕｒｎａｌｏｆＮａｎｊｉｎｇＩｎｓｔｉｔｕｔｅｏｆＩｎｄｕｓｔｒｙＴｅｃｈｎｏｌｏｇｙＪｕｎ．，２０１２一种基于ｆｌｅｘ的树形菜单动态加载的方法袁渊（南京工业职业技术学院机械工程学院，江苏南京２１００４６）摘要：树形菜单是Ｗｅｂ页面导航的常用方式，通过具体实例介绍了基于ｆｌｅｘ的树形菜单动态加载的技术架构和具体实现。实践表明，该方法实现方式简单，具备良好的扩展性。关键词：ＲＩＡ；Ｆｌｅｘ；Ｃａｉｒｎｇｏｒｍ框架；树形菜单中图分类号：ＴＰ３９３文献标识码：Ａ文章编号：１６７１４６４４（２０１２）０２００５

2、００３以响应用户的点击事件，并加载相应的菜单页面。１技术背景这样只需修改配置文件即可达到加载不同业务模块随着Ｗｅｂ２．０的兴起，互联网应用ＲＩＡ（ＲｉｃｈＩｎ的效果。ｔｅｒｎｅｔＡｐｐｌｉｃａｔｉｏｎ）已成为软件开发领域的一种趋势。目前实现３总体设计ＲＩＡ的主流技术是Ａｊａｘ和Ｆｌｅｘ，Ａｊａｘ（ＡｓｙｎｃｈｍｎｏｕｓＪａｖａｓｃｒｉｐｔａｎｄＸＭＬ）技术基于ｊａｖａｓｃｒｉｐｔ技本实例基于ＦｌｅｘＣａｉｒｎｇｏｒｍ框架搭建，Ｗｅｂ服务术，然而ｊａｖａｓｃｒｉｐｔ对不同的浏览器支持没有统一的标器为Ｔｏｍｃａｔ，开发环境为ＭｙＥｃｌｉｐｓｅ。准，使得该技术的应用范围受到了较大的

3、限制。３．１技术架构Ｆｌｅｘ技术基于Ｆｌａｓｈ、运行于ＡｄｏｂｅＦｌａｓｈＰｌａｙｅｒＦｌｅｘＣａｉｒｎｇｏｒｍ框架遵循ＭＶＣ设计思想，将应环境［１］，与Ｊ２ＥＥ等企业级服务应用整合开发的ＲＩＡ用程序分为视图层、控制层和模型层［２］。其中，视图比传统的ｗｅｂ应用程序展现出更大的优势。层负责用户界面的展现，模型层负责业务逻辑和数据一致性，控制层根据不同应用将模型层业务逻辑２实例分析与视图映射，监听事件机制等，该框架的主要部分树形菜单是Ｗｅｂ页面导航的常用方式，树形菜包括［３］：单可以使菜单的展现更加直观，一般采用主菜单下设（１）ＭｏｄｅｌＬｏｃａｔｏｒ：存储程序中所有的值对象置子菜

4、单的方式体现菜单之间的层次，从而形成了二（ＶａｌｕｅＯｂｊｅｃｔｓ，数据）并共享变量。级、三级菜单等形式。树形菜单支持菜单的折叠和展（２）Ｖｉｅｗ：包括若干Ｆｌｅｘ组件，针对用户的交互开，可节省界面空间的排版，用户体验效果好。动作（点击，鼠标滑过，拖拽等）调用ＳｅｒｖｉｃｅＦａｃａｄｅ本文以“ＷＬＡＮ网络管理系统”为实例，介绍基处理业务逻辑。于Ｆｌｅｘ的树形菜单动态加载的技术架构和开发过（３）ＳｅｒｖｉｃｅＦａｃａｄｅ：进行业务逻辑处理，可通过程。“ＷＬＡＮ网络管理系统”支持无线局域网的常ＢｕｓｉｎｅｓｓＤｅｌｅｇａｔｅ访问服务器端，并更新ＭｏｄｅｌＬｏｃａ见组网方式，包括设备

5、管理模块、告警管理模块、排ｔｏｒ，而ＭｏｄｅｌＬｏｃａｔｏｒ通过绑定（Ｂｉｎｄｉｎｇ）机制更新程管理模块等业务功能，考虑到用户的不同需求和Ｖｉｅｗ。系统运行环境的差异，ＷＬＡＮ网络管理系统采用树（４）ＢｕｓｉｎｅｓｓＤｅｌｅｇａｔｅ：定义连接服务器端的远形菜单作为Ｗｅｂ页面的组织方式，通过服务器端加程过程调用（ＨＴＴＰ，ＷｅｂＳｅｒｖｉｃｅｓ等），如对数据库和载树形菜单的ＸＭＬ配置文件，由Ｗｅｂ前台对该配配置文件的操作等。置文件进行解析，动态生成树形菜单，该树形菜单可收稿日期：２０１２０２２１基金项目：“江苏省智能传感网络工程技术研究开发中心”开放基金项目（编号：ＱＫ１１０１０１

6、）作者简介：袁渊（１９７８），女，新疆乌鲁木齐人，南京工业职业技术学院讲师，工学硕士，主要从事计算机辅助制造、网络管理系统的研究。第１２卷第２期袁渊：一种基于ｆｌｅｘ的树形菜单动态加载的方法５１３．２树形菜单配置文件设计形菜单配置文件，主要流程如下：树形菜单配置文件ＭａｉｎＴｒｅｅ．ｘｍｌ保存在服务器＜ｍｘ：ＡｐｐｌｉｃａｔｉｏｎｃｒｅａｔｉｏｎＣｏｍｐｌｅｔｅ＝＂端，当主页面初始化时，系统读取该配置文件，在主ｉｎｉｔＡｐｐ＂＞页面上动态生成树形菜单，ＭａｉｎＴｒｅｅ．ｘｍｌ的格式＜ｍｘ：Ｓｃｒｉｐｔ＞如下：／／创建ＳｅｒｖｉｃｅＦａｃａｄｅ＜ｔｒｅｅ＞ｐｕｂｌｉｃｖａｒｍａｉｎ

7、ｆａｃａｄｅ：ＳｅｒｖｉｃｅＦａｃａｄｅ＝Ｓｅｒｖｉｃｅ＜ｉｔｅｍｌａｂｅｌ＝＂设备管理＂＞Ｆａｃａｄｅ．ｇｅｔＩｎｓｔａｎｃｅ（）；＜ｉｔｅｍｌａｂｅｌ＝＂基本配置＂ｕｒｌ＝＂ｃｏｍ／／ｖｉｅｗ／ｐｒｉｖａｔｅｆｕｎｃｔｉｏｎｉｎｉｔＡｐｐ（）：ｖｏｉｄｄｅｖｉｃｅｃｏｎｆｉｇ／ｂａｓｉｃｏｉｄ．ｓｗｆ＂／＞｛＜ｉｔｅｍｌａｂｅｌ＝＂设备发现＂ｕｒｌ＝＂ｃｏｍ／／ｖｉｅｗ／／／加载服务器端的树形菜单配置文件Ｍａｉｎｄｅｖｉｃｅｃｏｎｆｉｇ／ｄｉｓｃｏｖｅｒｙ．ｓｗｆ＂／＞Ｔ