項(xiàng)目管理軟件Dotproject使用手冊(cè)

1、項(xiàng)目管理軟件Dotproject 使用手冊(cè)第一章簡(jiǎn)單介紹DotProject DotProject是一個(gè)在1996年左右,由開(kāi)源組織自發(fā)組織人員開(kāi)發(fā)的一個(gè)開(kāi)源的項(xiàng)目管理軟件系統(tǒng),基于Web,可以部署于局域網(wǎng)廣域網(wǎng)的辦公環(huán)境中,客戶端不需要安裝任何軟件,只要有IE,Firefox,Opera等瀏覽器即可,強(qiáng)大,小巧.被翻譯為了大約40多中語(yǔ)言,應(yīng)用于100多個(gè)國(guó)家,可見(jiàn)它的簡(jiǎn)單易用的程度.DotProject具有以下的特色：1. 可運(yùn)作于多種的作業(yè)平臺(tái)：DotProject 這套軟件所使用的開(kāi)發(fā)工具，皆是兼容性很高的工具，MySQL很容連結(jié)多種語(yǔ)言，也可以在很多種作業(yè)系統(tǒng)下運(yùn)作好，可以在多種平臺(tái)

2、上面運(yùn)。2. Web Server Base：由于是以JavaScript、PHP 的工具所開(kāi)發(fā)出的工具，所以可以支持項(xiàng)目成員在同的地點(diǎn)，都可以更新、掌握項(xiàng)目進(jìn)，適合用于群體使用，很符合項(xiàng)目管的需求。3. 可制作出多種同的報(bào)表及圖表，將項(xiàng)目中繁多的資作適當(dāng)?shù)奶帯?. 本軟件屬于開(kāi)放原始碼（open source code）的軟件，提供免費(fèi)使用。5. 本軟件的功能界面，可以透過(guò)同的步驟操作相同的功能；并且軟件設(shè)計(jì)者，將相關(guān)的功能配置在同一個(gè)操作畫(huà)面，讓使用者可以必另外繞道選擇功能安裝dotproject的基本環(huán)境：windowsXP 或者 Windows Server系列 OSLinux /Un

3、ix OS只要能夠跑AMP的OS,都可以(AMP指Apache,Mysql,PHP)第二章 管理模塊2-1 安全管理：新建用戶與角色設(shè)定當(dāng)項(xiàng)目管系統(tǒng)要正式可以運(yùn)作前，給每位使用者合法的登入身分，設(shè)定其使用權(quán)限是非常重要的一項(xiàng)工作，透過(guò)此一程序，組織得以確保每位使用者皆在授權(quán)范圍內(nèi)使用這些資，維護(hù)組織及客戶的權(quán)益，保護(hù)商業(yè)機(jī)密，使項(xiàng)目管的運(yùn)作過(guò)程可以順。 新增使用者作法：用戶管添加用戶填入基本資設(shè)定名稱及密碼 設(shè)定角色提交首先，點(diǎn)選系統(tǒng)工作上用戶管理再點(diǎn)選右上角添加用戶，將會(huì)出現(xiàn)一些使用者的基本資表格，系統(tǒng)會(huì)請(qǐng)你填入該使用者的一些基本資，系統(tǒng)會(huì)依這些資所呈現(xiàn)的屬性將使用者分類，以作為軟件運(yùn)作的基

4、礎(chǔ)。如: 當(dāng)我們填入某使用者隸屬于某公司之后，該使用者便成為該公司可分配任務(wù)的人。由于項(xiàng)目管需要成員間頻繁的互動(dòng)，此時(shí)鍵入的聯(lián)絡(luò)資（電子郵件、電話）便作為系統(tǒng)預(yù)設(shè)的的溝通管道，另一項(xiàng)工作是為使用者設(shè)定其登入的名稱及密碼修改用戶資料刪除用戶打開(kāi)用戶管理，在用戶表的第一欄中有中左邊紅線部分所示， 從左到右為修改用戶基本資料，為修改用戶權(quán)限及角色，為刪除該用戶2-1 安全管理：設(shè)定用戶權(quán)限系統(tǒng)用戶權(quán)限分為以下四種：系統(tǒng)管理員，項(xiàng)目人員，訪客，匿名。他們的角色設(shè)定如下表示：角 色權(quán) 限適 用 對(duì) 象權(quán)限系統(tǒng)管員全功能公司內(nèi)部的系統(tǒng)管者、項(xiàng)目經(jīng)大小項(xiàng)目人員除管功能供貨商、項(xiàng)目成員訪客外部訪客應(yīng)有的查看存

5、取功能顧客名僅能查看公司權(quán)限最低的訪客統(tǒng)管員的權(quán)限，就是在這個(gè)軟件里面所有的功能皆可以使用，除項(xiàng)目管會(huì)用到的日歷、項(xiàng)目、任務(wù)的功能（稱之為非管模塊），再加上用戶管及系統(tǒng)管的功能（稱為管模塊）。而項(xiàng)目成員的權(quán)限則是在非管模塊下可做新增、刪除及修改的動(dòng)作， （請(qǐng)注意：項(xiàng)目成員及其以下權(quán)限登入的畫(huà)面中，并會(huì)顯示管模塊的選項(xiàng)讓使用者點(diǎn)選）而訪客則是可以儲(chǔ)存和查看在非管模塊下的資 ，當(dāng)訪客點(diǎn)選超越其權(quán)限所可以瀏覽的資時(shí)，畫(huà)面并會(huì)顯示任何資。名則是一種僅讓人登入，卻幾乎無(wú)法察看任何資的角色，系統(tǒng)預(yù)設(shè)此角色的用意，應(yīng)是讓系統(tǒng)管員在此基礎(chǔ)上往上增加權(quán)限。至于如何對(duì)權(quán)限作進(jìn)一步的設(shè)定，將會(huì)在下面作更詳盡的介紹。

6、權(quán)限設(shè)定的項(xiàng)目及方式：可設(shè)定的項(xiàng)目可設(shè)定的方式備注說(shuō)明公司討論區(qū)存取可以可以看見(jiàn)這個(gè)項(xiàng)目，禁止某人存取文件，那么他的頁(yè)面上并會(huì)顯示文件的功能可以點(diǎn)選專案問(wèn)題追蹤查看可以點(diǎn)閱此選項(xiàng)來(lái)看。我今天設(shè)定禁止某人查看的話 ，就是當(dāng)某人點(diǎn)選文件時(shí)，文件的內(nèi)容會(huì)是空白的。任務(wù)使用者管新增日歷系統(tǒng)管刪除文件聯(lián)絡(luò)人修改系統(tǒng)權(quán)限如下：1在用戶管理界面的用戶表中點(diǎn)，進(jìn)入用戶權(quán)限管理界，（如圖2- 1- 3）在增加權(quán)限那欄中，點(diǎn)模塊右側(cè)的下拉清單，選擇所要增加的權(quán)限。由于此系統(tǒng)中所有的功能皆與公司有密切的連接，不管在項(xiàng)目任務(wù)日志等主要功能中，都以點(diǎn)選公司作為篩選依據(jù)，只要禁止用戶選其他公司，便可防止用戶看到其他公司的

