支持WEB用户界面自动生成的三种界面设计模式.pdf

山东大学硕士学位论文支持WEB用户界面自动生成的三种界面设计模式姓名：鞠训卓申请学位级别：硕士专业：计算机软件与理论指导教师：万建成20070405山东大学硕士学位论文摘要近十年来，界面设计和系统功能设计相分离成为界面设计的主流思想，界面代码根据界面描述模型来自动生成已成为开发人员的目标为提高图形用户界面的开发效率和质量，许多界面模型被提了出来这些模型分为概念模型和陈述模型两类这两类模型各有其优缺点：概念模型的优点在于直接针对界面、描述简洁，缺点在于无法支持全过程开发；陈述模型的优点在于支持全过程开发、支持自动生成、描述能力强，缺点在于模型设计过于复杂，模型整合比较困难介绍了一种支持用户界面自动生成的界面模型F M P ，它借鉴了概念模型和陈述模型的优点，以实现图形交互系统自动生成、支持系统体系结构设计为目标，包括功能模型、内在模型和基于界面模板的表示模型三个部分其中基于界面模板的表示模型突破了现有的表示模型缺乏对交户对象之间的关系考虑的局限性，并且吸收和借鉴用户界面设计模式的思想本课题的核心在于，从整体上对基于n 伊模型的W 曲用户界面设计模式进行阐述，详细介绍了三种具体的用户界面设计模式；自由格式设计模式、表格格式设计模式和图形格式设计模式。

