易于使用并具有良好用户体验的Web界面是难以开发的,不仅需要有应用领域和界面领域的丰富知识和开发经验,而且需要“设计-评估-再设计”的多遍迭代。为了解决这一问题,目前工业界广泛采用了基于模式的开发策略。本文设计并实现了一个基于模式的Web界面开发工具(PW-WIDT),旨在将基于模式的Web界面转换为代码实现,在一定程度上减小了设计与实现之间的差距,提高了Web界面的开发效率。为此目的,首先本文引入一个参数化属性标记语言(XWIPML)。XWIPML将文本或图片形式的界面设计模式进行标记,将其封装成大粒度的界面模式构件,形成了关系清晰、分类明确的界面设计模式构件库。其次,为用户提供了Web界面的标记语言(X-WIML),将Web界面开发从基于基本界面构件层次提升到模式构件层次,减小了界面设计与实现之间的差距。通过PW-WIDT用户可以方便快捷的使用Web界面设计模式构件来进行界面设计,并且可快速生成对应原型界面的代码,有效的节省了Web界面设计时间,以及编码实现设计原型的时间。改进了Web界面的开发效率,有效的提高了界面开发质量。