软件工程中的Web开发技术应用

韩迎红

（山西警官职业学院 信息工程系，山西 太原 030006）

1 分析当前Web开发工作常用的几种方法

1.1 Hypermedia Design Method

通过分析研究Web开发方法可以发现，Hypermedia Design Method适用范围相当广泛，主要用于开发Web的信息体系。采用这种方法可完成结构定义、进行导航工作、表现，然后应用Hyper Base、Access、表现方案的形式化。实际上，Hypermedia Design Method最主要的特征就是能够完成自动化工作，扩充设计模型，有效地将概念方案转移到逻辑和物理表示模型中。需要特别注意的是，自动生成模式只针对信息页面。

1.2 Web Modeling Language

W3I3项目明确定义，在Web系统模型中，负责描述语言界面的开发方法是Web Modeling Language，这种语言能够应用概念来描述Web系统中的复杂内容。这种方法能描述Web各种应用高度抽象的图画，其中提供完备的设计过程以及相关的工具。除此之外，正因为该方法支持XML，所以也能自动化地生成代码。

1.3 Relationship Management Methodology

Relationship Management Methodology负责完成Web系统网络的设计、组织构造和维护工作。应用这种开发方法能够有效减少在动态数据资料中的维护资金，而且语言非常形象，工作流程处于迭代式状态。这种开发方法模型包含三个层面，即表示层、内容层以及多媒体层。Relationship Management Methodology开发方案优化了整体系统的导航机制，有效提升了测试效率。

2 Web前端开发面临的问题

2.1 兼容性问题

用户选择的浏览器虽然有所不同，但打开系统页面后所呈现的信息几乎无较大的差别，然而从实际情况来看并非如此。不同的浏览器的标签默认存在差异性。此外，相同的标签在不同的浏览器也会出现差异性显示效果。比如快速性标签，float后又有横行的margin，那么在这种情况下，IE6的显示显然要比设置的领域更广。此外，还需要考虑到算是使用相同的浏览器，其版本不同，在处理的方法上也有着区别。因此，在考虑兼容性问题的过程中，就需要从实际情况出发，根据实际表现采用合理的方法才能更有效解决问题[1]。

2.2 交互的复杂性

浏览器引擎所提供的接口和UI交互的要求相比较等级很低，因此，就导致目前前端技术的热点依然是javascript、css预处理器和mv框架和微框架。

2.3 代码可维护性

需要注意的是，随着复杂度的提升，在很多情况下会影响对代码的维护性。从目前来看，主流的js以及css或者是html代码生存周期相对比较长，因此，也就愈加重视代码的质量和价格，需要从各方面以此保证其可维护性。

3 制约Web前端优化的因素

3.1 Server结构

大多数用户在浏览网页的过程中，基本上都会按照这一流程开展，首先在打开计算机以后输入网页URL，接下来就通过域名解析IP地址，向服务器发送访问的请求；而服务器在确认请求以后，就需要开始寻找资源文件，进行反馈，然后发送html文件；在浏览器接收资源并重新渲染以后，整个访问得以完成。因此从整个流程来看，browser/Server是影响开发过程当中的重要难题。

3.2 浏览器连接的限制问题

按照现行的HTTP相关规定，为能有效避免服务器出现浏览堵塞的现象，在和客户端之间的并发连接数量存在一定的限制。在同一时间内，无论是服务器还是用户端之间的持久性，连接数量只能是1。然而在Web页面的实际访问过程中，却出现了较为特殊的现象，即难以避免二次连接的问题[2]。

4 Web前端优化策略

4.1 browser/Server结构优化

对此可以从服务器以及HTTP请求等诸多方面对该结构进行优化，需要注意的是，在开展的过程中，作为开发人员，有必要根据实际情况做出相应的调整。

4.2 服务器方面

从目前来看，常用的方法主要是通过优化Web网页域名或者使用Gzip压缩资源以及改进缓存的设置等相关方法。然而根据Web服务器的特征，基本上都会使用塔式或机架式的服务器。

4.3 Ajax方面

该方法主要充分利用可缓存性实现信任的大幅度提升。由于其本身就具备良好的异步特征，因此通过传输的异步差异，可以给广大用户带来更好的浏览体验。但采用这种方法也存在一定的缺陷，那就是在等待的过程中或许会花费一定的时间，在采用这种方法的过程中，结果主要还是取决于异步优化法和用户到底采用哪种方式进行访问。

5 基于软件工程的Web技术开发方法的主要特征

5.1 具有图形化特征，而且比较容易操控

目前，Web系统的应用范围极为广泛的原因就是整个系统的页面设计非常简洁，能有效表现相应的信息资料，比如文字信息、图片信息或者视频资料。早期阶段，Web系统仅能传递单纯的文字，局限性非常大。而基于软件工程进行Web开发技术之后，能在Web的版面中找出各种形式的信息资料。另外，Web操作方法非常简单，更换链接就可以使页面进行跳转，找到所需信息[3]。

5.2 具有动态特征，而且信息分散于各个页面中

在日常生活和工作过程中，需要查找各种各样的信息，有时需要下载文字、图片或者一些音频和视频资料，无法估算其占用的硬盘容量，这就导致下载过程中出现硬盘储存量不足的问题。而基于软件工程的Web技术开发工作则重视这一点，使信息分散于各个页面当中，大家只需在不同站点上调取自己所需的信息就可以。而Web系统中的信息资料处于随时更新状态，具有动态特征，大家能了解最新的资讯，完成既定的工作任务。

