快捷導(dǎo)航

網(wǎng)站程序員如何應(yīng)對(duì)web標(biāo)準(zhǔn)第1/2頁(yè)

更新時(shí)間：2007年04月02日 00:00:00 作者：

作者：jxdawei

jxdawei的blog：http://www.iwcn.net/

本文討論的是在web標(biāo)準(zhǔn)普及的形勢(shì)下，網(wǎng)站程序員的定位以及如何與設(shè)計(jì)師配合開(kāi)發(fā)符合web標(biāo)準(zhǔn)的網(wǎng)站項(xiàng)目。
本文適合的讀者是傳統(tǒng)TABLE布局下分工不是非常明晰的程序員。

1:學(xué)習(xí)web標(biāo)準(zhǔn)，讓你的工作變得更加簡(jiǎn)單。

web標(biāo)準(zhǔn)是大勢(shì)所趨，所以作為網(wǎng)站程序員。你必須洗腦，必須去學(xué)習(xí)web標(biāo)準(zhǔn)。去重新認(rèn)識(shí)html標(biāo)簽，去了解如何讓程序輸出頁(yè)面需要的代碼。

比如：

上邊是美工出來(lái)的效果圖，下邊是符合標(biāo)準(zhǔn)的程序代碼：

    Dim oHtml
    set rs=server.createobject("adodb.recordset")
    Sql = "select top 10 id,Title From tbl_News order by id desc"
    rs.open sql,conn,1,1
    oHtml="<ul>"
    do while not rs.eof
        oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("title") & "</a></li>"
    rs.movenext
    loop
    oHtml=oHtml & "</ul>"
    rs.close
    set rs=nothing
    response.write (oHtml)

而如果是傳統(tǒng)的TABLE布局下，程序員要寫(xiě)的HTML代碼就會(huì)多很多，要寫(xiě)出TABLE、要判斷什么時(shí)候輸出TR來(lái)?yè)Q行、要在每條新聞的前邊加個(gè)一個(gè)IMG來(lái)輸出小圖標(biāo)、要用程序去控制輸出的標(biāo)題長(zhǎng)度。所有的工作都需要先出頁(yè)面代碼，程序員才能去寫(xiě)出這段程序。
對(duì)于程序員而言，你應(yīng)該把web標(biāo)準(zhǔn)當(dāng)成是一種福音，你應(yīng)該把它當(dāng)圣經(jīng)一樣去讀，去了解頁(yè)面代碼到底需要什么，明白之后你就會(huì)發(fā)現(xiàn)。你比以前要輕松多了。由于web標(biāo)準(zhǔn)注重的是表現(xiàn)與內(nèi)容相脫離，而程序只負(fù)責(zé)內(nèi)容數(shù)據(jù)。從此你就不再需要考慮用程序代碼如何控制隔行換色、一行分幾列輸出等等。你需要去做的，就是向頁(yè)面輸出最直接的內(nèi)容，沒(méi)有任何裝飾的內(nèi)容。
當(dāng)然如果你是用.net開(kāi)發(fā)的話，你就可以更徹底一點(diǎn)了。你可以完全將工作重點(diǎn)放在建立對(duì)象、類庫(kù)、數(shù)據(jù)訪問(wèn)等，向表現(xiàn)層提供方法即可。下邊的例子是我以前做項(xiàng)目的，應(yīng)該有點(diǎn)參考價(jià)值。

2:網(wǎng)站程序員，別讓HTML標(biāo)簽阻擋了你的視線。

如果你覺(jué)得你真的非常討厭繁瑣的HTML標(biāo)簽，而且自己的學(xué)習(xí)方向也不在網(wǎng)站的表現(xiàn)層，那你就和HTML標(biāo)簽徹底地說(shuō)再見(jiàn)吧。

我曾經(jīng)在傳統(tǒng)桌面軟件開(kāi)發(fā)的公司工作，程序員都不會(huì)HTML，網(wǎng)站項(xiàng)目緊的時(shí)候又不得不讓他們來(lái)幫忙。我們就拿著Visual Studio .Net 2003自帶的幾個(gè)例子仔細(xì)分析，按照面向?qū)ο蟮慕Y(jié)構(gòu)化分層開(kāi)發(fā)模式，也能非常好的進(jìn)行配合。以新聞模塊的開(kāi)發(fā)為例：
第一步：網(wǎng)站程序員可以按需求分析進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，你可以負(fù)責(zé)建表、編寫(xiě)存儲(chǔ)過(guò)程。這類的事情程序員都非常的熟悉。
第二步：定義對(duì)象。將網(wǎng)站的信息對(duì)象化，比如：

    Public Class News
        Protected _id As Integer
        Protected _typeId As Integer
        Protected _title As String
        Protected _author As String
        Protected _original As String
        Protected _updateTime As DateTime
        Protected _content As String
        Protected _clickCount As Integer

        Public Property Id() As Integer
            Get
                Return _id
            End Get
            Set(ByVal Value As Integer)
                _id = Value
            End Set
        End Property

        Public Property TypeId() As Integer
            Get
                Return _typeId
            End Get
            Set(ByVal Value As Integer)
                _typeId = Value
            End Set
        End Property

Public Property Title() As String

End Property

Public Property Author() As String

End Property

Public Property original() As String

End Property

Public Property UpdateTime() As DateTime

End Property

Public Property Content() As String

End Property

Public Property ClickCount() As Integer

End Property
End Class