7、資料2想要?jiǎng)h除已設(shè)定的權(quán)限，只要在左半邊的窗口，找到該設(shè)定，點(diǎn)選該項(xiàng)后面設(shè)定后的垃圾桶圖示即可。經(jīng)過(guò)此一設(shè)定，當(dāng)此用戶登入時(shí)，即使他在項(xiàng)目處選擇全部的公司，他還是只能看見(jiàn)屬于他們公司自己的項(xiàng)目2 2系統(tǒng)管理在系統(tǒng)管中，有許多可以讓系統(tǒng)管員自修改的系統(tǒng)設(shè)定，如電子郵件的主機(jī)、操作接口、和工作時(shí)數(shù)等，其中有些修改必須牽涉關(guān)連式資庫(kù)的語(yǔ)法，在此多做介紹工作時(shí)數(shù)與天數(shù)的設(shè)定在項(xiàng)目管過(guò)程中，時(shí)間是一個(gè)很重要的因素，我們以事先定義好的工作時(shí)數(shù)為標(biāo)準(zhǔn)，再比較實(shí)際的工作時(shí)數(shù)與預(yù)期的差異，來(lái)衡目前項(xiàng)目是否跟上進(jìn)，本系統(tǒng)具備一項(xiàng)功能：當(dāng)你輸入一項(xiàng)工作所需耗費(fèi)的小時(shí)數(shù)和起始日期，系統(tǒng)便可以幫你計(jì)算該項(xiàng)工作應(yīng)該完工的

8、日期，其運(yùn)算公式如下： 完成日期開(kāi)始日期工作時(shí)數(shù)每日工作時(shí)數(shù)其中，每日工作時(shí)數(shù)與每周工作天數(shù)，可由管理者自行設(shè)定。（低版本中沒(méi)有發(fā)現(xiàn)）設(shè)定方式如下：1打開(kāi)系統(tǒng)管理的系統(tǒng)配置，將頁(yè)面往下拉，直到daily_working_hours_title的選項(xiàng)，這個(gè)項(xiàng)目即為每日工作時(shí)間，系統(tǒng)預(yù)設(shè)的每日工作時(shí)間為八小時(shí)，可依照自己的需要，在該選項(xiàng)的框格里直接鍵入想要的工作時(shí)數(shù)。2一樣在系統(tǒng)配置中往下，直到cal_working_days_title的選項(xiàng)，此項(xiàng)目為每周工作天數(shù)，0代表星期日假設(shè)一個(gè)星期工作七天，只需要在后面的框格中鍵入1,2,3,4,5,6,0即可，而系統(tǒng)原本預(yù)設(shè)工作天數(shù)為一周五天。用戶個(gè)性

9、化設(shè)置 設(shè)置系統(tǒng)界面基本的顯示格式，其缺省設(shè)置如圖2-1-4所示：圖2 1 4 自定義范圍編輯在這個(gè)界面中是添加公司項(xiàng)目任務(wù)日歷，點(diǎn)開(kāi)圖中的就會(huì)打開(kāi)一個(gè)界面，可以在其上添加模塊查看模塊打開(kāi)模塊中的查看模塊，修改模塊用于激活模塊，修改模塊的“菜單狀態(tài)”用于決定是否在導(dǎo)航菜單中顯示模塊的鏈接（如圖2- 1 - 5）用戶角色此本系統(tǒng)提供的四種角色模板外，還須要其它典型的角色，可自設(shè)定一種新的角色，選擇其權(quán)限。但在此要注意的是，這種角色的設(shè)定并無(wú)法達(dá)到以上那種進(jìn)階權(quán)限設(shè)定的細(xì)微程，僅能針對(duì)整組模塊進(jìn)全面的禁止或是允許，能夠針對(duì)單一公司或是文件進(jìn)設(shè)定。其設(shè)定做法如下：系統(tǒng)管理用戶角色，便會(huì)出現(xiàn)如圖2-

10、1- 6所示界面，在圖中紅線框住部分中填入所需角色I(xiàn)D和概述，點(diǎn)擊添加，點(diǎn)可對(duì)用戶進(jìn)行權(quán)限設(shè)定第三章 項(xiàng)目初始功能設(shè)置一個(gè)成功的項(xiàng)目，初始的規(guī)劃是很重要的，雖然通常實(shí)際狀況難免有出所出入，但是好的規(guī)劃卻可低確定性對(duì)項(xiàng)目績(jī)效的影響。3- 1 建立公司部門(mén)建立公司公司 新建公司 添加資料 提交進(jìn)入系統(tǒng)后,打開(kāi)公司,便會(huì)出現(xiàn)如圖3-1 -1所示,就可以針對(duì)公司填入相關(guān)資料,打開(kāi)右上角的新建公司,就會(huì)出現(xiàn)如圖3- 1 -2所示的畫(huà)面,填入基本資料,點(diǎn)提交,新建的公司就會(huì)出現(xiàn)在圖3-1 -1中在如圖3- 1-1中,可看到公司類型有客戶、廠商、供應(yīng)商、顧問(wèn)、政府、公司內(nèi)部,點(diǎn)選公司名稱,便可看到該公司的狀

11、況點(diǎn)選公司名稱后,就會(huì)出現(xiàn)圖3 1 3的畫(huà)面,進(jìn)入瀏覽公司界面,上半部分是公司的詳細(xì)信息,下半部分是部門(mén)、用戶、聯(lián)系人和項(xiàng)目信息。在這個(gè)界面中點(diǎn)新建公司就會(huì)出現(xiàn)如圖3- 1 2 所示界面。建立部門(mén)建立部門(mén)可在瀏覽公司界面中點(diǎn)選部門(mén)，在此界面中，可打開(kāi)右上角的部門(mén)下來(lái)清單選擇要查看的部門(mén)名稱，就可看到其詳細(xì)信息。點(diǎn)新建部門(mén)（如圖3-1-4），就進(jìn)入如圖3-1-5所示界面，可在其中填入要建部門(mén)的資料還可以在瀏覽公司界面中選部門(mén)那一欄，點(diǎn)其右下角的新建部門(mén)3 2建立聯(lián)絡(luò)任務(wù) 進(jìn)入系統(tǒng)后，點(diǎn)選聯(lián)系人就可進(jìn)入如圖3-2-1所示界面，點(diǎn)選右上角的新建聯(lián)系人，出現(xiàn)圖3 2 2 所示畫(huà)面，在其中填入相應(yīng)資料，

