Tutorial Borang Web ASP.NET: Contoh Kawalan Pengguna

Di ASP.Net, adalah mungkin untuk membuat kod yang boleh digunakan semula. Kod yang boleh digunakan semula boleh digunakan di banyak tempat tanpa perlu menulis kod itu lagi.

Kod yang boleh digunakan semula membantu mengurangkan jumlah masa yang dihabiskan oleh pembangun setelah menulis kod tersebut. Ia boleh dilakukan sekali dan digunakan semula di beberapa tempat.

Dalam tutorial ini, anda akan belajar-

Buat Kawalan Pengguna di ASP.Net

ASP.Net mempunyai keupayaan untuk membuat kawalan Web. Alat kawalan ini mengandungi kod yang dapat digunakan kembali. Ini dapat digunakan di seluruh aplikasi sesuai kebutuhan.

Mari kita lihat contoh bagaimana kita boleh membuat kawalan pengguna web di ASP.Net

Dalam contoh kami,

  • Kami akan membuat kawalan web.
  • Ia akan digunakan untuk membuat komponen header.
  • Ia akan mengandungi teks yang disebutkan di bawah.

    'Tutorial Guru99

    'Tutorial ini adalah untuk ASP.Net'

Mari bekerjasama dengan aplikasi web semasa kami yang dibuat di bahagian sebelumnya. Mari ikuti langkah di bawah untuk membuat kawalan pengguna Web.

Langkah 1) Langkah pertama adalah membuat kawalan pengguna web dan menambahkannya ke Visual Studio Solution kami.

  1. Pergi ke Penjelajah Penyelesaian di Visual Studio dan klik kanan Penyelesaian Aplikasi Demo
  2. Pilih item menu Tambah-> Item Baru

Langkah 2) Pada langkah seterusnya, kita perlu memilih pilihan untuk membuat kawalan pengguna web

  1. Dalam kotak dialog projek, kita dapat melihat pelbagai pilihan untuk membuat pelbagai jenis komponen. Klik pilihan 'Web' di sebelah kiri.
  2. Apabila kita mengklik pilihan 'Web', anda melihat pilihan untuk 'Kawalan pengguna Bentuk Web.' Klik pilihan ini.
  3. Kami kemudian memberikan nama untuk Web Control 'Guru99Control'.
  4. Akhirnya, klik butang 'Tambah' untuk membiarkan Visual Studio menambahkan kawalan pengguna web ke penyelesaian kami.

Anda akan melihat 'Guru99Control' yang ditambahkan pada penyelesaiannya.

Langkah 4) Kini tiba masanya untuk menambahkan kod khusus ke kawalan pengguna Web. Kod kami akan berdasarkan sintaks HTML tulen. Tambahkan kod berikut ke fail 'Guru99Control.ascx'

Guru99 Tutorials
This Tutorial is for

Penjelasan Kod: -

  1. Dalam fail Kawalan Web kami, pertama kami membuat elemen jadual. Ini akan digunakan untuk menahan 2 baris teks yang akan digunakan untuk memaparkan
  • 'Tutorial Guru99' dan
  • 'Tutorial ini adalah untuk ASP.Net.'
  1. Seterusnya, kami menentukan baris jadual pertama kami dan meletakkan teks sebagai 'Tutorial Guru99.'
  2. Kami kemudian menentukan baris jadual kedua kami dan meletakkan teks sebagai 'Tutorial ini adalah untuk ASP.Net.'

CATATAN : Sekarang kita tidak dapat menjalankan kod ini dan menunjukkan hasilnya. Satu-satunya cara untuk melihat apakah ini berfungsi adalah memasukkannya ke dalam aplikasi kita (fail aspx). Kami akan melihatnya dalam topik sub-urutan.

Mendaftarkan Kawalan Pengguna pada borang web ASP.NET

Pada bahagian sebelumnya, kami melihat bagaimana kami dapat membuat kawalan web tersuai. Ini dapat digunakan untuk menampilkan dua baris berikut dalam bentuk web

  • 'Tutorial Guru99'
  • 'Tutorial ini adalah untuk ASP.Net.'

Setelah 'kawalan' tersuai dibuat, kita perlu menggunakannya dalam aplikasi web kita. Langkah pertama adalah mendaftarkan komponen dalam aplikasi kita (Demo.aspx). Ini adalah prasyarat untuk digunakan dalam sebarang kawalan web tersuai dalam aplikasi ASP.Net.

