MVC架构下浏览器移动应用开发探讨.docx

? ? MVC架构下浏览器移动应用开发探讨 ? ? 摘要：为了给基础设施管理系统增加移动功能，对MVC架构下浏览器移动应用的开发进行了探讨。介绍了MVC体系结构和浏览器移动应用的原理，举例说明了模型、控制器、视图的设计和实现，显示了运行效果，总结了开发方法，描述了应用场景，实践后证明方案可行。 关键词：WebForm，MVC，实体框架，jquery mobile，单一职责原则，状态机，业务规则 1 引言 基础设施管理系统是基于WebForm[1]构建的、使用事件驱动编程的应用网站，它集设备信息录入、维护、审批、结算为一体，监控设备维护、更新、采购，保证了信息设备管理目标的实现。 众所周知，计算架构模式正经历着从浏览器/服务器模式，到移动/无线/云模式的演变，移动技术成为其中重要的组成部分。移动带来巨大的商机，促进、改善了B2E、B2C等商业模式。移动应用为用户带来的价值体现在：实时信息收集、业务流程加速、信息价值放大[2]。 为了加速设施管理系统的维护、审批等流程，需要给系统增加移动功能。当前移动应用分为原生应用、基于浏览器的应用以及混合应用。基于浏览器的应用使用终端内置浏览器访问系统网站，用户无需安装应用，应用开发成本低，维护方便，较具有竞争优势。 本文从系统架构开始，到重构业务功能实现，探讨为基础设施管理系统增添基于浏览器的移动功能的过程。 2 系统架构 MVC[3](Model View Controller，模型-视图-控制器)是一种软件体系结构，它把业务数据、显示界面的实现代码分离，以控制器作为体系的核心，确保模型和视图的同步。这种结构具有重用性高、耦合性低、可维护性高等优点，能极大减少开发时间，是大型应用开发的首选。对比于WebForm，MVC在视图状态管理、页面生命周期、可测试性等方面有更强大的能力。 新增移动功能使用ASP.NET MVC 4项目下的移动应用程序模板开发。具体地，系统将基于视图构建网页，使用控制器驱动编程实现。 3 系统功能 由于设施管理系统功能很多，本文将以维护人员“申报PC机维护单”作为例子，阐述开发“申报PC机维护单”移动功能时要面对和解决的问题，最后进行方法上的归纳总结。 “申报PC机维护单”功能如下：维护人员根据PC机属性选择要维护的PC机，然后选择维护项目，最后填写维护说明、创建维护单。 4 设计与实现 4.1 关系映射 原系统功能通过菜单表的Url字段(如表1所示)进行访问，它是HTTP链接，表示请求服务器上的Web文件，文件包含业务功能页面。在MVC下，用户访问请求也是HTTP链接，但被映射成控制器下的Action方法调用。 表1 菜单表 ID Title Url Role disp Ctrl 17 申报PC机维护单 repair_pc.aspx 4 1 repair_pc 为了确保用户访问业务功能的一致性，移动系统需要建立与原系统功能访问链接间的对应关系，为此，菜单表保留Url字段，新增Ctrl字段，来表示在移动系统中对应的根控制器名称。 4.2 模型设计 系统采用Database-First模型工作流程，使用实体框架[4]将数据库表转换成模型，图1是PC机模型和PC机维护单模型： 图1 PC机及维护单模型类 4.3 控制器设计 (1)根控制器 根控制器功能由多个实体子控制器实现，它按照所需的数据，依次调用子控制器的Action方式。“申报PC机维护单”功能对应repair_pc根控制器(如图2所示)，它调用PC子控制器的Search方式(图3左)、PCItems子控制器的Create方式、PC_Paper子控制器的Create方式，图2蓝色下划线表示子控制器方式参数： 图2 申报PC机维护单控制器类 图3 PC子控制器和数据存取 其中，Redirect To Action方法带有3个参数，从左到右依次：actionName表示另一个控制器方式名，controllerName表示另一个控制器名，route Values表示传递到另一个控制器方式的路由值，它是名/值对列表。通过这些参数，可以调用应用中其它的控制器方式，从而实现业务功能控制的流转。为了返回原控制器方式，可以将原控制器和方式作为route Values参数，供调用返回，图2绿色下划线表示返回到的控制器方式参数。 (2)实体控制器 实体控制器是对象模型，它的数据存于数据库表，它对应的控制器负责数据的创建、查询、更新、删除，在需求分析阶段实体已被识别。 利用PC子控制器的Search方式(图3左)，获取视图显示需要的数据：从PC实体模型(图1左)对应的数据表查询所属单位ejdws、操作系统czxts(图3右)，然后生成PC机选择视图pcSch。 4.4 视图设计 MVC模式中，每个实体控制