UML辅助网站规划和设计指南/1

（松下客　2001年05月28日 12:02）

一、概括

web网站常常具备搀杂与莫大动静的特性。为了让web运用在短功夫之内发端运作，开拓周期该当尽管地短。很多功夫，开拓者径直加入编写代码这一阶段，却不去提防商量本人想要结构的是怎么办的网站以及筹备怎样结构：效劳器端代码常常是毫无筹备的即兴式编写，数据库表也是随需随加，所有运用的体制有功夫表露一种无筹备状况。但是，只有咱们应用少许建立模型本领和软硬件工程本领，就不妨让开拓进程越发流利，保证web运用未来更简单保护。uml（unified modeling language，一致建立模型谈话）是一种通用的可视化建立模型谈话，用来对软硬件举行刻画、可视化处置、结构和创造软硬件体例的文书档案。uml实用于百般软硬件开拓本领、软硬件人命周期的各个阶段、百般运用范围以及百般开拓东西。uml不妨刻画体例的静态构造和动静动作：静态构造设置了体例中要害东西的属性和操纵以及那些东西之间的彼此联系；动静动作设置了东西的功夫个性和东西为实行目的工作而彼此举行通讯的体制。uml不是一种步调安排谈话，但咱们不妨用代码天生器将uml模子变换为多种步调安排谈话代码，或运用反向天生器东西将步调源代码变换为uml模子。正文引见用uml为web网站建立模型的少许本领。所有沿用uml本领是一个搀杂的进程，但uml的某些局部很简单运用，并且它不妨扶助你用更少的功夫结构出更好的体例。为了演示uml在网站树立中的运用，正文将结构一个扶助无线用户、供给各个地域气象报表和交通流量报表的网站。正文不筹备精细引见uml自己。但为了简单起见，附录中扼要引见了罕见的uml标记和术语。要领会更多相关uml的消息，请拜见作品结果的参考资源。

二、筹备阶段

不管你是从新发端结构网站、移植网站仍旧减少某个要害的功效，为了保证安排计划的最优化，举行少许先期筹备是需要的。即使你和其余人协调实行一项工程，就处事总量及其调配完毕精确的共鸣具备不行估计的效率。在筹备功夫，你该当全力对体例的以次上面产生精确的看法：

用户和脚色。

运用需要。

各个界面之间的变换过程。

要用到的东西和本领。

2.1 用户

领会运用体例的用户是很要害的。不只体例领会诉求你交战少许用户（经过问卷观察、email，大概面临面攀谈），并且你常常还要让体例不妨遏制各别的用户脚色和权力。经过对用户举行分门别类并领会她们的需要，你就不妨找到线索来决定数据库的安定体制、功效控制本领、用户界面分批、培养和训练和扶助需要、对简直实质的需要，以至还不妨从侧面领会到潜伏告白存户的散布。图1：介入者/脚色 档次图 上海图书馆表露了几组各别的网站用户（在uml中称为actor，即介入者）。在这边，最普遍的用户典型（“site user”）坐落图的尖端，实线箭镞表白generalization联系（“泛化”联系，拜见正文附录证明，下同），它表白site user又不妨简直分红两类用户：guest，registered user。这两类用户公有的特性在“site user”介入者中证明，而guest和registered user各自独占的特性则在对应的介入者中证明。常常，你不妨径直为介入者加上证明文书档案，无需独立编写证明用户的文书档案，但简直与你所用的uml工具备关。在本例中，registered user又不妨细分为wireless user和administrator两种典型，体例对那些用户的处置办法应有所各别。

2.2 设置需要

在正式发端编写代码之前，你该当对筹备结构一个还好吗的体例有一个明显的看法。固然在编写代码的同声也不妨渐渐实行这一处事，并且这种做法也很有吸吸力，但借助图形和笔墨材料事前普遍举行计划功效要高得多。为网站编写精细的需要证明常常不那么划算，但你该当有功夫画出几个草图、写下几段证明去证明网站筹备供给的效劳。这就要用到use case图（用例图）。use case不妨看成一组功效——它大概对应网站上的一个页面、一个必需编写的步调，大概网站上大概爆发的一个举措（比方，考证用户登录，变换用户的摆设文献，废除过时的帐号，之类）。底下即是一个不妨扶助你筹备网站的use case图。提防，该图并没有表露出网站的一切use case，常常咱们须要多个use case图本领刻画完备的网站功效。图2：use case图 纵然是在如许一个大略的use case图中，咱们也不妨轻快地表白出洪量的消息。比方，include联系证明两个use case包括同样的身份考证功效；extend联系说来日气页面大概以wml大概html方法表露；generalization联系证明各个简直的展现进程将按照“render html page”大概“render wml page”所刻画的基础动作准则以到达保护一致的作风功效和一致直观动作形式的手段。上海图书馆也表露出无线用户不妨考察网站中其余用户不许考察的某些地区。在这个use case图中，惟有无线用户不妨考察交通流量报表。这是由于咱们仍旧得悉惟有在路径中的挪动用户才须要交通流量报表，并且不想再花功夫把交通流量报表创造成其余标志谈话情势。由此，“get traffic report”use case不须要分红wml和html两种表露情势，它不妨径直包括“render wml traffic report”这个use case。普遍地，你该当为那些use case加上大略的证明。简直地说，你该当刻画每一个use case里将要爆发什么，谁不妨运用它，它怎样启用、怎样遏止，以及某些功夫大概爆发的特出事变（称为variation，即变革）。

2.3 用户界面构造