Mari lihat bagaimana kita dapat mencapainya. Langkah-langkah di bawah adalah kesinambungan ke bahagian sebelumnya. Pada bahagian sebelumnya, kami telah membuat kawalan tersuai kami. Di bahagian ini, kita akan menggunakan kawalan di Demo.aspx borang web.

Pertama, kami akan mendaftarkan 'kawalan' tersuai kami ke dalam fail Demo.aspx.

Langkah 1) Pastikan anda mengusahakan fail demo.aspx. Dalam fail ini kawalan pengguna web akan didaftarkan. Ini boleh dilakukan dengan mengklik dua kali fail demo.aspx dalam Penyelesai penyelesaian penyelesaian .Net anda.

Sebaik sahaja anda mengklik dua kali borang, anda mungkin akan melihat kod di bawah dalam borang. Ini adalah kod lalai yang ditambahkan oleh Visual Studio apabila borang web ditambahkan ke projek ASP.Net.

Kod lalai terdiri daripada langkah-langkah, yang diperlukan untuk memastikan bahawa borang dapat berjalan sebagai bentuk web ASP.Net di penyemak imbas.

Langkah 2) Sekarang mari tambah kod kami untuk mendaftarkan kawalan pengguna. Tangkapan skrin di bawah menunjukkan pendaftaran kawalan pengguna ke kod asas di atas.

 

Penjelasan Kod: -

  1. Langkah pertama adalah mendaftarkan kawalan pengguna web. Ini merangkumi parameter asas di bawah
    1. Kata kunci 'Daftar' digunakan untuk mendaftarkan kawalan pengguna web.
    2. Parameter src digunakan untuk menentukan nama kawalan, yang dalam kes kami adalah Guru99Control.ascx.
    3. Tagname dan Tagprefix adalah nama individu yang diberikan kepada kawalan. Ini dilakukan supaya mereka dapat merujuk dalam halaman HTML sebagai kawalan HTML biasa.
  2. Seterusnya, kami merujuk kawalan pengguna Web kami melalui TagPrefix: TagName yang diberikan sebelumnya. TagPrefix: TagName adalah petunjuk bahawa kami ingin menggunakan kawalan web tersuai kami. Apabila halaman diproses oleh pelayan web, anda dapat melihat kami telah menggunakan tag TWebControl: WebControl. Ia kemudian akan memproses 'Guru99Control' dengan sewajarnya.

    Dalam contoh kami, ia adalah TWebControl: WebControl.

    1. ID pilihan diberikan kepada kawalan 'Header'. Secara amnya merupakan amalan yang baik untuk memberikan ID kepada kawalan HTML.
    2. Akhirnya, atribut runat = server supaya kawalan akan dijalankan di pelayan web. Untuk semua kawalan ASP.Net, ini adalah atribut lalai. Semua kawalan ASP.Net (termasuk kawalan tersuai) harus dijalankan di pelayan. Output mereka kemudian dihantar dari pelayan ke klien dan ditunjukkan dalam penyemak imbas dengan sewajarnya.

Apabila kod di atas ditetapkan, dan projek dijalankan menggunakan Visual Studio. Anda akan mendapat output di bawah.

Pengeluaran:-

Mesej output yang dipaparkan di penyemak imbas menunjukkan bahawa kawalan pengguna web berjaya dilaksanakan.

Mendaftar kawalan asp.net secara global dalam fail konfigurasi konfigurasi web asp

Kadang-kadang seseorang mungkin mahu menggunakan kawalan pengguna di beberapa halaman dalam aplikasi .Net. Pada ketika ini, anda tidak mahu terus mendaftar kawalan pengguna pada setiap halaman ASP.Net.

  • Di. Net anda boleh menjalankan pendaftaran di fail 'web.config'.
  • Fail web.config adalah fail konfigurasi biasa yang digunakan oleh semua laman web dalam projek .Net.
  • Ia mengandungi butiran konfigurasi yang diperlukan untuk projek web ASP.Net. Sebagai contoh, satu konfigurasi biasa dalam fail web.config adalah parameter rangka kerja sasaran .
  • Parameter ini digunakan untuk mengenal pasti versi kerangka .Net yang digunakan oleh aplikasi.

Berikut adalah petikan kod lalai dalam fail web.config. Bahagian yang diserlahkan adalah bahagian rangka sasaran.

Mari lihat bagaimana kita dapat mendaftarkan Guru99Control kita dalam fail web.config.

Langkah 1) Buka fail web.config dari explorer penyelesaian dengan mengklik dua kali fail tersebut.