12、點(diǎn)提交即可。然后在圖3-2-1中就可看到相應(yīng)信息。若想快速找出某人的信息，在搜索欄中填入姓名，回車即可直接點(diǎn)聯(lián)系人帳號(hào)，就能看到用戶資料。若要修改聯(lián)系人資料，直接點(diǎn)聯(lián)系人帳號(hào)后的修改就連接到了同圖3-2-2相同頁(yè)面。而點(diǎn)聯(lián)系人油箱地址就可給他發(fā)郵件。點(diǎn)就可導(dǎo)出聯(lián)系人卡片（如圖3-2-3），但用中文出現(xiàn)的就是亂碼3 3項(xiàng)目與任務(wù)規(guī)劃項(xiàng)目進(jìn)入系統(tǒng)項(xiàng)目頁(yè)面（圖3-3-1），在這個(gè)頁(yè)面中有很多標(biāo)簽（全部、未定義、已提議、計(jì)劃中、進(jìn)行中、暫停、完成、摸板、已完成、甘特），點(diǎn)開(kāi)每個(gè)標(biāo)簽，都會(huì)出現(xiàn)相應(yīng)的項(xiàng)目。以全部標(biāo)簽為例（圖3-3-1），標(biāo)簽旁的數(shù)字是顯示項(xiàng)目數(shù)目，顏色那一欄是項(xiàng)目完成的百分比，項(xiàng)目的狀態(tài)

13、有計(jì)劃中、進(jìn)行中、未定義、已提議、暫停、完成、摸板、已完成。在這個(gè)標(biāo)簽中可一覽所有的項(xiàng)目的開(kāi)始時(shí)間、結(jié)束時(shí)間、實(shí)際時(shí)間、優(yōu)先級(jí)、所有者、狀態(tài)直接點(diǎn)擊項(xiàng)目名稱，出來(lái)的是該項(xiàng)目的詳細(xì)信息和它的全部任務(wù)（如圖3-3-2）新建項(xiàng)目：方法一：項(xiàng)目 新建項(xiàng)目 填入信息 提交新建項(xiàng)目的頁(yè)面如圖3-3-3所示，注意：頁(yè)面中帶*的項(xiàng)（圖中紅線框住的部分），為必填項(xiàng)！圖3 3 3 方法二：公司 公司名稱 瀏覽公司 新建項(xiàng)目 填入信息 提交任務(wù)每個(gè)項(xiàng)目底下都有很多任務(wù)打開(kāi)系統(tǒng)中任務(wù)欄后，會(huì)彈出如圖3-3-4所示頁(yè)面，打開(kāi)用戶欄的下拉菜單，選擇要查看的用戶，可以快速搜索用戶的任務(wù)。任務(wù)過(guò)濾器器中有我的任務(wù)、我的未完成

14、的任務(wù)、所有未完成的任務(wù)，在里面可以過(guò)濾任務(wù)，看起來(lái)簡(jiǎn)單，明了些新建任務(wù)：方法一：任務(wù) 新建任務(wù) 填入信息 保存注意：看圖3-3-5和圖3-3-6中紅色框線，藍(lán)色框線部分。若紅色框線中是“” ，則沒(méi)有新建任務(wù)欄進(jìn)入新建任務(wù)界面（圖3-3-7），在其上半部分填入任務(wù)名稱、優(yōu)先級(jí)、進(jìn)度、狀態(tài)；下半部分有四個(gè)標(biāo)簽：詳細(xì)信息、日期、依賴、人力資源，均是安排重要任務(wù)的設(shè)定【詳細(xì)信息】（如圖3-3-8）包括任務(wù)所有者、任務(wù)類型、能否訪問(wèn)、選擇聯(lián)系人、部門(mén)、預(yù)算指標(biāo)、父任務(wù)。其中，父任務(wù)的功能，選擇表示其附屬在某一任務(wù)下，而成為其子任務(wù)，于是在系統(tǒng)會(huì)自動(dòng)的為您設(shè)置項(xiàng)目開(kāi)始的時(shí)間?！救掌凇縿t是設(shè)定任務(wù)開(kāi)始及結(jié)

15、束時(shí)間（圖3-3-9），其中任務(wù)開(kāi)始時(shí)間會(huì)根據(jù)在詳細(xì)信息和依賴功能中的設(shè)定來(lái)自動(dòng)設(shè)定開(kāi)始時(shí)間。而完成日期則有兩種設(shè)定方法。方法一：點(diǎn)完成日期后面的，運(yùn)用日歷選擇完成日期，點(diǎn)計(jì)算的，系統(tǒng)會(huì)自動(dòng)計(jì)算完成期限方法二：在預(yù)期的期限中，直接輸入完成所需小時(shí)，系統(tǒng)會(huì)自動(dòng)計(jì)算完成日期和時(shí)間【依賴】（圖3-3-10）則是設(shè)定項(xiàng)目之間的前后關(guān)系，是否會(huì)互相影響，如有時(shí)候要等A 任務(wù)完成后，才可執(zhí)B 任務(wù)。在本功能中，可以設(shè)定任務(wù)之間依賴的關(guān)系，運(yùn)用增減，同時(shí)也可以選擇是否要通過(guò)前置任務(wù)設(shè)定任務(wù)開(kāi)始時(shí)間的功能；此外，可選擇依賴項(xiàng)目跟蹤功能設(shè)定，如果是重要的任務(wù)，就要選，以隨時(shí)掌握任務(wù)狀態(tài)?！救肆Y源】（圖3-3-

16、11）左頁(yè)面是分配給哪些人，他們?cè)摲哦嗌傩牧υ谶@個(gè)任務(wù)上；右頁(yè)面則是是否要通過(guò)郵件通知任務(wù)人，空白地方則可寫(xiě)附加郵件注釋內(nèi)容。注意：此注釋郵件內(nèi)容容易出現(xiàn)亂碼！圖3-3-11中紅線框住部分，是增加或刪除分配給的任務(wù)人，方法是：點(diǎn)選想要選擇的人，然后按或。而則是通過(guò)其下拉菜單來(lái)選擇任務(wù)人該放多少心力在此任務(wù)上把【詳細(xì)信息】、【日期】、【依賴】、【人力資源】填好后，按【保存】，所新建的任務(wù)就會(huì)出現(xiàn)在圖3-3-4的界面上。系統(tǒng)會(huì)根據(jù)任務(wù)的狀態(tài)（進(jìn)行中/延誤/完成），分別以不同的顏色標(biāo)識(shí)出來(lái)，詳情見(jiàn)任務(wù)欄下方的要點(diǎn)。每個(gè)任務(wù)下都可再建任務(wù)，前者稱為父任務(wù)，后者稱為子任務(wù)，兩者用虛線連接（見(jiàn)圖3-3-1

