บทความนี้กล่าวถึงการวางตำแหน่งของโปรแกรมเมอร์เว็บไซต์เนื่องจากมาตรฐานเว็บได้รับความนิยมมากขึ้น และวิธีการทำงานร่วมกับนักออกแบบเพื่อพัฒนาโครงการเว็บไซต์ที่สอดคล้องกับมาตรฐานเว็บ
บทความนี้เหมาะสำหรับโปรแกรมเมอร์ที่การแบ่งงานไม่ชัดเจนภายใต้เค้าโครง TABLE แบบดั้งเดิม
1: เรียนรู้มาตรฐานเว็บเพื่อทำให้งานของคุณง่ายขึ้น
มาตรฐานเว็บเป็นเทรนด์ทั่วไป ดังนั้นในฐานะโปรแกรมเมอร์เว็บไซต์ คุณต้องถูกล้างสมองและเรียนรู้มาตรฐานเว็บ เพื่อจดจำแท็ก html อีกครั้ง และเพื่อทำความเข้าใจวิธีทำให้โปรแกรมส่งออกโค้ดที่หน้าเว็บต้องการ
Dim oHtml
ตั้งค่า rs=server.createobject("adodb.recordset")
Sql = "เลือก 10 id ยอดนิยม, ชื่อเรื่องจาก tbl_News เรียงลำดับตาม id desc"
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=nothing
การตอบกลับเขียน (oHtml)
หากเป็นรูปแบบ TABLE แบบดั้งเดิม โปรแกรมเมอร์จะต้องเขียนโค้ด HTML มากขึ้น พวกเขาจำเป็นต้องเขียน TABLE ตัดสินว่าเมื่อใดควรส่งออก TR เพื่อแยกบรรทัด และเพิ่ม IMG ที่ด้านหน้าของแต่ละรายการข่าวเพื่อแสดงไอคอนขนาดเล็ก . ให้ใช้โปรแกรมเพื่อควบคุมความยาวของชื่อเอาต์พุต งานทั้งหมดต้องเขียนโค้ดเพจก่อนโปรแกรมเมอร์จึงจะเขียนโปรแกรมนี้ได้
สำหรับโปรแกรมเมอร์ คุณควรถือว่ามาตรฐานเว็บเป็นเหมือนข่าวประเสริฐ คุณควรอ่านมันเหมือนอ่านพระคัมภีร์เพื่อทำความเข้าใจว่าจริงๆ แล้วโค้ดของเพจต้องการอะไร เมื่อคุณเข้าใจแล้ว คุณจะพบว่า คุณผ่อนคลายมากขึ้นกว่าเดิมมาก เนื่องจากมาตรฐานเว็บมุ่งเน้นไปที่การแยกประสิทธิภาพและเนื้อหา โปรแกรมจึงรับผิดชอบเฉพาะข้อมูลเนื้อหาเท่านั้น จากนี้ไป คุณไม่จำเป็นต้องคิดถึงวิธีใช้โค้ดโปรแกรมเพื่อควบคุมการเปลี่ยนสีแถวอื่น วิธีส่งออกแถวในหลายคอลัมน์ ฯลฯ อีกต่อไป สิ่งที่คุณต้องทำคือแสดงเนื้อหาที่ตรงที่สุดไปยังเพจ โดยไม่มีการตกแต่งใดๆ
แน่นอนว่าหากคุณกำลังพัฒนาใน .net คุณก็จะสามารถพัฒนาได้ละเอียดยิ่งขึ้น คุณสามารถมุ่งเน้นไปที่การสร้างออบเจ็กต์ ไลบรารีคลาส การเข้าถึงข้อมูล ฯลฯ ได้อย่างสมบูรณ์ และเพียงจัดเตรียมวิธีการให้กับเลเยอร์การนำเสนอ ตัวอย่างด้านล่างมาจากโครงการที่ฉันเคยทำมาก่อน และควรมีค่าอ้างอิงบางส่วน
2: โปรแกรมเมอร์เว็บไซต์ อย่าปล่อยให้แท็ก HTML ปิดกั้นการมองเห็นของคุณ
หากคุณรู้สึกว่าคุณเกลียดแท็ก HTML ที่ยุ่งยากจริงๆ และทิศทางการเรียนรู้ของคุณไม่ได้อยู่ในเลเยอร์การนำเสนอของเว็บไซต์ บอกลาแท็ก HTML ไปเลย
ฉันเคยทำงานในบริษัทพัฒนาซอฟต์แวร์เดสก์ท็อปแบบดั้งเดิม และไม่มีโปรแกรมเมอร์คนไหนรู้ HTML เมื่อโปรเจ็กต์เว็บไซต์แน่นหนา ฉันจึงต้องขอให้พวกเขาช่วย เราจะนำตัวอย่างเล็กๆ น้อยๆ ที่มาพร้อมกับ Visual Studio .Net 2003 มาวิเคราะห์อย่างระมัดระวัง ตามโมเดลการพัฒนาแบบเลเยอร์เชิงวัตถุ เราสามารถทำงานร่วมกันได้เป็นอย่างดี ยกตัวอย่างการพัฒนาโมดูลข่าว:
ขั้นตอนที่หนึ่ง: โปรแกรมเมอร์เว็บไซต์สามารถออกแบบฐานข้อมูลตามการวิเคราะห์ความต้องการ และคุณสามารถรับผิดชอบในการสร้างตารางและเขียนขั้นตอนการจัดเก็บ โปรแกรมเมอร์คุ้นเคยกับสิ่งนี้มาก
ขั้นตอนที่ 2: กำหนดวัตถุ คัดค้านข้อมูลเว็บไซต์ เช่น:
ข่าวชั้นเรียนสาธารณะ
ป้องกัน _id เป็นจำนวนเต็ม
ป้องกัน _typeId เป็นจำนวนเต็ม
ป้องกัน _title เป็นสตริง
ป้องกัน _author เป็นสตริง
ป้องกัน _Original เป็นสตริง
ป้องกัน _updateTime เป็น DateTime
ป้องกัน _content เป็นสตริง
ป้องกัน _clickCount เป็นจำนวนเต็ม
รหัสทรัพย์สินสาธารณะ () เป็นจำนวนเต็ม
รับ
กลับ_id
จบรับ
ตั้งค่า (ค่า ByVal เป็นจำนวนเต็ม)
_id = ค่า
จบเซต
สิ้นสุดคุณสมบัติ
คุณสมบัติสาธารณะ TypeId() เป็นจำนวนเต็ม
รับ
Return_typeId
จบรับ
ตั้งค่า (ค่า ByVal เป็นจำนวนเต็ม)
_typeId = ค่า
จบเซต
สิ้นสุดคุณสมบัติ
ชื่อทรัพย์สินสาธารณะ () เป็นสตริง
สิ้นสุดคุณสมบัติ
ผู้เขียนทรัพย์สินสาธารณะ () เป็นสตริง
สิ้นสุดคุณสมบัติ
ทรัพย์สินสาธารณะ ต้นฉบับ () เป็นสตริง
สิ้นสุดคุณสมบัติ
UpdateTime ทรัพย์สินสาธารณะ () เป็น DateTime
สิ้นสุดคุณสมบัติ
เนื้อหาทรัพย์สินสาธารณะ () เป็นสตริง
สิ้นสุดคุณสมบัติ
ทรัพย์สินสาธารณะ ClickCount() เป็นจำนวนเต็ม
สิ้นสุดคุณสมบัติ
จบคลาส
ในลักษณะนี้ ให้พยายามทำให้ตารางทั้งหมดในเว็บไซต์เป็นวัตถุ จากนั้นกำหนดชุดบันทึกที่เกี่ยวข้องกับวัตถุ คำจำกัดความข้างต้นเป็นวัตถุข่าวเดียว จากนั้นกำหนดชุดบันทึกข่าว
ข่าวชั้นเรียนสาธารณะ
-
จบคลาส
ขั้นตอนที่ 3: กำหนดชุดวิธีการเข้าถึงข้อมูลสาธารณะ
กำหนดวิธีการสาธารณะบางอย่างสำหรับจัดการฐานข้อมูลและดำเนินการขั้นตอนที่เก็บไว้
ขั้นตอนที่ 4: เขียนเลเยอร์วิธีการแบบอิงวัตถุ ชอบ:
ฟังก์ชั่นสาธารณะ ReadNews (ByVal ID As Integer) เป็นข่าว
ฟังก์ชันสิ้นสุด
สิ่งที่ฟังก์ชันส่งคืนคือวัตถุข่าว โดยทั่วไปจะมีการกำหนดฟังก์ชันที่เกี่ยวข้องบางอย่างขึ้นอยู่กับความต้องการด้านการใช้งาน เช่น:
'อ่านรายการข่าว
ฟังก์ชั่นสาธารณะ ReadNewss (ByVal newsType As eNewsType, ByVal nCount As Integer) As News
ฟังก์ชันสิ้นสุด
'เพิ่มข่าว
ฟังก์ชั่นสาธารณะ InsertNews (ByVal n As News) As Integer
ฟังก์ชันสิ้นสุด
'อัพเดทข่าวสาร.
ฟังก์ชั่นสาธารณะ UpdateNews (ByVal n As News) As Integer
ฟังก์ชันสิ้นสุด
ลบข่าว
ฟังก์ชั่นสาธารณะ DeleteNews (ByVal ID As Integer) เป็น Integer
ฟังก์ชันสิ้นสุด
ด้วยวิธีนี้ การพัฒนาเว็บไซต์สามารถแบ่งออกเป็นชั้นวัตถุ ชั้นการเข้าถึงข้อมูล ชั้นวิธีการ และชั้นการนำเสนอ โปรแกรมเมอร์จำเป็นต้องจัดเตรียมวิธีการที่จำเป็นสำหรับเลเยอร์การนำเสนอเท่านั้น ด้วยวิธีนี้ เมื่อเลเยอร์การนำเสนอจำเป็นต้องแสดงรายการข่าว ผู้ออกแบบเพจจำเป็นต้องใช้ตัวควบคุม Repeater ใน .net เท่านั้น ดังที่แสดงในโค้ดต่อไปนี้:
<asp:Repeater ID="topNewsList" runat="เซิร์ฟเวอร์">
<เทมเพลตส่วนหัว>
<ul>
</เทมเพลตส่วนหัว>
<เทมเพลตรายการ>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</เทมเพลตรายการ>
<เทมเพลตส่วนท้าย>
</ul>
</เทมเพลตส่วนท้าย>
</asp:รีพีทเตอร์>
ในโค้ดโปรแกรมของเลเยอร์การนำเสนอ เราเพียงแต่ต้องเพิ่ม:
topNewsList.DataSource = ซุ้มใหม่.newsFacade().ReadNewss(eNewsType, newsCount)
ในกรณีนี้ โปรแกรมเมอร์สามารถแยกออกจาก HTML ได้อย่างสมบูรณ์ และในกรณีนี้ สมาชิกของทีมงานโครงการทั้งหมดสามารถทำงานแบบคู่ขนานได้ สามารถปรับปรุงประสิทธิภาพการพัฒนาของโครงการทั้งหมดได้อย่างมีนัยสำคัญ นอกจากนี้ การเพิ่มขึ้นของโมเดล web 2.0 ทำให้เกิดความต้องการที่สูงขึ้นสำหรับการพัฒนาฐานข้อมูลส่วนหลัง สำหรับเว็บไซต์เช่น Douban และ 365Kit งานขุดฐานข้อมูลเบื้องหลังนั้นซับซ้อนมาก ดังนั้นในปัจจุบันนี้เมื่อการแบ่งงานชัดเจนแล้ว นอกจากโค้ด HTML แล้ว ยังมีงานสำคัญอื่นๆ อีกมากมายที่รอให้โปรแกรมเมอร์เว็บไซต์ทำ
3: การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางไม่สามารถแยกออกจากวิศวกรพัฒนาส่วนหน้าได้
หากคุณรู้สึกลังเลเล็กน้อยที่จะทิ้งโค้ด HTML ที่คุ้นเคยไว้ ก็ไม่สำคัญ เพียงผลักดันตัวเองให้ก้าวไปสู่แถวหน้าของเทคโนโลยีเว็บ เป็นวิศวกรพัฒนาส่วนหน้าที่เกี่ยวข้องกับการออกแบบผลิตภัณฑ์อย่างใกล้ชิด