この記事では、Web 標準の普及に伴う Web サイト プログラマーの位置づけと、デザイナーと協力して Web 標準に準拠した Web サイト プロジェクトを開発する方法について説明します。
この記事は、従来の TABLE レイアウトでは分業が明確ではないプログラマに適しています。
1: 仕事を楽にするために Web 標準を学びましょう。
Web のプログラマとしては、Web 標準が一般的な傾向です。洗脳されてWeb標準を学ぶ必要があります。 htmlタグを再認識し、ページに必要なコードをプログラムに出力させる方法を理解する。
薄暗いHTML
set rs=server.createobject("adodb.recordset")
Sql = "上位 10 の ID、タイトルを tbl_News から ID 順に選択します。"
rs.open SQL,conn,1,1
oHtml="<ul>"
rs.eof ではないときに実行します
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("タイトル") & "</a></li>"
rs.movenext
ループ
oHtml=oHtml & "</ul>"
rs.close
rs=何も設定しない
応答.write(oHtml)
従来の TABLE レイアウトの場合、プログラマーは、TABLE を記述し、改行するために TR を出力するタイミングを判断し、小さなアイコンを出力するために各ニュース項目の前に IMG を追加する必要があるため、より多くの HTML コードを記述する必要があります。 . 、プログラムを使用して出力タイトルの長さを制御します。すべての作業では、プログラマーがこのプログラムを作成する前に、ページ コードを作成する必要があります。
プログラマーにとって、Web 標準は一種の福音であると考える必要があります。理解すれば、ページのコードに実際に何が必要なのかを理解するために、Web 標準を読む必要があります。あなたは以前よりもずっとリラックスしています。 Web 標準はパフォーマンスとコンテンツの分離に重点を置いているため、プログラムはコンテンツ データのみを担当します。今後は、プログラム コードを使用して行の交互の色の変更を制御する方法や、行を複数の列に出力する方法などを考える必要はなくなります。必要なのは、装飾を一切せずに、最も直接的なコンテンツをページに出力することです。
もちろん、.net で開発している場合は、より徹底的に行うことができます。オブジェクト、クラス ライブラリ、データ アクセスなどの構築に完全に集中し、プレゼンテーション層にメソッドを提供するだけで済みます。以下の例は、私が以前に取り組んだプロジェクトからのものであり、何らかの参考価値があるはずです。
2: ウェブサイトプログラマーの皆さん、HTML タグが視界を妨げないようにしてください。
煩雑な HTML タグが本当に嫌いで、学習の方向性が Web サイトのプレゼンテーション層にない場合は、HTML タグに完全に別れを告げましょう。
私は従来のデスクトップ ソフトウェア開発会社で働いていましたが、Web サイトのプロジェクトが厳しいときは、プログラマーに HTML を理解できる人が一人もいなかったので、彼らに手伝ってもらう必要がありました。 Visual Studio .Net 2003 に付属するいくつかの例を取り上げ、それらを注意深く分析します。オブジェクト指向の構造化された階層型開発モデルに従って、非常にうまく連携することもできます。ニュースモジュールの開発を例に挙げます。
ステップ 1: Web サイトのプログラマーは需要分析に基づいてデータベースを設計でき、あなたはテーブルの構築とストアド プロシージャの作成を担当できます。プログラマはこの種のことによく精通しています。
ステップ 2: オブジェクトを定義します。次のような Web サイト情報を客観化します。
公開授業ニュース
_id を整数として保護
_typeId を整数として保護
Protected _title を文字列として指定
_author を文字列として保護
Protected _original As String
_updateTime を DateTime として保護
文字列として保護された _content
_clickCount を整数として保護
Public Property Id() As Integer
得る
_id を返す
終了取得
Set(ByVal 値を整数として)
_id = 値
エンドセット
終了プロパティ
Public プロパティ TypeId() As Integer
得る
Return_typeId
終了取得
Set(ByVal 値を整数として)
_typeId = 値
エンドセット
終了プロパティ
Public プロパティ Title() As String
終了プロパティ
Public プロパティ Author() As String
終了プロパティ
Public プロパティoriginal() As String
終了プロパティ
Public プロパティ UpdateTime() As DateTime
終了プロパティ
Public プロパティ Content() As String
終了プロパティ
Public プロパティ ClickCount() As Integer
終了プロパティ
終了クラス
このように、Web サイト内のすべてのテーブルをオブジェクト化してみてください。次に、オブジェクトに関連するレコード セットを定義します。上記の定義は単一のニュース オブジェクトであり、次にニュース レコード セットを定義します。
公開授業ニュース
...
終了クラス
ステップ 3: 一連のパブリック データ アクセス方法を定義します。
データベースを操作してストアド プロシージャを実行するためのパブリック メソッドをいくつか定義します。
ステップ 4: オブジェクトベースのメソッド層を作成します。のように：
Public Function ReadNews(ByVal ID As Integer) As News
終了機能
この関数が返すのはニュース オブジェクトです。機能のニーズに応じて、一般に次のようないくつかの関連関数が定義されます。
'ニュースリストを読む
Public Function ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News
終了機能
'ニュースを追加
Public Function InsertNews(ByVal n As News) As Integer
終了機能
'ニュースを更新
Public Function UpdateNews(ByVal n As News) As Integer
終了機能
ニュースを削除する
Public Function DeleteNews(ByVal ID As Integer) As Integer
終了機能
このように、Webサイト開発はオブジェクト層、データアクセス層、メソッド層、プレゼンテーション層に分けることができます。プログラマは、プレゼンテーション層に必要なメソッドを提供するだけで済みます。このようにして、プレゼンテーション レイヤーでニュース リストを表示する必要がある場合、次のコードに示すように、ページ デザイナーは .net の Replyer コントロールを使用するだけで済みます。
<asp:Repeater ID="topNewsList" runat="server" >
<ヘッダーテンプレート>
<ul>
</HeaderTemplate>
<アイテムテンプレート>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<フッターテンプレート>
</ul>
</フッターテンプレート>
</asp:リピーター>
プレゼンテーション層のプログラム コードには、以下を追加するだけで済みます。
topNewsList.DataSource = New facade.newsFacade().ReadNewss(eNewsType, newsCount)
この場合、プログラマは基本的に HTML から完全に分離できます。この場合、プロジェクト チーム全体のメンバーが並行して作業できます。プロジェクト全体の開発効率を大幅に向上させることができます。さらに、Web 2.0 モデルの台頭により、バックエンド データベース開発の要件がさらに高まっています。 Douban や 365Kit などの Web サイトの場合、バックグラウンドでのデータベース マイニング作業は非常に複雑です。そのため、分業が明確になった今日では、HTML コードに加えて、Web サイトのプログラマーが行うべき重要なタスクが他にもたくさんあります。
3: ユーザー中心設計はフロントエンド開発エンジニアと切り離せないものです。
使い慣れた HTML コードを残すことに少し抵抗があるとしても、問題ありません。 Web テクノロジーの最前線に挑戦するだけです。プロダクトデザインに関わるフロントエンド開発エンジニアとして活躍してください。