17、2）方法二：項(xiàng)目（隨便一個(gè)）項(xiàng)目名稱新建任務(wù)填入信息保存打開(kāi)項(xiàng)目界面，隨便點(diǎn)一個(gè)項(xiàng)目名稱，就會(huì)出現(xiàn)如圖3-3-13所示界面，點(diǎn)其右上角的新建任務(wù)，就會(huì)進(jìn)入圖3-3-7所示添加任務(wù)界面。后面的操作方法見(jiàn)方法一。3 4其他輔助功能 本節(jié)將介紹的幾個(gè)輔助功能是甘特圖、報(bào)表、人員任務(wù)沖突查詢。他們是幾個(gè)重要的輔助功能，無(wú)論項(xiàng)目進(jìn)行到何種狀態(tài)，均可利用他們發(fā)現(xiàn)項(xiàng)目的異常情況，防止錯(cuò)誤。在整個(gè)項(xiàng)目設(shè)計(jì)好，準(zhǔn)備動(dòng)工前運(yùn)用這幾個(gè)功能來(lái)檢測(cè)項(xiàng)目配置是否得當(dāng)。在項(xiàng)目進(jìn)行過(guò)程中，可以同步更新顯示最新動(dòng)態(tài)，以供項(xiàng)目負(fù)責(zé)人掌握項(xiàng)目運(yùn)做狀態(tài)。下面就開(kāi)始介紹這幾個(gè)功能。甘特圖(Gantt Chart)甘特圖是 1917由美

18、國(guó)工程師暨社會(huì)學(xué)家 Henry L.Gantt 所開(kāi)發(fā)的水平橫條圖，可當(dāng)作生產(chǎn)管工具。甘特圖常用于項(xiàng)目管，以圖形呈現(xiàn)排程表，可協(xié)助計(jì)劃、協(xié)調(diào)及追蹤項(xiàng)目?jī)?nèi)的特定工作。甘特圖的呈現(xiàn)方式多樣，可以是方格紙上建的簡(jiǎn)單圖表，也可以是由 Microsoft、Project或 Excel 等項(xiàng)目管應(yīng)用程序自動(dòng)建而成的復(fù)雜圖表。本系統(tǒng)中有很多查看甘特圖的方法：方法一：項(xiàng)目甘特（見(jiàn)圖3-4-1）方法二：任務(wù)甘特（見(jiàn)圖3-4-2和圖3-4-3）注意：圖3-4-1顯示的是所有項(xiàng)目的甘特圖，而圖3-4-3顯示的是一個(gè)項(xiàng)目底下的所有任務(wù)的甘特圖甘特圖各部分的意思： 在項(xiàng)目執(zhí)行期間，系統(tǒng)以不同顏色的長(zhǎng)條顯示，長(zhǎng)條中間有灰

19、色的細(xì)長(zhǎng)條，則表示該項(xiàng)目目前的進(jìn)度。依賴關(guān)系則是在前一個(gè)任務(wù)的排程的灰色線條之后，用一條虛線連到后一個(gè)任務(wù)的排程的灰色長(zhǎng)條之前。里程碑是項(xiàng)目執(zhí)行過(guò)程中，一項(xiàng)重要階段的完成，它在甘特圖中用表示。而設(shè)置一個(gè)任務(wù)為里程碑是在輸入任務(wù)是的界面中勾選（見(jiàn)圖3-3-7）。使用甘特圖管理項(xiàng)目：在一個(gè)項(xiàng)目規(guī)劃好后，系統(tǒng)會(huì)自動(dòng)幫這個(gè)項(xiàng)目繪制好甘特圖。項(xiàng)目負(fù)責(zé)人可以查看在同一時(shí)間里，是否有過(guò)多任務(wù)在執(zhí)行，進(jìn)而在適當(dāng)調(diào)整。報(bào)告報(bào)告主要透過(guò)系統(tǒng)所設(shè)定的功能，產(chǎn)生同目的報(bào)告，使得項(xiàng)目負(fù)責(zé)人得以了解項(xiàng)目相關(guān)的信息。查看報(bào)告功能的方法：方法一：項(xiàng)目（選擇一個(gè)）項(xiàng)目名稱報(bào)表（見(jiàn)圖3-4-4、圖3-4-5和圖3-4-6）方法二

20、：任務(wù)報(bào)告（見(jiàn)圖3-4-7和圖3-4-6） 在本系統(tǒng)中提供了十一個(gè)報(bào)表的功能，但其中有一部分功能未明，點(diǎn)選后未出現(xiàn)任何畫(huà)面。十一個(gè)報(bào)表及其說(shuō)明：報(bào) 表說(shuō) 明allocateduserhours.php解項(xiàng)目每位成員每日被分派到的工作時(shí)間，以及生產(chǎn)的狀況。completed.php功能未明overall.php解項(xiàng)目任務(wù)的完成時(shí)數(shù)overdue.php解項(xiàng)目所延遲的任務(wù)stats.php將項(xiàng)目執(zhí)的狀況，轉(zhuǎn)成化數(shù)據(jù)顯示，可以解每個(gè)成員完成任務(wù)的況，是準(zhǔn)時(shí)延遲尚未開(kāi)始taskenddate.php解項(xiàng)目已完成任務(wù)的詳細(xì)狀況，可知最后完成時(shí)間tasklist.php可出項(xiàng)目的所有任務(wù)，但是可以運(yùn)用往前

21、或往后查詢的功能，解在某期間內(nèi)項(xiàng)目的狀況tasklogs.php解項(xiàng)目中延遲的任務(wù)tasksperuser.php解項(xiàng)目所有任務(wù)的開(kāi)始與結(jié)束日期upcoming.php功能未明uerperformance.php解成員工作的效 在報(bào)表功能上，有些重復(fù)的情況，可以自身習(xí)慣的功能作為查詢與控制的工具。人員任務(wù)沖突查詢(低版本沒(méi)有) 顯示個(gè)別項(xiàng)目成員，在公司內(nèi)部所負(fù)擔(dān)的任務(wù)為哪些，并可分別依同條件檢視，快速掌握所欲查詢的資。進(jìn)而調(diào)整任務(wù)的負(fù)責(zé)比重。條件選項(xiàng)如圖3-4-8中紅線框住部分所示。圖3 4 8 在系統(tǒng)任務(wù)界面，點(diǎn)選每用戶的任務(wù)，就可進(jìn)入上圖所示頁(yè)面，即可依檢視條件，進(jìn)一步以符合需求的方式呈現(xiàn)