5.3 必须完成交互任务，进行大量的测试工作

在Web系统中富含大量的超链接，使用者可以利用Web系统中的超链接进入包含不同信息的站点，这些超链接可供使用者自行选择，根据自己的需要选择访问的站点，体现出基于软件工程的Web技术具有的交互性。使用者可以利用Web了解服务器的具体信息情况。想要更多地使用者应用Web产品，就必须要高度重视Web的可操作性和平稳性，侧重为使用者提供准确的信息。所以在基于软件工程进行Web技术开发工作时，需要进行大量的测试工作。

5.4 基于软件工程进行Web开发工作对管理工作的要求非常高

在进行Web研发工作的过程中，随着实际需求的逐渐增加和技术开发规模的逐渐增大，研发工作的难度也逐渐增加，开发Web系统相当于开发软件的难度。正因为Web开发工作非常复杂，所以可以将其作为一个重要的工程开发项目，组织更多专业人员参与Web系统的开发工作，因而就需要加大管理力度，制定相应的管理方案和工作规范，合理分配开发人员的职责，促使各部门的开发人员能够协同合作，确保Web开发系统项目的顺利完成。

6 基于软件工程建设的Web技术开发环节

6.1 打造web的原始模型

开发人员在正式进行Web系统的研究和研发工作的初始阶段，必须要充分了解使用者在日常生活和工作中的实际需求，尽快打造一个Web初始模型。需要特别注意的是，最开始建立的Web模型需要满足两方面要求，一是符合使用者的现实需要；二是充分结合已有的Web模型类型，不断提升初期工作速度[4]。

6.2 邀请使用者进行实际体验并给予评价

开发人员在建立完成Web原始模型之后，首先要邀请使用者完成最初的体验活动，然后提出使用过程中出现的问题，及时和开发人员进行交流互动。开发人员一定要根据使用者的实际体验要求进行修改，修改和体验工作需要反复进行，直到建立起一个符合用户要求的Web模型。除此之外，人员一定和使用者保持联系的状态，一旦发现使用者提出新的建议或疑问，必须要及时和使用者沟通联系，解释一些专业性的问题，并不需要完全根据使用者的意见修改，否则就背离了Web研发的初衷。

6.3 完成Web模型的定义和说明工作

开发人员在经过反复的调整和修改之后，建立起的Web模型既能够符合技术要求，又可以满足使用者的需要。然后进行下一个环节的工作，认真定义和说明Web模型，保存完整的信息资料。

6.4 设计Web系统的主要版面和工作性能

完成Web模型的定义和说明工作之后，开发人员开始下一个阶段，设计Web系统的主要版面，Web页面布局和数据库的结构，着重进行工作性能方面的研发工作。在基于软件工程完成Web设计工作时，始终坚守的原则是尊重使用者的体验要求，真正完成为使用者提供优质服务的设计目标。

6.5 完成Web系统的调试工作

在基于软件工程进行Web技术研发工作时，最重要的环节之一就是完成Web调试工作。在调试过程中，开发人员和使用者需要共同参与这个环节的工作。开发人员需要完成两项工作。第一个工作是反复查验Web系统的设计情况，保证其设计模式符合规格要求。第二个工作是查看Web的兼容性，分析Web系统能否满足使用者的实际需要。总而言之，在调试阶段，开发人员仍然需要按照使用者的实际体验进行研究和调试工作，不断提高服务水平。

6.6 发布最终的Web系统，重视使用过程中的维护工作

研发Web系统的最后阶段就是将其投入到实际工作当中，发布最终的Web系统，使更多人在网络中应用该系统。开发人员和工作人员一定要高度重视维护工作，在长时间的维护工作过程中，始终保证Web系统满足使用者的实际需要。

6.7 基于Web项目中的三大图

一是功能结构图。该图主要是为能将不同部分的功能清晰展示出，使得使用者可以明确内部逻辑关系，实现条理化。二是业务流程图。该图可便利开发人员全面掌握业务处理的实际流程，也是系统分析、管理业务操作期间可以实现数据共享的平台工具，以此对业务流程的合理性和衔接关系展开针对性的分析。三是用例图。基于使用者的角度对系统的功能进行描述，同时也可以清晰显示出不同功能的后台操作人员，借助用例图可以将系统的自身功能准确表达出来。

7 基于软件工程的Web技术研发工作中存在的漏洞和解决措施

目前，Web技术研发过程当中还存在很多问题，整体开发工作的管理系统不够完善，缺乏系统性、合理性、高效的研发体系和管理体系，导致web系统开发品质受到影响。因为最初设定的Web系统比较模糊，但在后期研发阶段出现诸多问题，而技术研发工作者经常难以预判Web系统的开发结果，经过多次修改后，设计出的Web系统和原始目标完全不同。除此之外，基于软件工程的Web开发工作难度较大，工作环节越来越复杂，导致技术研发人员的热情降低。想要真正完成Web开发系统，设计出符合新时期建设要求的系统，促使每一个环节顺利完成，需要整个团队的共同努力，将设想转变为现实。应用科学合理的管理体系，调动大家的工作热情，培养合作共赢意识。

8 结束语

在基于软件工程进行Web开发工作时，可以应用多种成熟的开发方法，针对Web系统每个开发环节的具体要求进行优化和开发工作，但仍然存在很多问题。开发人员应该充分考虑各种细节化的设计问题，融合多方面的需要，建设完整的开发和管理系统，不断推动Web系统研发工作的发展和进步。■