在创造use case的进程中，你会获得少许引导网站须要哪些用户界面包车型的士线索。大概你早就有了安排某些页面包车型的士绝妙办法，但use case扶助咱们从其余一个观点来看题目。用户能否真实须要那么多的界面？某个页面能否过于搀杂？网站的导航办法能否大略易用，即从网页考察常用效劳能否很简单？在勾勒界面草图、创造网站原形之前，你该当先在use case图中处置那些题目。当use case渐渐明显时，咱们就不妨发端勾勒出网站的大概构造。有些人会夸大说页面和文献该当用相映的构件图（component diagram）建立模型，本来类图（class diagram）东西也很简单。请拜见下图：图3：用户界面及其构造 在上海图书馆中，百般网站效劳被绑缚到了各别的网站地区：

/ - 网站的根

/common/ - 公用的图形、剧本、css文献等

/maps/ - 舆图数据

/traffic/ - 交通流量报表

/weather/ - 气象报表

该图还表露了在页面之间传播的参数。regionid是一个很要害的参数，它代办着用户感爱好的地域（大概是一个国度、都会大概省份）。regionid在页面之间传播地域消息，使得用户不妨从指定地域的气象报表跳转到交通流量消息。至于网站的common地区，你不妨看到南针指向的是所有包（package）而不是地区中的单个文献，这是一种缩小凌乱的简化本领，由于一切其它的包都要用到大局部（即使不是十足的话）/common/地区中的文献。用户界面构造图不妨扶助你制止网站凌乱，它对于筹备网站是很有效的。并且，一旦决定了一种灵验的网站构造构造办法，它还不妨动作一个恒定的形式在多个网站上运用。

2.4 东西采用

对于袖珍网站，采用东西和本领十分大略。更加是因为入股的因为，惟有少量几种东西拉拢才具备实际意旨——apache，mysql大概postgresql，php、perl或jsp/servlet。暂时最时髦的拉拢是apache + php + mysql，有很多廉价位的web托管效劳扶助并重要会合在这种东西拉拢上。而对于范围较大的网站，在入股运用软硬件之前，它必需对百般东西举行更庄重的评价和尝试。底下是一个构件图的例子，它不妨用来证明网站的体制构造。这个图形固然大略，但它仍旧刻画出了暂时大普遍网站的体制构造，对于你的网站，从新创造该图大概也没有需要，由于再也没有什么不同凡响的实质犯得着介入这个图形了。图4：网站体制构造图 计划软硬件的所有人命周期仍旧胜过了正文的范畴，但该当指出的是，创造运用原形和界面模子该当在这个功夫就发端。必须记下相关网站构造和页面构造的少许办法，由于最后你会想要为构造（菜单，导航条，页面完全构造等）编写少许公用的代码。其余，即使你正在转到新的东西和本领，创造原形的处事不妨让你保证安排的可行性，坚信仍旧就新东西的运用对开拓构成员举行了充满的培养和训练。

三、安排阶段

安排阶段该当与领会阶段交迭。一旦对本人所要结构的体例有了较多的看法，你就该当发端拟订安排思绪。先100%地领会体例再加入安排阶段是没有意旨的。需要老是连接地兴盛，而安排自己偶尔也会激动需要的兴盛（反之亦然）。一切的开拓者都在举行那种典型的安排——只然而有些开拓者径直以编制程序代码的情势举行安排。固然这也不妨实行工作，但它使得处置搀杂工程和在处事组之内调配工作变得特殊艰巨。先花一点功夫经过安排图结构体例模子，此后你将赢得宏大的汇报。

3.1 为将来而安排

很多开拓者耗费在代码调节和测试和改写上的功夫胜过了编写代码的功夫，即使从一个以上钩站的树立来看这个题目，情景就更加重要了。好的网站安排不妨以构造、构造办法和代码重用的情势运用到多个网站上。但是，即使代码不过急遽忙忙雕砌而成，从现有代码长久获益的时机就缩小了。要对网站举行安排筹备，一种很灵验的本领是画出类图（class diagram）。下图表露了类图常常要用到的很多要害联系。图5：类图 证明如次：

renderer类是一个笼统类（用斜体字表露）。这表示着renderer类不许径直运用，步调只能创造其子类的范例（即new region()）。为了满意把页面实质表露到各别典型欣赏器的须要，一切用来天生实质的页面都必需从renderer类派生。

weatherreport类创造并具有region东西，这经过代办会合联系（aggregate relationship）的玄色口形表露出来，它表白一个东西具有并创造其余东西。

本领名字前方的减号（“+”）表白该本领是公用本领，不妨被其余东西大概因变量挪用；减号（“-”）表白本领大概变量是独占的，只能由同一东西里面的分子因变量考察。在php中本领和变量是公用的，但咱们该当老是把变量看成独占，制止从东西外部径直考察变量。

htmlweatherreport类依附于htmlutils类。依附联系（dependency）表白一个类要创造另一个类的范例大概挪用另一个类的本领。

类图中的每一个类该当证明：一切的本领（以及一切的变量，如有的话），本领的考察属性（public，private大概protected），本领的归来值典型，本领的参数，变量的典型。因变量写在前方，即使类有变量的话，则普遍随后在一个划分的方框中列出。

纵然你所结构的不是一个面向东西的体例，你仍就不妨用类图创造体例的模子。类不妨简单地刻画出百般包括联系和你所编写的因变量文献。固然此时类图不复表露接受、形成/会合等面向东西体例私有的联系，但它不妨用依附联系刻画出文献之间的挪用联系。