22、用戶負(fù)擔(dān)任務(wù)的狀況。 在圖3-4-8頁(yè)面中，可以看到每個(gè)人所負(fù)擔(dān)的任務(wù)，若任務(wù)是由兩個(gè)或兩個(gè)以上的人所負(fù)責(zé)的，也會(huì)一起在當(dāng)前任務(wù)認(rèn)領(lǐng)者欄中顯示。 若發(fā)現(xiàn)有“孤兒任務(wù)（即沒(méi)有人負(fù)責(zé)的任務(wù)）”的情況，可通過(guò)可能分配給那一欄，將其分配給任務(wù)人。方法是：勾選任務(wù)，在當(dāng)前任務(wù)認(rèn)領(lǐng)者中選擇欲分配給的人，在選擇比重，選擇優(yōu)先級(jí)，然后點(diǎn)即可。 選擇宣示分配的時(shí)數(shù)/周（圖3-4-9），可查看是否有人的任務(wù)過(guò)重。若有人的任務(wù)過(guò)重，可通過(guò)當(dāng)前任務(wù)認(rèn)領(lǐng)者那一欄的功能，調(diào)整他的工作任務(wù)。方法：勾選欲重新分配的任務(wù)，選擇人，選擇比重，點(diǎn)（將當(dāng)前任務(wù)分配給選定用戶；從任務(wù)中去除； 將用戶從任務(wù)中去除并移交給選定用戶）第四章

23、 項(xiàng)目執(zhí)行與控制 當(dāng)項(xiàng)目計(jì)劃配置弄好后,就進(jìn)入項(xiàng)目的執(zhí)行與控制階段。此部分是項(xiàng)目管理的核心，是最復(fù)雜，不確定性最高的一部分。一般來(lái)說(shuō)，項(xiàng)目的執(zhí)行主要是按規(guī)劃來(lái)逐步完成，但在實(shí)際過(guò)程中難免出現(xiàn)誤差，因此需要控制的功能來(lái)實(shí)時(shí)修正偏差。執(zhí)行與控制功能介紹：項(xiàng) 目功 能 簡(jiǎn) 介任務(wù)針對(duì)任務(wù)進(jìn)中做細(xì)部的紀(jì)錄與控制文件交項(xiàng)目進(jìn)中所需相關(guān)文件的檔案分享討論區(qū)提供項(xiàng)目成員討論項(xiàng)目事務(wù)日歷紀(jì)錄項(xiàng)目任務(wù)的事歷，亦可做為私人事歷智能搜索快速搜索想要查看的內(nèi)容備份下載備份Risks有風(fēng)險(xiǎn)的任務(wù)4- 1 任務(wù)主要功能：任務(wù)日志；任務(wù)控制功能任務(wù)日志在項(xiàng)目進(jìn)行過(guò)程中，為了詳細(xì)記錄項(xiàng)目項(xiàng)目進(jìn)行的流程，必須做好項(xiàng)目?jī)?nèi)各項(xiàng)任務(wù)

24、的記錄，才可能了解項(xiàng)目進(jìn)行的進(jìn)度及進(jìn)行過(guò)程中出現(xiàn)的問(wèn)題，以及時(shí)做出修正。此部分的功能有：新增任務(wù)日志問(wèn)題日志紀(jì)錄總覽日志紀(jì)錄建立任務(wù)日志的方法有兩種方法一：任務(wù) （點(diǎn)選一個(gè)）項(xiàng)目名稱 子任務(wù) 日志 填入信息更新任務(wù)（見(jiàn)圖4-1-1、圖4-1-2、圖4-1-3和圖4-1-4）方法二：任務(wù) 日志 子任務(wù) 日志 填入信息 更新任務(wù)（見(jiàn)圖4-1-5 注意：在圖4-1-4中概述的空白部分是用來(lái)寫(xiě)下任務(wù)進(jìn)行過(guò)程中的重點(diǎn)與記錄。在圖4-1-4所示頁(yè)面中可以依照目前項(xiàng)目進(jìn)的進(jìn)，做一個(gè)詳細(xì)的紀(jì)錄，同時(shí)還可以將最新的進(jìn)通過(guò)郵件寄給被分派的任務(wù)者、任務(wù)聯(lián)系人、以及項(xiàng)目聯(lián)系人等等。問(wèn)題日志記錄和總覽日志記錄 當(dāng)任務(wù)出

25、現(xiàn)小問(wèn)題或需要注明的情況時(shí)，就在圖4-1-4所示頁(yè)面中勾選問(wèn)題欄，則該筆日志的底色就會(huì)是紅色的。若想查看某任務(wù)的所有日志，只需按下任務(wù)日志，就可看到該任務(wù)的所有相關(guān)日志記錄。任務(wù)控制功能此部分功能有：搜索 任務(wù)過(guò)濾器 不同屬性的任務(wù) 沒(méi)用戶的任務(wù)搜索：提供查詢?nèi)蝿?wù)的功能，有三種方式：直接輸入；選取用戶；選取公司任務(wù)過(guò)濾器：提供快速搜尋項(xiàng)目任務(wù)的功能，使用戶必點(diǎn)選個(gè)別任務(wù)，即可達(dá)到總覽任務(wù)的功用，適時(shí)調(diào)整任務(wù)的安排。其內(nèi)建的功能下所示 不同屬性的任務(wù)：有我要做的/我釘住的項(xiàng)目/顯示停止的任務(wù)沒(méi)用戶的任務(wù)：參見(jiàn)3-4節(jié)其他輔助功能中的人員任務(wù)沖突查詢4- 2 文件在項(xiàng)目進(jìn)的過(guò)程中，跨部門(mén)的一個(gè)合作

26、里，往往需要交同的檔案與文件，于是在這樣一個(gè)項(xiàng)目管的軟件里檔案分享的功能便相當(dāng)?shù)闹匾?。接下來(lái)，將介紹在本系統(tǒng)中文件交換的這項(xiàng)功能。建立文件的方法：文件新建文件填入信息提交（圖4-2-1和圖4-2-2） 如圖在在系統(tǒng)中打開(kāi)文件，按下新建文件，即進(jìn)入圖4-2-2所示頁(yè)面，項(xiàng)目參與人員在接口上選出自己負(fù)責(zé)的項(xiàng)目以及任務(wù)，并且填入對(duì)該文件的敘述并上傳文件后 ，按下確認(rèn)即可新增一個(gè)新的文件檔在系統(tǒng)里。 當(dāng)項(xiàng)目人員想要尋找自己項(xiàng)目的文件時(shí)，只需在過(guò)濾器上選擇自己的項(xiàng)目，即可迅速找出所需的文件。4- 3 討論區(qū) 在本系統(tǒng)的討論區(qū)中，項(xiàng)目管理人可依不同的項(xiàng)目開(kāi)設(shè)多個(gè)討論區(qū)，在每個(gè)討論區(qū)中又可建立多個(gè)不同的話

