3. 實(shí)施
Ok.. 現(xiàn)在是真正的挑戰(zhàn)的開(kāi)始,因?yàn)椤皥?zhí)行”才是實(shí)現(xiàn)應(yīng)用。您可以劃分這一階段為以下幾個(gè)步驟:
執(zhí)行: 數(shù)據(jù)庫(kù)
創(chuàng)建一個(gè)新數(shù)據(jù)庫(kù),寫(xiě)SQL代碼定義表,屬性和關(guān)系?纯聪旅娴,過(guò)去我致力于一些有關(guān)此主題的文章的鏈接,以獲取更多信息:
執(zhí)行: HTML
使用在設(shè)計(jì)階段定義的頁(yè)面結(jié)構(gòu)實(shí)施 HTML 代碼:
<div id=”header”> </div> <div id=”navbar”> </div> <div id=”mainContent”> </div> <div id=”sidebar”> </div> <div id=”footer”> </div>
此時(shí)添加所有在設(shè)計(jì)階段定義的所需要的HTML元素。例如,如果mainContent部分包含一個(gè)標(biāo)題,文字和文章的標(biāo)簽后,添加這些內(nèi)容:
This is the moment to add all HTML elements you need in sections identified during Design phase. For example if the sections mainContent contains a post with a title, a text body and post tags, add these elements:
<div id=”header”> </div> <div id=”navbar”> </div>
<div id=”mainContent”>
<h1><!– Post title –></h1> <p><!– Text body –></p> <small><!– Post tags –></small> </div>
<div id=”sidebar”> </div> <div id=”footer”> </div>
實(shí)施: CSS
當(dāng)主體結(jié)構(gòu)已經(jīng)準(zhǔn)備就緒,開(kāi)始編寫(xiě)CSS代碼添加樣式。如果您需要一些如何撰寫(xiě)更好的CSS代碼建議,請(qǐng)看看這些文章:
實(shí)施: 服務(wù)器端語(yǔ)言
實(shí)施應(yīng)用類,應(yīng)用功能,DB互動(dòng),查詢,以及一切需要服務(wù)器端的實(shí)現(xiàn)的交互。
實(shí)施: JavaScript
使用在設(shè)計(jì)階段選擇的框架( jQuery , Scriptaculous , MooTools …)來(lái)實(shí)施Ajax的功能(拖放,動(dòng)畫(huà)效果… )
4. 測(cè)試
在這一階段需要“強(qiáng)調(diào)”的是。你的應(yīng)用程序能在各種條件下執(zhí)行(例如使用不同的瀏覽器) 。您的目標(biāo)是在最后釋放前檢測(cè)和修復(fù)所有的應(yīng)用程序錯(cuò)誤。
請(qǐng)記住,這一過(guò)程需要有條理,需要極大的耐心!試驗(yàn)的每個(gè)頁(yè)面和每個(gè)功能(在這種情況下還可以幫助理順應(yīng)用圖) 。如果您測(cè)試過(guò)程中發(fā)現(xiàn)一個(gè)bug ,修復(fù)它修改代碼并繼續(xù)進(jìn)行最后的代碼審核(一個(gè)不可告人的測(cè)試)。
5. 發(fā)布
最后你準(zhǔn)備好發(fā)布了!在測(cè)試文件夾中發(fā)布并做最后的測(cè)試,假如一切都OK的話,那就進(jìn)行最后的發(fā)布吧。
在Scribd上,閱讀與下載此篇文章 下載 Woork Papers N1幻燈片 |你需要知道的開(kāi)發(fā)Web應(yīng)用程序的結(jié)構(gòu)化過(guò)程
That’s all. 希望這篇文章能幫助到那些朋友,并要求我對(duì)這個(gè)主題做補(bǔ)充。
如果您有任何建議,以改善這一過(guò)程,請(qǐng)?zhí)砑釉u(píng)論!謝謝: )
英文原文:Structured process you must know to develop a web application
本文鏈接:http://www.95time.cn/tech/site/2009/6751.asp
出處:譯言
責(zé)任編輯:bluehearts
上一頁(yè) 開(kāi)發(fā)Web應(yīng)用程序的結(jié)構(gòu)化過(guò)程 [2] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁(yè)制作版塊參加討論
|