将ASP.NET MVC框架应用巧妙移植到手机
员工管理应用。这个应用有四个视 图:创建员工、编辑现有员工数据、显示所有员工数据和显示特定员工数据。我 已经把员工管理应用中所有相关文件拷贝到TestMobileWebApplication项目中, 并对RegisterViewEngine函数进行了必要的修改。另外我还针对手机设备创建了 新的定制化视图,并增加了一些针对手机应用的新管理页面。我还在Content文件 夹下创建了分别针对普通浏览器和手机浏览器的不同CSS文件。而且我对应用程序 增加了错误处理功能。在增加了所有必需的组件后,如下图所示。
图3 在控制类中还需要进行另一处改动,此前对于任何Http请求,你的应用程序代 码需要将其重定向到特定视图,现在你需要调用 MobileCapableViewEngine类的 FindView函数,这个函数能够识别浏览器类型,并将你的请求重定向到相应的定 制化视图。 51CTO开发频道也向您推荐《ASP.NET MVC框架视频教程》,以便于您 更好的了解ASP.NET MVC框架。 使用模拟器测试你的应用 Microsoft Mobile SDK 6.0已经安装了相关模拟器。为了测试你的应用,首先 你需要设置设备管理器和模拟器。双击设备模拟器管理程序(dvcemumanager.exe) ,它的存放路径为:C:\Program Files\Microsoft Device Emulator\1.0。 图4 如果你的本地系统是Windows XP,你还需要配置Microsoft Activesync。右键 点击Windows任务栏上的Active Sync图标,并选择“Open Microsoft ActiveSync ”,从文件菜单中选择连接设置。 参考图4设置你的ActiveSync连接。然后在设备模拟器管理工具中选择 “Mobile Classic Emulator”并右键点击,选择连接选项。这样将会打开 Windows Mobile Classic Emulator,首次打开可能需要40-45秒时间。右键点击 运行的模拟器管理工具映像,并选择Cradle选项激活ActiveSync,你将会看到一 个同步向导界面。 图5 不要选择向导中的任何选项,点击完成。现在我们已经可以在Windows Mobile Emulator中测试应用。该模拟器如下图所示。 图6 现在回到Visual Studio编辑器中,按F5执行该Web应用。下图显示了普通IE浏 览器中的已有员工列表。 图7 要想在微软系统手机浏览器中显示相同的员工列表,我使用了一个定制化视图 ,只显示员工信息的部分内容。如下图所示: 图8 通过ASP.NET MVC Framework,我们可以灵活的向项目中增加新定制化视图模 板。借助于文本模板转换工具箱(Text Template Transformation Toolkit ),你 可以最大限度的定制你的ASP.NET MVC现有视图模板。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |