Artikel ini membahas posisi programmer situs web ketika standar web menjadi lebih populer dan bagaimana bekerja dengan desainer untuk mengembangkan proyek situs web yang sesuai dengan standar web.
Artikel ini cocok untuk pemrogram yang pembagian kerjanya tidak begitu jelas berdasarkan tata letak TABLE tradisional.
1: Pelajari standar web untuk mempermudah pekerjaan Anda.
Standar web adalah tren umum, begitu juga dengan pemrogram situs web. Anda harus dicuci otak dan mempelajari standar web. Untuk mengenali kembali tag html dan memahami cara membuat program mengeluarkan kode yang diperlukan oleh halaman.
Redupkan oHtml
set rs=server.createobject("adodb.recordset")
Sql = "pilih 10 id teratas, Judul Dari tbl_Berita diurutkan berdasarkan id desc"
rs.open sql,sambungan,1,1
oHtml="<ul>"
lakukan selagi tidak rs.eof
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("judul") & "</a></li>"
rs.movenext
lingkaran
oHtml=oHtml & "</ul>"
rs.tutup
atur rs=tidak ada
respon.tulis(oHtml)
Jika ini adalah tata letak TABLE tradisional, pemrogram harus menulis lebih banyak kode HTML. Mereka perlu menulis TABLE, menilai kapan harus mengeluarkan TR untuk memutus garis, dan menambahkan IMG di depan setiap item berita untuk menghasilkan ikon kecil. . , gunakan program untuk mengontrol panjang judul keluaran. Semua pekerjaan memerlukan kode halaman untuk ditulis sebelum pemrogram dapat menulis program ini.
Untuk programmer, Anda harus menganggap standar web sebagai semacam Injil. Anda harus membacanya seperti Alkitab untuk memahami apa yang sebenarnya dibutuhkan oleh kode halaman. Anda jauh lebih santai dari sebelumnya. Karena standar web berfokus pada pemisahan kinerja dan konten, program ini hanya bertanggung jawab atas data konten. Mulai sekarang, Anda tidak perlu lagi memikirkan cara menggunakan kode program untuk mengontrol perubahan warna baris alternatif, cara menampilkan baris dalam beberapa kolom, dll. Yang perlu Anda lakukan adalah menampilkan konten paling langsung ke halaman, tanpa hiasan apa pun.
Tentu saja, jika Anda mengembangkan di .net, Anda bisa lebih teliti. Anda dapat sepenuhnya fokus pada pembuatan objek, perpustakaan kelas, akses data, dll., dan cukup menyediakan metode ke lapisan presentasi. Contoh di bawah ini berasal dari proyek yang saya kerjakan sebelumnya dan harus menjadi nilai referensi.
2: Pemrogram situs web, jangan biarkan tag HTML menghalangi pandangan Anda.
Jika Anda merasa sangat membenci tag HTML yang rumit, dan arah pembelajaran Anda tidak ada pada lapisan presentasi situs web, maka ucapkan selamat tinggal pada tag HTML sepenuhnya.
Saya dulu bekerja di perusahaan pengembangan perangkat lunak desktop tradisional, dan tidak ada programmer yang tahu HTML. Ketika proyek situs web sedang ketat, saya harus meminta bantuan mereka. Kami akan mengambil beberapa contoh yang disertakan dengan Visual Studio .Net 2003 dan menganalisisnya dengan cermat. Menurut model pengembangan berlapis terstruktur berorientasi objek, kami juga dapat bekerja sama dengan sangat baik. Ambil contoh pengembangan modul berita:
Langkah pertama: Pemrogram situs web dapat merancang database berdasarkan analisis permintaan, dan Anda dapat bertanggung jawab untuk membuat tabel dan menulis prosedur tersimpan. Pemrogram sangat familiar dengan hal semacam ini.
Langkah 2: Tentukan objeknya. Mengobjektifikasi informasi situs web, seperti:
Berita Kelas Umum
Dilindungi _id Sebagai Integer
Dilindungi _typeId Sebagai Integer
Dilindungi _title Sebagai String
Dilindungi _author Sebagai String
Dilindungi _asli Sebagai String
Dilindungi _updateTime Sebagai DateTime
_Konten yang Dilindungi Sebagai String
Dilindungi _clickCount Sebagai Integer
Id Properti Publik() Sebagai Integer
Mendapatkan
Kembalikan _id
Akhir Dapatkan
Set (Nilai ByVal Sebagai Integer)
_id = Nilai
Kumpulan Akhir
Properti Akhir
Properti Publik TypeId() Sebagai Integer
Mendapatkan
Return_typeId
Akhir Dapatkan
Set (Nilai ByVal Sebagai Integer)
_typeId = Nilai
Kumpulan Akhir
Properti Akhir
Judul Properti Publik() Sebagai String
Properti Akhir
Penulis Properti Publik() Sebagai String
Properti Akhir
Properti Publik asli() Sebagai String
Properti Akhir
UpdateTime Properti Publik() Sebagai DateTime
Properti Akhir
Konten Properti Publik() Sebagai String
Properti Akhir
Properti Publik ClickCount() Sebagai Integer
Properti Akhir
Kelas Akhir
Sama seperti ini, cobalah untuk mengobjektifikasi semua tabel di website. Kemudian tentukan kumpulan catatan yang terkait dengan objek tersebut. Definisi di atas adalah objek berita tunggal, lalu tentukan kumpulan catatan berita.
Berita Kelas Umum
...
Kelas Akhir
Langkah 3: Tentukan serangkaian metode akses data publik.
Tentukan beberapa metode publik untuk memanipulasi database dan menjalankan prosedur tersimpan.
Langkah 4: Tulis lapisan metode berbasis objek. menyukai:
Fungsi Publik ReadNews (ByVal ID As Integer) Sebagai Berita
Fungsi Akhir
Fungsi yang dikembalikan adalah objek berita. Tergantung pada kebutuhan fungsionalnya, beberapa fungsi terkait secara umum didefinisikan, seperti:
'Baca daftar berita
Fungsi Publik ReadNewss(ByVal newsType Sebagai eNewsType, ByVal nCount As Integer) Sebagai Berita
Fungsi Akhir
'Tambahkan berita
Fungsi Publik InsertNews(ByVal n As News) Sebagai Integer
Fungsi Akhir
'Perbarui berita
Fungsi Publik UpdateNews(ByVal n As News) Sebagai Integer
Fungsi Akhir
menghapus sebuah berita
Fungsi Publik DeleteNews (ID ByVal Sebagai Integer) Sebagai Integer
Fungsi Akhir
Dengan cara ini, pengembangan situs web dapat dibagi menjadi lapisan objek, lapisan akses data, lapisan metode, dan lapisan presentasi. Pemrogram hanya perlu menyediakan metode yang dibutuhkan oleh lapisan presentasi. Dengan cara ini, ketika lapisan presentasi perlu menampilkan daftar berita, perancang halaman hanya perlu menggunakan kontrol Repeater di .net, seperti yang ditunjukkan pada kode berikut:
<asp:Repeater ID="topNewsList" runat="server" >
<Templat Tajuk>
<ul>
</Templat Tajuk>
<Templat Barang>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</Templat Barang>
<Templat Kaki>
</ul>
</Templat Kaki>
</asp:Pengulang>
Pada kode program layer presentasi, kita hanya perlu menambahkan:
topNewsList.DataSource = Fasad.newsFacade().ReadNewss(eNewsType, newsCount) baru
Dalam hal ini, programmer pada dasarnya dapat dipisahkan sepenuhnya dari HTML. Dan dalam hal ini, anggota seluruh tim proyek dapat bekerja secara paralel. Hal ini dapat secara signifikan meningkatkan efisiensi pengembangan keseluruhan proyek. Selain itu, munculnya model web 2.0 telah mengajukan persyaratan yang lebih tinggi untuk pengembangan database back-end. Untuk situs web seperti Douban dan 365Kit, pekerjaan penambangan basis data latar belakang sangatlah rumit. Jadi saat ini, ketika pembagian kerja sudah jelas, selain kode HTML, masih banyak tugas penting lainnya yang menunggu untuk dilakukan oleh programmer website.
3: Desain yang berpusat pada pengguna tidak dapat dipisahkan dari insinyur pengembangan front-end.
Jika Anda merasa sedikit enggan untuk meninggalkan kode HTML yang sudah familiar, tidak masalah. Cukup dorong diri Anda ke garis depan teknologi web. Menjadi insinyur pengembangan front-end yang berkaitan erat dengan desain produk.