27、題。通過(guò)這項(xiàng)功能管是公司員工或是外部合作者或客戶皆可加入討論并解項(xiàng)目進(jìn)的狀況。 討論區(qū)的界面如圖4-3-1所示，討論區(qū)的功能有：新建/刪除討論組 新建/刪除討論話題 訂閱討論區(qū)，討論話題 醒目功能新建/刪除討論組方法：討論區(qū) 新建討論組 填入信息 提交打開(kāi)系統(tǒng)中的討論區(qū)（如圖4-3-1），然后點(diǎn)選新建討論組按鈕，進(jìn)入新建討論組頁(yè)面（如圖4-3-2），在此頁(yè)面中填入詳細(xì)信息，按下提交，就可建立一新的討論區(qū)。若討論區(qū)已不需要，點(diǎn)擊刪除討論組，就可刪除。新建/刪除討論話題新建方法：討論區(qū) （點(diǎn)選任一個(gè)）話題 開(kāi)始一個(gè)新話題填入詳細(xì)信息 提交 進(jìn)入討論去后，可開(kāi)始一個(gè)新的話題，或?qū)υ性掝}回帖。訂閱討

28、論區(qū)，討論話題訂閱方法：進(jìn)入某討論區(qū)或討論話題（圖4-3-1和圖4-3-4） 勾選欲訂閱的主題 更新監(jiān)視項(xiàng)目參與者也可以用更新監(jiān)視的功能來(lái)選取需要的項(xiàng)目討論區(qū)，此項(xiàng)主要益處在于是討論區(qū)過(guò)多時(shí)，項(xiàng)目參與者可以通過(guò)過(guò)濾器中我訂閱的的選項(xiàng)來(lái)快速找出自己所參與討論的討論區(qū)。單單只是公司內(nèi)部的人員，其它相關(guān)合作的廠商與客戶亦可透過(guò)此項(xiàng)功能來(lái)與公司的人員做合作上的討論與溝通。 醒目功能 它是未讀文章提醒，當(dāng)項(xiàng)目人員進(jìn)去討論區(qū)時(shí)，發(fā)現(xiàn)在所屬討論區(qū)燈泡出現(xiàn)，則標(biāo)示該項(xiàng)目人員在該討論區(qū)有未讀文章，這樣就可以隨時(shí)掌握討論區(qū)是否有最新討論。4- 4 日歷本系統(tǒng)的日歷，主要給項(xiàng)目人員提供行事歷的功能，使用者通過(guò)這個(gè)行

29、事歷來(lái)記錄每天所要做的事情，以及提醒使用者在該月或該周應(yīng)當(dāng)去完成的事情，還可以提供使用者做行程規(guī)劃。 查看日歷 進(jìn)入日歷界面(圖4-4-1)，展現(xiàn)在面前的是當(dāng)月的月歷，若想查看某天的事情，按下那天的日期，出來(lái)的是如圖4-4-2所示的頁(yè)面，還可以通過(guò)事件過(guò)濾器來(lái)查詢我的事件/我建立的事件/所有事件新建事件 若想增加日歷上的行程記錄，打開(kāi)圖4-4-2中的新建事件，進(jìn)入圖4-4-3所示頁(yè)面，填入信息，點(diǎn)擊提交即可。系統(tǒng)提供的事件類型有約會(huì)、會(huì)議、一般、今天所有事情、年度、提醒單，勾選私人記錄還可保護(hù)使用者的隱私權(quán)。此外，還可以邀請(qǐng)其他人參與，通過(guò)來(lái)增加或刪除邀請(qǐng)參與人，對(duì)于提醒他人開(kāi)會(huì)來(lái)說(shuō)，是項(xiàng)很好

30、的功能。4- 5 智能搜索 搜索頁(yè)面如圖4-5-1所示智能搜索的功能：按字節(jié)搜索 按組件搜索 高級(jí)搜索按字節(jié)搜索 在搜索頁(yè)勾選All words，然后在搜索欄中輸入想要搜索的字節(jié)（圖4-5-2）按組件搜索如圖4-5-3，可以勾選想要查看的組件，然后在搜索欄中輸入想要查看的事件。高級(jí)搜索個(gè)人覺(jué)得這個(gè)智能搜索比較麻煩，建議除非在迫不得已的情況下，不然不要使用智能搜索！4- 6 備份備份的功能是可以下載系統(tǒng)里面連接好的文件。如圖4-6-1，可供選擇的有表結(jié)構(gòu)和數(shù)據(jù)、表結(jié)構(gòu)、數(shù)據(jù)。文件的保存形式有壓縮文件、純文本文件和可擴(kuò)展文件。選擇好那些后，點(diǎn)就可下載文件。4- 7 RisksRisks是記錄項(xiàng)目進(jìn)

31、行過(guò)程中延誤的項(xiàng)目如圖4-7-1點(diǎn)選一個(gè)項(xiàng)目名稱，進(jìn)入圖4-7-2所示界面，此頁(yè)面中有詳細(xì)信息和風(fēng)險(xiǎn)日志。增加風(fēng)險(xiǎn)日志的方法是點(diǎn)擊，出現(xiàn)圖4-7-3所示界面，在空白地方輸入日志，點(diǎn)擊Add note。刪除風(fēng)險(xiǎn)的方法是在圖4-7-2所示頁(yè)面點(diǎn)delete risk。附錄資料：從 XML 生成可與 Ajax 共同使用的 JSON時(shí)下，非常流行使用 JavaScript 代碼為數(shù)據(jù)驅(qū)動(dòng)的 Web 應(yīng)用程序添加互動(dòng)性。若能將數(shù)據(jù)編碼成 JavaScript Object Notation（JSON）的格式，您就可以更輕松地通過(guò) JavaScript 語(yǔ)言使用它。通過(guò)本文，發(fā)掘使用 XSLT V2 從

32、XML 數(shù)據(jù)生成 JSON 的幾種不同方法。幾年前，許多開(kāi)發(fā)人員很看好 XML、XSLT、Extensible HTML （XHTML）和其他一些基于標(biāo)記的語(yǔ)言?，F(xiàn)在，Asynchronous JavaScript and XML（AJAX）成了新的熱點(diǎn)，人們又將目光轉(zhuǎn)向了使用 JavaScript 代碼的數(shù)據(jù)驅(qū)動(dòng)的富 Internet 應(yīng)用程序。但是開(kāi)發(fā)人員是否已經(jīng)消除了 XML 和這一新技術(shù)之間的鴻溝呢？當(dāng)然，您可以在 Web 客戶機(jī)中使用 XML 解析器來(lái)讀取數(shù)據(jù)，但這種做法會(huì)帶來(lái)兩個(gè)問(wèn)題。第一，出于安全方面的原因，XML 數(shù)據(jù)只能從與此頁(yè)面相同的那個(gè)域中讀取。這雖然不是什么大的限制因素

