随着智能终端软硬件技术的迅猛发展,移动设备越来越多样化,使得传统的Web界面不再适用。尽管Web界面在PC端的应用已经非常成熟,但由于移动设备通常具有较小的屏幕尺寸,使用移动设备访问Web应用时会遇到缩放或图片分割等问题,影响Web端的用户体验。目前,流行的响应式Web技术(Responsive Web Design, RWD)是为解决Web界面的屏幕尺寸适应问题的技术。RWD根据运行设备的屏幕尺寸呈现界面,保证Web界面在不同设备中都具有良好的用户体验及可用性,但其偏重底层技术来实现,开发过程并未规范化和模型化,因此开发过程不仅复杂且出错率高,不具有复用性。而基于模型的方法开发Web界面,通过对开发过程建模,实现界面的快速开发和自动生成,但在其开发过程中缺少对用户行为、屏幕尺寸、设备输入输出形式等因素的考虑,因此无法保证界面的可用性和用户体验。如何快速开发Web界面并使其在具有不同的屏幕尺寸的设备中具有高可用性和良好的用户体验,已成为Web应用开发必须解决的难题。针对上述问题,本文提出了基于响应模型的Web生成技术,核心思想是：结合RWD和基于模型的方法,首先对RWD方法的实现特征及过程进行抽象建模,形成响应模型;其次在基于模型方法中引入响应模型,形成响应式Web界面的生成过程,该过程包含四个模型及模型之间的转换：任务模型、抽象响应界面模型、具体响应界面模型、最终响应式界面。任务模型是描述用户任务和目标的模型,本文采用并发任务树(Concur Task Tree, CTT)描述任务模型；抽象响应界面模型由任务模型转换而来,从静态和动态两个方面描述界面；通过模型映射及转换得到依赖具体平台和实现技术的具体响应界面模型,形成界面描述文件和响应行为描述文件；根据界面的描述文件和使用设备上下文得到可响应的Web界面。本文提出的方法结合了RWD和基于模型两种方法的优点,生成具有适应不同屏幕尺寸的Web界面,保证界面的用户体验和可用性,同时利用基于模型的开发方法提升界面的开发效率及可复用性。