網站程序員如何應對web標準_Web標準教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

        本文討論的是在web標準普及的形勢下,網站程序員的定位以及如何與設計師配合開發符合web標準的網站項目。

        本文適合的讀者是傳統TABLE布局下分工不是非常明晰的程序員。

        1:學習web標準,讓你的工作變得更加簡單。

        web標準是大勢所趨,所以作為網站程序員。你必須洗腦,必須去學習web標準。去重新熟悉html標簽,去了解如何讓程序輸出頁面需要的代碼。

        比如:   上邊是美工出來的效果圖,下邊是符合標準的程序代碼:

      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)

        而假如是傳統的TABLE布局下,程序員要寫的HTML代碼就會多很多,要寫出TABLE、要判定什么時候輸出TR來換行、要在每條新聞的前邊加個一個IMG來輸出小圖標、要用程序去控制輸出的標題長度。所有的工作都需要先出頁面代碼,程序員才能去寫出這段程序。

        對于程序員而言,你應該把web標準當成是一種福音,你應該把它當圣經一樣去讀,去了解頁面代碼到底需要什么,明白之后你就會發現。你比以前要輕松多了。由于web標準注重的是表現與內容相脫離,而程序只負責內容數據。從此你就不再需要考慮用程序代碼如何控制隔行換色、一行分幾列輸出等等。你需要去做的,就是向頁面輸出最直接的內容,沒有任何裝飾的內容。

        當然假如你是用.net開發的話,你就可以更徹底一點了。你可以完全將工作重點放在建立對象、類庫、數據訪問等,向表現層提供方法即可。下邊的例子是我以前做項目的,應該有點參考價值。

        2:網站程序員,別讓HTML標簽阻擋了你的視線。

        假如你覺得你真的非常討厭繁瑣的HTML標簽,而且自己的學習方向也不在網站的表現層,那你就和HTML標簽徹底地說再見吧。

        我曾經在傳統桌面軟件開發的公司工作,程序員都不會HTML,網站項目緊的時候又不得不讓他們來幫忙。我們就拿著Visual Studio .Net 2003自帶的幾個例子仔細分析,按照面向對象的結構化分層開發模式,也能非常好的進行配合。以新聞模塊的開發為例:

        第一步:網站程序員可以按需求分析進行數據庫設計,你可以負責建表、編寫存儲過程。這類的事情程序員都非常的熟悉。

        第二步:定義對象。將網站的信息對象化,比如:

      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

        就像這樣,把網站里所有的表都試著對象化。然后再定義對象相關的記錄集,上邊定義的是單個的新聞對象,再定義一個新聞的記錄集。

      Public Class Newss

      ......

      End Class

        第三步:定義一套公共的數據訪問方法。

        定義一些操縱數據庫、執行存儲過程的公共方法。

        第四步:編寫基于對象的方法層。如:

      Public Function ReadNews(ByVal ID As Integer) As News

      End Function

        函數返回的就是一個新聞對象。根據功能的需要,一般還會定義一些相關的函數,如:

        '讀取新聞列表

      Public Function ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News

      End Function

        '增加一新聞

      Public Function InsertNews(ByVal n As News) As Integer

      End Function

        '更新一條新聞

      Public Function UpdateNews(ByVal n As News) As Integer

      End Function

        刪除一條新聞

      Public Function DeleteNews(ByVal ID As Integer) As Integer

      End Function

        這樣來做,網站開發可以分成對象層、數據訪問層、方法層、表現層。而程序員則只需要提供表現層所需要的方法。這樣一來,在表現層需要顯示新聞列表時,頁面設計師只需要用.net中的Repeater控件,如下代碼:

      <asp:Repeater ID="topNewsList" runat="server" >

      <HeaderTemplate>

      <ul>

      </HeaderTemplate>

      <ItemTemplate>

      <li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>

      </ItemTemplate>

      <FooterTemplate>

      </ul>

      </FooterTemplate>

      </asp:Repeater>

        而在表現層的程序代碼中我們只需要加上:

      topNewsList.DataSource = New facade.newsFacade().ReadNewss(eNewsType, newsCount)

        這樣的話,程序員基本上可以與HTML完全脫離了。而且這樣的話,整個項目組的成員都可以并行工作了。能非常明顯地提高整個項目的開發效率。況且現在web2.0模式的興起,對后臺數據庫開發提出了更高的要求。如豆瓣網、365Kit等網站,后臺的數據庫挖掘工作是非常復雜的。所以在分工明晰的今天,除了HTML代碼,其它有很多更重要的工作等待網站程序員去做。

        3:以用戶為中心的設計,離不開前端開發工程師。

        假如你覺得脫離了熟悉的HTML代碼,你有點舍不得的話,不要緊。干脆將自己推到web技術的風口浪尖。做一個成產品設計關系密切的前臺開發工程師。

        隨著網絡、計算機硬件設施的不斷提升,我們正在朝著富客戶端的方向前進。為了產品的易用性,給網站程序員提出了非常高的要求。前臺開發工程師這個崗位也越來越顯得重要。這個職位應該說也是近年才有的,而這個職位也不是一般的網頁設計師能勝任的,所以網站程序員也自然分開了,分后臺開發工程師和前臺開發工程師,這個方向應該說也是一個非常好的選擇。而這個則需要你對web標準有一個比較全面的熟悉。既需要你對javascript非常了解,同時也需要你對DOM文檔對象模型、CSS表現層樣式代碼、ajax異步都非常了解。相關的例子就非常多了,比如:在線注冊表單的即時檢測、密碼強度的提示、多級下拉菜單的聯動等。對于改善用戶體驗、提高網站訪問速度都有非常重要的作用。  請作者聯系本站,及時附注您的姓名。聯系郵箱:mb5u#vip.qq.com(把#改為@)。

      來源:模板無憂//所屬分類:Web標準教程/更新時間:2007-04-03
      相關Web標準教程