移动Web的快速开发分析

王亚林

【摘 要】随着国家经济的迅猛发展，人们对于科技的需求越来越高，因此，我们要不断的研发新的科技产品，目前主要的研发对象是手机网站。如何研发一种外观时尚，功能完备的手机网站，是我们面临的挑战。我们可以分析目前的开发主流技术移动Web的基础上，采用MVC4、Entity Framework以及jQuery Mobile等技术实现手机课程网站。这种手机网站的界面非常的简约美观，使用起来也非常的方便，其兼容性也高，这种技术已经落实到了南京理工大学泰州科技学院，激发了学生的学习热情，提高了教学质量。

【关键词】移动Web；快速开发

一、引言

随着国家网络技术的不断发展，移动网络和智能终端也得到了快速的发展。在访问方式以及用户体验上移动Web都有了质的飞跃，而那些传统的网站已经不能满足移动终端的访问需求，如果用手机去访问传统网站，就会出现乱码、不能兼容等问题。技术家在解决这个问题时提出了多个方面的意见：从系统架构方面来说，MVC（模型-视图-控制）的模式可以快速构建有效的移动Web架构当用户使用时，提高了网站的复用，缩减了代码量；从前端开发语言方面来说，HTML5及CSS3不仅保存了原有的优势还增加了一些新的元素用来适应新的移动Web的开发；从开发工具方面来说，新型的技术工具从不同的方面推动了移动Web的开发，比如Phone Gap、Mobl-lang 等技术，它们拥有跨平台、快速保存、随时测试的特性。本文通过分析目前的开发主流技术移动Web的基础上，采用MVC4、Entity Framework以及jQuery Mobile等技术实现手机课程网站，这种手机网站的界面不但美观而且还十分容易操作。

二、快速开发方案分析与设计

之前的手机网站一般以WAP协议为基础，之前通过采用WML无线标记语言来编写，到WAP2.0采用XHTML-MP可扩展标记语言概要来编写，文字语言和简单的图片信息是主要的表现形式，这种网站在开发效率和用户体验上都比不上以HTTP协议为依据、采用HTML超文本标记语言来编写的网站。目前的智能终端已经被逐步普及，单纯的WAP站点将会逐渐被社会淘汰，以HTML5开发的移动网站将会成为主流趋势，由于智能终端可以轻易的访问传统网站，所以在开发传统网站使用的方法也可以用在开发移动网站上。

（一）主体框架方案分析

NET和J2EE这两个大的开发平台是开发移动Web的主要技术，不同的开发平台有不同的网站开发方案。依据J2EE平台构建的SSH框架，用户可以将搭建PC网站的方法用在搭建移动网站上，技术开发者只需要关注如何可以让网站界面简约美观以及用户在使用的时候如何可以简化操作，如何使功能更加齐全。但是技术者在使用J2EE开发平台的时候，需要有足够的专业知识，因为其技术要求比较高，开发环境的搭建和开发工具的操作都比较复杂。此外，与J2EE这种重量级的开发平台相比，微软提供了一种比较简单的，比较适合初学者学习的开发工具和开发框架。Visual Studio就是微软提供的一套开发工具集其内容十分丰富而且功能十分强大，可以用来全面的开发移动Web和HTML5，而且还提供了很多的高级开发工以及开发的框架，比如：Entity Framework和MVC4等，技術开发者可以利用这些丰富的框架进行快Web应用程序的构建以及测试和发布。

（二）前端方案分析

在进行框架的搭建时，设计网页是移动网站开发的主要工作。在开发移动Web前端方案中，主要的方案有：借用第三方UI框架模式、单页面应用设计模式和响应式设计模式。

（三）方案设计

从上面分析和讲解来看，本篇文章提出了一种技术方案在快速开发移动Web的过程中：网站的架构可以使用NET MVC4 框架，数据访问可以使用ADO.NET Entity Framework，UI框架可以使用jQuery Mobile。

三、系统分析与设计

本篇文章设计并且实现移动课程网站，可以和传统的网络课程进行互补，改善传统的课程网站，这样的话，学生只要有一部智能手机，即使是一部非常普通的手机都可以随时随地的进行课程网站的访问，可以查看教学内容，可以提问，可以讨论，这样不但利用了闲暇的时间还提高了学生的学习热情，提高了学习质量。

（一）系统需求

在传统的课程网站里我们的移动课程网站也可以继承它的一些功能，而对于移动课程网站需要不断扩展可以适应移动终端的访问，需要让移动界面可以兼容不同的移动浏览器并且还要让操作简单方便。发布课程内容，整理课程资料，解答课程提问等内容是移动课程网站的核心功能。

（二）系统设计

第一、主体框架设计。可以采用经典的MVC架构进行主体框架的设计，可以利用Entity Framework 进行对象关系的映射，建立完善的数据库。可以将逻辑代码以及数据库的操作放到控制器内，在SQL数据库中存放网站的主要数据，可以将课件资料等文件存放到Web服务器上。第二、前端框架设计。可以在视图中引进jQuery和jQuery Mobile库，可以开发出简约美观的界面，可以采用它所提供的AJAX异步JavaScript和XML工作机制，在页面进行交互的时候可以实现部分刷新，减少库文件的重复加载以及重复的代码从而节约流量。第三、开发环境及部署。Visual Studio2013和SQL Server2012是开发环境需要安装的，NET Framework4.0，IIS6.0和SQL Server2012是部署环境需要安装的。

四、系统实现

（一）实体模型的实现

Entity Framework采用了一种抽象化的数据结构方式，把每一个数据库对象都转化成应用程序对象，把数据字段都转化成属性，关系都转化成结合属性，把数据库的E/R模型转化成对象模型。

（二）视图的实现

视图主要通过显示界面，可以利用Razor视图引擎来减低界面和显示逻辑的耦合度。如果想要快速的开发出兼容性高且美观的页面就需要技术者引进jQuery Mobile库。

（三）控制器的实现

响应用户的请求是控制器的主要工作，控制器在MVC4的框架中被定义为继承自Controller基类的类，一个控制器类可以有很多个Action，不同的Action有自己对应的一个方法。

（四）实现效果

在网站的首页显示的是院系列表，显示院系所开的课程，对于访问量可以按降序进行排列。用户点了某个院系，就可以直接访问该院系的课程列表。在个人信息的页面，用户可以设置密码来保护自己的信息。老师进入页面之后可以查看自己的课程状况，可以新建、修改或者删除课程的内容。网站的页面整体布局十分干净简洁，功能齐全，操作简单方便，可以满足学生的学习需求，可以提高学生的学习质量，激发学生的学习热情。

五、结语

综上所述，本篇文章通过分析快速开发移动Web的主要技术，提出了一系列的建议，从页面设计到系统的实现都做出了介绍。开发移动Web是主流趋势，是当代学生学习的重要工具。们可以分析目前的开发主流技术移动Web的基础上，采用MVC4、Entity Framework以及jQuery Mobile等技术实现手机课程网站，这种手机网站的界面非常的简约美观，使用起来也非常的方便，其兼容性也高，这种技术已经落实到了南京理工大学泰州科技学院，激发了学生的学习热情，提高了教学质量。

【参考文献】

[1]徐尤华，熊传玉.Query Mobile 1.2移动Web开发方法研究[J].信息技术，2013

[2]朱贇，王玉善.跨平台移动开发技术jQuery Mobile的应用分析[J].福建电脑，2013

[3]钱海军.基于HTML5移动Web页面开发技术研究[J].电脑与信息技术，2013