33、，但它的確會(huì)引起部署方面的問(wèn)題，還會(huì)阻礙 DHTML 小部件的創(chuàng)建。第二，讀取和解析 XML 會(huì)非常慢。另一種做法是讓服務(wù)器執(zhí)行 XML 的解析工作，方法是設(shè)置服務(wù)器，使之向?yàn)g覽器發(fā)送以 JavaScript 代碼或時(shí)下流行的 JavaScript Object Notation（JSON）編碼的數(shù)據(jù)。本文將展示如下三種使用 XSLT V2 語(yǔ)言和 Saxon XSLT V2 處理器從 XML 數(shù)據(jù)生成 JSON 的技巧： 簡(jiǎn)單編碼 通過(guò)函數(shù)調(diào)用加載數(shù)據(jù) 編碼對(duì)象 JSON 簡(jiǎn)介要學(xué)習(xí)如何將數(shù)據(jù)編碼成 JSON（它只是 JavaScript 的一個(gè)子集），最好的方法是從數(shù)據(jù)開(kāi)始。清單 1 顯示

34、了書(shū)籍列表的一個(gè)示例 XML 數(shù)據(jù)集。清單 1. 基本的圖形化圖書(shū)館 Code Generation in Action JackHerrington Manning PHP Hacks JackHerrington OReilly Podcasting Hacks JackHerrington OReilly 這個(gè)數(shù)據(jù)集很簡(jiǎn)單，只包含三本書(shū)，每本書(shū)都具有惟一的 ID、書(shū)名、作者姓名及出版商的名字。（沒(méi)錯(cuò)，我只選擇了我自己的書(shū)作為數(shù)據(jù)集，但能怨我嗎？這些書(shū)實(shí)在是不可多得的節(jié)日和生日禮物。）清單 2 顯示了這些數(shù)據(jù)在 JSON 中的效果。清單 2. JSON 中的示例數(shù)據(jù)集 id: 1, tit

35、le: Code Generation in Action, first: Jack, last: Herrington, publisher: Manning , . 方括號(hào) () 表明這是一個(gè)數(shù)組。大括號(hào) () 則表明這是一個(gè)散列表，該散列表由一組名稱和值對(duì)組成。在本例中，我創(chuàng)建了一個(gè)散列表的數(shù)組 用來(lái)存儲(chǔ)這類結(jié)構(gòu)式數(shù)據(jù)的一種常見(jiàn)方法。另外一點(diǎn)值得注意的是字符串是通過(guò)單引號(hào)或雙引號(hào)被編碼的。所以，如果我想用單引號(hào)編碼 OReilly，我就必須使用反斜杠對(duì)它進(jìn)行轉(zhuǎn)義：OReilly。 這讓我編寫(xiě)的這個(gè) XSLT 樣式表更為有趣了一些。我并未在本例中放上任何日期，但您也可以通過(guò)如下兩種方法來(lái)編

36、碼日期。第一種方法是將日期作為字符串，該字符串必須在后面被解析。第二種方法是將日期作為一個(gè)對(duì)象，比如：publishdate: new Date( 2006, 6, 16, 17, 45, 0 )這段代碼將 publishdate 的值設(shè)置為6/16/2006 5:45:00 p.m.。簡(jiǎn)單編碼接下來(lái)我將陸續(xù)介紹 JSON 編碼的幾種技巧。第一種也是其中最簡(jiǎn)單的一種，此樣式表如 清單 3 所示。清單 3. simple.xsl 樣式表 var g_books = 1, id: ,name: ,first: ,last: ,publisher: ;要理解此樣式表，不妨先來(lái)看一下 清單 4 所示的

37、輸出。清單 4. simple.xsl 的輸出var g_books = id: 1,name: Code Generation in Action,first: Jack,last: Herrington,publisher: Manning, id: 2,name: PHP Hacks,first: Jack,last: Herrington,publisher: OReilly, id: 3,name: Podcasting Hacks,first: Jack,last: Herrington,publisher: OReilly;這里，我將名為 g_books 的變量設(shè)置為一個(gè)包含三個(gè)

38、散列表的數(shù)組，每個(gè)散列表包含關(guān)于該書(shū)的信息。再回過(guò)頭來(lái)看看 清單 3，您會(huì)發(fā)現(xiàn)第一個(gè)模板匹配 / 路徑，它也是首先應(yīng)用到輸入數(shù)據(jù)集的模板，該模板使用 for-each 循環(huán)來(lái)遍歷每本書(shū)。之后，它使用 標(biāo)記來(lái)將文本從該數(shù)據(jù)輸出到 JavaScript 輸出代碼。對(duì)于字符串，我使用名為 js:escape() 的定制函數(shù)，它在模板之前定義。該函數(shù)使用一個(gè)正則表達(dá)式將一個(gè)單引號(hào)標(biāo)記更改為帶有反斜杠的單引號(hào)標(biāo)記。最后一個(gè)重要的元素是 標(biāo)記，它告知處理器要輸出的是文本而不是 XML。要檢驗(yàn)此過(guò)程是否可以正常工作，我加入了一個(gè) simple .html 文件，該文件引用我在 simple.js 保存的 X

39、SL 樣式表的輸出。這個(gè) HTML 文件如 清單 5 所示。清單 5. simple.html 文件Simple JS loaderdocument.write( Found +g_books.length+ books );.html 文件使用 標(biāo)記簡(jiǎn)單地加載已編碼了的 JavaScript 代碼。之后，第二個(gè) 標(biāo)記將數(shù)組的長(zhǎng)度寫(xiě)出到瀏覽器頁(yè)面，如 圖 1 所示。圖 1. simple.html 的輸出好了！數(shù)據(jù)文件包含三本書(shū)，相應(yīng)的 JavaScript 文件也包含三本書(shū)。它真的可以工作！通過(guò)函數(shù)加載上述第一個(gè)示例很簡(jiǎn)單，而且在大多數(shù)情況下可以發(fā)揮其作用，但它存在一些問(wèn)題。第一個(gè)問(wèn)題是對(duì)于

40、數(shù)據(jù)何時(shí)被加載沒(méi)有任何提示。如果數(shù)據(jù)是像頁(yè)面那樣被靜態(tài)加載的，這不成問(wèn)題。但是如果頁(yè)面動(dòng)態(tài)創(chuàng)建了一個(gè) 標(biāo)記來(lái)按需加載數(shù)據(jù)，那么就很有必要知道 標(biāo)記是何時(shí)完成的。實(shí)現(xiàn)此功能的最好的方法是讓編碼了的數(shù)據(jù)調(diào)用一個(gè) JavaScript 函數(shù)，而不是只設(shè)置數(shù)據(jù)。這個(gè)概念很重要，所以我將花一些時(shí)間來(lái)介紹一下為什么您必須要通過(guò)動(dòng)態(tài)生成的 標(biāo)記來(lái)加載數(shù)據(jù)。頁(yè)面加載后，從服務(wù)器獲得數(shù)據(jù)是 Web 2.0 的核心功能。一種方法是使用 AJAX 機(jī)制通過(guò)到服務(wù)器的調(diào)用來(lái)加載 XML。然而，出于安全性的原因，AJAX 機(jī)制只限于從單一域獲取數(shù)據(jù)。這在大多數(shù)情況下都沒(méi)有問(wèn)題，但有時(shí)，您可能需要 JavaScript