Semasa anda membuka fail web.config, anda mungkin melihat konfigurasi di bawah. 'Web.config' ditambahkan secara automatik oleh Visual Studio semasa projek dibuat. Ini adalah konfigurasi asas yang diperlukan untuk menjadikan projek ASP.Net berfungsi dengan baik.

Langkah 2) Sekarang mari daftarkan komponen kami dalam fail web.config. Kita perlu menambah baris di bawah untuk itu.

 

Pendaftaran terdiri daripada bahagian bawah

  1. Tambahkan teg yang dipanggil. Ini bermaksud semua konfigurasi untuk kawalan akan berlaku untuk semua halaman ASP.Net dalam penyelesaiannya.
  2. Teg bermaksud anda menambahkan konfigurasi untuk kawalan pengguna.
  3. Kemudian kami mendaftarkan kawalan pengguna dengan tag tambahan. Parameter selebihnya tagPrefix, tagName dan src tetap sama seperti sebelumnya.

Langkah 3) Ingatlah untuk pergi ke halaman 'demo.aspx' dan hapus garis untuk kawalan, yang mempunyai pendaftaran komponen Guru99. Sekiranya anda tidak melakukan langkah ini, maka fail 'Guru99Control.ascx' akan dijalankan dari fail 'demo.aspx' dan bukannya fail 'web.config'.

 

Kod di atas ditetapkan, dan projek dijalankan menggunakan Visual Studio. Anda akan mendapat output di bawah.

Pengeluaran:-

Mesej output menunjukkan bahawa kawalan pengguna web berjaya dilaksanakan.

Menambah harta benda awam ke kawalan web

Properti adalah pasangan nilai-kunci yang dikaitkan dengan kawalan apa pun. Mari kita ambil contoh tag HTML ringkas. Tangkapan skrin bagaimana tanda nama ditunjukkan di bawah.

 Demo Form 

Tag 'div' digunakan untuk membuat bahagian dalam dokumen HTML. Tag 'div' mempunyai sifat yang disebut gaya harta tanah. Ini dapat digunakan untuk memberikan gaya yang berbeda pada teks yang ditampilkan dalam tag div. Biasanya anda akan melihat kod untuk tag div seperti gambar di bawah.

Jadi atribut warna tidak lain hanyalah pasangan nilai-kunci yang memberikan lebih banyak maklumat mengenai tag itu sendiri. Dalam kes di atas, nama kuncinya adalah 'style' dan nilai kuncinya adalah 'color: # 0000FF'.

Begitu juga, untuk kawalan pengguna, anda boleh membuat sifat anda sendiri yang menggambarkan kawalan tersebut.

Mari kita ambil contoh mudah dan membina 'Guru99Control' kita yang dibuat di bahagian sebelumnya.

Dalam contoh kami, kami akan menambahkan harta bulat sederhana yang disebut MinValue. Nilai ini akan mewakili bilangan aksara minimum dalam teks yang ditunjukkan dalam kawalan pengguna.

Mari lakukan langkah-langkah yang disebutkan di bawah untuk mendapatkannya.

Langkah 1) Buka fail Guru99Control.ascx. Tambahkan kod untuk menambahkan harta MinValue.

 public int MinValue = 0; 
Guru99 Tutorials
This Tutorial is for

Penjelasan Kod: -

Skrip runat = atribut pelayan digunakan untuk menunjukkan bahawa kita menambahkan beberapa.Kod khusus bersih dan perlu dijalankan di pelayan web.

Ini diperlukan untuk memproses sebarang harta yang ditambahkan pada kawalan pengguna. Kami kemudian menambah harta MinValue kami dan memberikan nilai lalai 0.

Langkah 2) Sekarang mari rujuk harta tanah ini dalam fail demo.aspx kami. Yang kita buat sekarang hanyalah merujuk pada harta MinValue dan memberikan nilai baru 100.

!DOCTYPE html> 

CATATAN : - Apabila anda menjalankan kod ini, ia tidak akan menunjukkan output. Ini kerana outputnya berada di bawah had 100 aksara.

Ringkasan

  • ASP.Net mempunyai keupayaan untuk membuat kawalan pengguna. Kawalan pengguna digunakan untuk mempunyai kod yang digunakan berkali-kali dalam aplikasi. Kawalan pengguna kemudian boleh digunakan semula di seluruh aplikasi.
  • Kawalan pengguna perlu didaftarkan di halaman ASP.Net sebelum dapat digunakan.
  • Untuk menggunakan kawalan pengguna di semua halaman dalam aplikasi, daftarkan ke file web.config.
  • Properties juga boleh ditambahkan ke kawalan pengguna web.