某公司是一家處于快速發(fā)展中的中小型銷售公司，他們打算架構(gòu)一個網(wǎng)站。計劃分兩步走：首先做一個宣傳型的網(wǎng)站，然后在公司規(guī)模達(dá)到一定程度時擴(kuò)展為網(wǎng)上商店。
在第一步計劃中，某公司的主要想法是通過網(wǎng)站能及時介紹公司的產(chǎn)品、服務(wù)以及其他公司相關(guān)情況；由于不斷有新品上架，他們希望能通過公司市場銷售人員直接來修改頁面，將新的信息直接發(fā)布在網(wǎng)站上；同時他們也希望頁面美工風(fēng)格能定期地改進(jìn)和更換。
某公司這樣的需求其實(shí)代表了大多數(shù)公司進(jìn)軍電子商務(wù)的意圖，因此這個案例有一定的普遍性。
分析這樣的需求，他們需要的實(shí)際是一套能通過web修改頁面的網(wǎng)站內(nèi)容管理系統(tǒng)。這套系統(tǒng)將來能掛接網(wǎng)上商店系統(tǒng)，因此在選擇技術(shù)架構(gòu)和系統(tǒng)設(shè)計上必須充分注意可拓展性。該系統(tǒng)的模式如圖1所示。
圖1 用例
本項目主要是網(wǎng)站管理者要求能夠創(chuàng)建頁面、修改頁面和刪除頁面。仔細(xì)分析需求，網(wǎng)頁頁面其實(shí)分兩個元素：網(wǎng)頁內(nèi)容和網(wǎng)頁外觀，后者也可以稱為網(wǎng)頁模板。網(wǎng)頁模板并不是每次修改頁面時都需要變更。
因此，需要把內(nèi)容和顯示模板完全分離，本網(wǎng)站內(nèi)容管理系統(tǒng)實(shí)際分兩大部分：數(shù)據(jù)內(nèi)容和顯示模板。在用戶獲得頁面時，系統(tǒng)自動將這兩部分融合在一起輸出到瀏覽器。
一個頁面可以劃分為幾個固定區(qū)域，如圖2所示。
圖2 頁面劃分區(qū)域
1. 標(biāo)題欄（header）用來放置頁面頭部的信息。如標(biāo)題、公司名稱，以及公司的logo或商標(biāo)圖片等。
2. 頁尾欄（footer）放置公司的詳細(xì)地址、版權(quán)聲明或其他相關(guān)信息。
3. 菜單欄（navlink）是放置菜單的區(qū)域。菜單是頁面的重要組成部分，菜單的集合定義為導(dǎo)航條（navlink）。在圖4-2中，菜單欄是位于頁面的左邊，也有可能位于頁面的右邊，當(dāng)然，還有可能與標(biāo)題欄和頁尾欄在一起。這就要求在架構(gòu)設(shè)計時考慮到這種靈活性，使得系統(tǒng)具備可擴(kuò)展性。
4. 內(nèi)容欄（body）是整個網(wǎng)站的內(nèi)容部分，這個內(nèi)容有可能是以下幾種類型：
a) 純文字型： 這最容易處理，使用html就可以排列出一定的格式。
b) 文字和圖片型：需要考慮文字和圖片的排列方式，圖片位于文字上方還是文字下方等。
c) 功能型：本內(nèi)容有可能是系列新聞、論壇或電子購物產(chǎn)品列表等，這樣的頁面都不是靜態(tài)html能直接處理的，需要和數(shù)據(jù)庫連接，屬于動態(tài)頁面，功能型內(nèi)容可以由專門軟件去完成。
在本項目中，可以只完成文字相關(guān)的內(nèi)容編輯和修改功能。在擴(kuò)展性方面，需要考慮允許功能型內(nèi)容的動態(tài)插入。
在進(jìn)行了以上用例需求分析后，就可以依此進(jìn)行架構(gòu)設(shè)計和系統(tǒng)詳細(xì)設(shè)計。，歡迎訪問網(wǎng)頁設(shè)計愛好者web開發(fā)。