41、代碼運(yùn)行在他人的頁(yè)面上（例如，Google Maps）。在這種情況下從服務(wù)器獲得數(shù)據(jù)的惟一方法是通過(guò)動(dòng)態(tài)加載 標(biāo)記。獲悉 標(biāo)記何時(shí)加載的最好的方法是讓 標(biāo)記返回的腳本調(diào)用函數(shù)而不是簡(jiǎn)單地加載數(shù)據(jù)。清單 6 顯示了在函數(shù)調(diào)用中編碼的數(shù)據(jù)。清單 6. Function1.jsAddBooks( id: 1,name: Code Generation in Action,first: Jack,last: Herrington,publisher: Manning, id: 2,name: PHP Hacks,first: Jack,last: Herrington,publisher: OReil

42、ly, id: 3,name: Podcasting Hacks,first: Jack,last: Herrington,publisher: OReilly );清單 7 給出了相應(yīng)的 .html 文件。清單 7. Function1.htmlFunction 1 JS loadervar g_books = ;function AddBooks( books ) g_books = books; drawbooks( g_books );稍后將詳細(xì)介紹 drawbooks 函數(shù)。這里重要的是了解一下頁(yè)面如何定義 AddBooks 函數(shù)，該函數(shù)隨后會(huì)由 function1.js 文件中的腳

43、本調(diào)用。該 AddBooks 函數(shù)負(fù)責(zé)處理數(shù)據(jù)。而且被調(diào)用的 AddBooks 函數(shù)會(huì)向頁(yè)面指示 標(biāo)記被正確加載，并已加載完成。要?jiǎng)?chuàng)建 function1.js 文件，我只對(duì)樣式表稍微做了一點(diǎn)修改，如 清單 8 所示。清單 8. function1.xsl 樣式表AddBooks( 1, id: ,name: ,first: ,last: ,publisher: );這里，我調(diào)用了一個(gè)函數(shù)，而不是簡(jiǎn)單地設(shè)置一個(gè)變量。這就是我所做的惟一更改。回到頁(yè)面，我使用了 drawbooks 函數(shù)來(lái)構(gòu)建書(shū)的表格，這樣我就能夠確認(rèn)數(shù)據(jù)被正確編碼和正確顯示。此函數(shù)是在 drawbooks.js 內(nèi)定義的，如 清

44、單 9 所示。清單 9. Drawbooks.jsfunction drawbooks( books ) var elTable = document.createElement( table ); for( var b in books ) var elTR = elTable.insertRow( -1 ); var elTD1 = elTR.insertCell( -1 ); elTD1.appendChild( document.createTextNode( booksb.id ) ); var elTD2 = elTR.insertCell( -1 ); elTD2.appendC

45、hild( document.createTextNode( ) ); var elTD3 = elTR.insertCell( -1 ); elTD3.appendChild( document.createTextNode( booksb.first ) ); var elTD4 = elTR.insertCell( -1 ); elTD4.appendChild( document.createTextNode( booksb.last ) ); var elTD5 = elTR.insertCell( -1 ); elTD5.appendChild( docum

46、ent.createTextNode( booksb.publisher ) ); document.body.appendChild( elTable );這個(gè)簡(jiǎn)單函數(shù)創(chuàng)建了一個(gè)表格節(jié)點(diǎn)，然后循環(huán)訪問(wèn)書(shū)的列表并為每本書(shū)創(chuàng)建一行，為每個(gè)數(shù)據(jù)元素分配一個(gè)單元格。此頁(yè)面上的代碼的結(jié)果如 圖 2 所示。圖 2. function1.html 的結(jié)果現(xiàn)在我就可以查看一下此頁(yè)面的輸出并確認(rèn)來(lái)自原始 .xml 文件的一切均已被正確轉(zhuǎn)換成 JavaScript 代碼，且數(shù)據(jù)被發(fā)送到 AddData 函數(shù)并被正確添加到頁(yè)面。細(xì)化函數(shù)調(diào)用技術(shù)我很喜歡函數(shù)調(diào)用這一技術(shù)，但我并不贊同將所有圖書(shū)數(shù)據(jù)都放入一個(gè)塊中。另

47、一種方式是為每條記錄采用一個(gè)調(diào)用，如 清單 10 所示。清單 10. Function2.jsAddBook( id: 1,name: Code Generation in Action,first: Jack,last: Herrington,publisher: Manning );AddBook( id: 2,name: PHP Hacks,first: Jack,last: Herrington,publisher: OReilly );.對(duì) .html 頁(yè)面只需做少許修改，如 清單 11 所示。清單 11. Function2.html.var g_books = ;function

48、 AddBook( book ) g_books.push( book ); .這里更改了 XSLT，以使函數(shù)調(diào)用駐留在 for-each 循環(huán)體內(nèi)。清單 12 顯示了更新后的樣式表。清單 12. function2.xsl.AddBook( id: ,name: ,first: ,last: ,publisher: );.對(duì)這個(gè)給定示例來(lái)說(shuō)，這種更改看起來(lái)有些隨意。但如果原始的 XML 數(shù)據(jù)集有多種數(shù)據(jù)類型，要為每種類型分配一個(gè)單獨(dú)的函數(shù)調(diào)用會(huì)使 XSL 和頁(yè)面上的 JavaScript 代碼更為簡(jiǎn)單、更易于維護(hù)。編碼對(duì)象對(duì)小的頁(yè)面來(lái)講，使用 JavaScript 函數(shù)沒(méi)有問(wèn)題。但對(duì)于大型項(xiàng)

49、目，就需要使用 JavaScript 語(yǔ)言的一些面向?qū)ο筇匦?。是的，JavaScript 語(yǔ)言可以處理對(duì)象而且可以處理得很好。清單 13 顯示了如何創(chuàng)建帶有數(shù)據(jù)的對(duì)象。清單 13. Object1.jsg_books.push( new Book( id: 1,name: Code Generation in Action,first: Jack,last: Herrington,publisher: Manning ) );g_books.push( new Book( id: 2,name: PHP Hacks,first: Jack,last: Herrington,publisher: OReilly ) );在本例中，我只簡(jiǎn)單地向名為 g_books 的數(shù)組添加了 Book 對(duì)象。JavaScript 的對(duì)象創(chuàng)建與 Ja