其中，自由格式设计模式是三种设计模式介绍的重点，提出自由格式设计模式的需求和设计实现结构，探讨自由格式设计模式的形式化规范，完善用户对界面模板自由格式布局的灵活控制给出自由格式设计模式、图形格式设计模式以及表格格式设计模式从A U I 模型到A s p ．n e t 页面之间的代码自动生成，它们是基于F M P 模型的W 曲用户界面设计模式的重要组成部分最后，文章以自由格式展示模式给出具体的测试实例，进一步验证正确地实现了从界面模板自由格式展示到A s p ．n e t 页面之间的映射：验证了生成代码逻辑上的正确性和使用上的健壮性；验证了基于F M P 模型的W 曲用户界面设计模式加快了W 曲页面的开发速度关键字：F M P ；模型驱动；界面设计模式：代码生成山东大学硕士学位论文A B S T R A C Th l t l l e l a s t t ∞y e a r s ，i t h 雒b e c o m e a 仃e n d t os e p a r a t e t l l e i t l 悟r f 缸e d 郎i g n f b m t l l es y s t e md 嚣i g n ．T h ei l l t e r f a c e sd e v e I o p e 硌n o wa f ea i l I l i n ga tg ∞e r a 土em ei n t e r f a c e ∞d ea u t o m a t i c a I I yb yt I l ei n t e r f 缸ed e s c f i 埘o nm o d e l ．M a n yi I l 坝f 妇sd e v e I o p m e n tm o d e I sc o m eo u tt os p e e dl | p ’l l ed “e l o p m e n te f f i c i 髓c ) r 趾di n c r e 酗et l l ed e v e l o p m 朗tq u a l 匆鲫dq l l 枷饥T h e s em o d e l sb e l o n gt oe i t l l e rc o n c e p n 】a lm o d e lo fd e c l 跏i v em o d e l ．E i t l l e rc o n c 印tm o d e lo rd e d 枷v em o d e lh a sm e m s 觚ds h o n c o I I l i n g s ．T h ec o 啦c 印删m o d dd i r e c t l yd e s c r i b 船t h ec o m p o s i h o no fU I s ，b u ti tc a I l ’ts u p p o r t 血ew h o l ep r o c e 鹳o fUd e v e l o p m ∞仁w h i l ed e c l 锄d v e 砌硪e l sd os l l p p o r tt l l ew h o l ep r o c e S s ，b l I tt l l em o d e l i I l gi st 0 0c o n 驴l e x 锄dt l l e i ri n c o r p o r 撕o ni sv e 叫d i 伍c l d t ．W 毫i n 订o d u c eaF M Pm ‘) d e l 谢d c hs u p p o r t sm ea u t o l l l a 五cg e n e r a I i o no fu s e ri n t e 瞧毗髂．Ⅱl i sF M PU Im o d ds m d i e di no 啊r 鹊e a f c hc o m b i n 嚣也em e I i t sO ft h ec o n c e p t l I a lm o d e l 釉dt l l ed e d a r 撕v em o d e l ．T h el ∞d e Ia i m s 砒m ei m p l e m e n t 撕o l lo f掣a p I l i c a lU I 夥S t 咖s 锄dt l l e i r 卸幻m a t i cc o d eg e n 硎0 1 1 ．I ts I ，p p o r t st l l e 砌i t e c t l l r ed e s i 印o fa p p l i c a l i o n s ．T h en l o d e l i sc o m p 0 ∞do ff u n c t i o nm o d e l ，i I 船f l l a lm o d e l ，锄dm et e n l p l a t e —b 鹧e dp r 洲协6 0 nm o d e l ．T h ep r 嚣∞t a _ d o nm o d e lb r e a k s1 h er e s 仃i c t i o no ft l l e 旬d 蚰gp r e s ∞伽∞m o d e l s1 h a tI a c kt l l ec o n s i d e r 砒i o no fr e l a l i o n 出i p so fi n t e d 沁eo b j e c t1 h l 】s ，血ec o n c e p to f d e s 哂p 砒锄so f ui sp r e S 眦d ．T h e ∞r ei d e 船o ft 1 1 i sr 髓e a f c ha 糟t l l 缸，“m a k 豁i m e g r a Ie l a b o r 撕∞sa b o t l tt 量l e风口m o d e lb 髂e dw 曲u s e ri n t 酬溉器d e s i 辨p a t t e m s ，缸dt l I e ni n t r o d u c e s 既a c t l yt l l I ∞s p e c i f i cu s e ri I l t e r f a c e sd e s i g np a r t e m s ：行∞一s 桫1 ed e s i g np 时t e m s ' 鲥d ．s 妒l ed 髂i 印 p a 胁s 粕dc h a m s t y l ed 器i 印p a t t e m s ，i I l 州c ht h e 舶e - s l y I ed e s i 驴p a 舵m si se n l p h 嬲i z e dn 画V e st h e 似皿r e l n e n t 锄dd e s i 弘s 虮l c n 鹏o ft 1 1 e 丘钟- 咿l ed e s i 驴p a №m s ，p r o b em t o1 l l ef o m a I i z a 五o ns t a r I d a r d ，p 盯触t 1 1 ef l e ) 【i b l ec o n t r o lo ni n t e r f 如t e m p l a l e ．nd 器c r i b et 量l e 锄m a t i cc o d eg e n 啪d o nf b m 血eA UI n o d e It Dl 量l eA s p ．n e ti l l t e f f 如o f 自e 娜l ed 船i g np a n e m s ，鲥d ．s l y l ed e s i g np a t t e m s 锄dc h a n - s 够l ed e s i g n山东大学硕士学位论文p 8 t t e m s ，w h i c h 锄1 l l ei I n p o n a I I tp a r to ft 1 1 eF M P 啪d e lb a s e dW 曲吣盯i n l e f f 犯器d 髂i g np a t ‘e r ] 畸．A f t e rt l l 懿ei n 血o d u c t i o n s ’l l l i sp a p e rh 舔p r e S e l l t e da ∞n c r e t et e s tm l l s t f 撕∞i I lm ef o mo f 丘| e e —s I y l ep r 嚣e n t a t i 吼p a t t 锄s ，枷c hf o n Ⅳ砌t e s t 柚dv e r i 母1 h e订a n s f o r n l a t i o n 丘D mi I l t 耐k 部t e m p l a t e 幻A s p ．n e tp a g ei sd o n ec o 玎e c t l y ；t l l eg e n 酬e d∞d ei sl o 画c a l l yv a l i d 锄ds 咖l g ；1 l l es p ∞do fw e bp a g ed e v e l o p m ∞ti ss p ∞d e dI l pb y1 h eF M 畔m o d db 勰e dW 曲I l s e fi n t e 商a c 豁d 器i g np 甜e m &K e y w o r d s ：F M P ：∞d e 卜d riv e n ：in t e r f a c e sd e sig np a t t e r n s ：c o d ep n e r a tio n原创性声明和关于论文使用授权的说明原创性声明本人郑重声明：所呈交的学位论文，是本人在导师的指导下，独立进行研究所取得的成果。

除文中已经注明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的科研成果对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明本声明的法律责任由本人承担论文作者签名：日期：型2 ：生f关于学位论文使用授权的声明本人完全了解山东大学有关保留、使用学位论文的规定，同意学校保留或向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅；本人授权山东大学可以将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或其他复制手段保存论文和汇编本学位论文 保密论文在解密后应遵守此规定)论文作者签名：鳢导师签山东大学硕士学位论文第1 章引言1 ．1 论文的研究背景及意义界面设计模式是设计模式在界面设计方面的应用和发展它试图构建标准可复用的解决方案，来帮助解决常见、难度较大、带有普遍性的界面设计问题它是目前解决日渐复杂的和多样性的界面设计的常用技术，代表了对界面设计的新方法和新方向界面设计模式已经成为当前界面设计研究中的重要研究领域，但是如何将其更好的应用到日益复杂的界面设计，提高界面生成的工程。