Gunakan butang dan jadual JSF untuk operasi pangkalan data

Dokumen ini bertujuan untuk membimbing pemaju bagaimana menggunakan rangka kerja Javaserver Faces (JSF), menggabungkan butang dan jadual HTML, untuk mencapai fungsi interaktif dengan pangkalan data. Ia terutamanya melibatkan penggunaan butang yang betul dalam halaman JSF, dan bagaimana untuk mencetuskan kaedah dalam kacang latar melalui butang, untuk mencapai penciptaan data, mengemaskini dan memadam operasi. Artikel ini akan membantu pemaju menyelesaikan masalah biasa yang dihadapi dalam projek JSF melalui kod sampel dan langkah berjaga -jaga.

Penggunaan butang JSF

Dalam JSF, tidak seperti tag dalam HTML, komponen atau biasanya digunakan untuk mencetuskan kaedah dalam kacang latar. Ini kerana komponen JSF lebih baik diintegrasikan dengan kitaran hayat JSF, memastikan pemprosesan data yang betul dan pemprosesan permintaan.

Contoh: Gunakan

 <h: commandbutton action="#%7Binternetbean.create%7D" value="create"></h:>
<h: commandbutton action="#%7Binternetbean.update%7D" value="update" rendered="#{internetbean.entity.id! = null}"></h:>
<h: commandbutton action="#%7Binternetbean.delete%7D" value="delete" rendered="#{internetbean.entity.id! = null}"></h:>

Jelaskan:

• tindakan = "#{internetbean.create}": Menentukan kaedah membuat dalam kacang latar (internetbean) yang dipanggil apabila butang diklik.
• Nilai = "Buat": Menetapkan teks yang dipaparkan pada butang.
• rendered = "#{internetbean.entity.id! = null}": Gunakan ekspresi el untuk mengawal paparan butang. Butang Kemas Kini dan Padam hanya akan dipaparkan jika internetbean.idity.id tidak kosong.

Nota:

1. Bean Naming: Pastikan kacang latar menggunakan anotasi @named dan nama kacang yang betul digunakan dalam halaman JSF. Jika anda hanya menggunakan anotasi @named (tiada atribut nilai yang ditentukan), nama kacang lalai adalah huruf kecil dalam nama kelas. Sebagai contoh, jika nama kelas adalah InternetBean, nama kacang lalai adalah InternetBean.
2. JSF LifeCycle: Kaedah dalam atribut tindakan dilaksanakan dalam fasa "Invoke Application" JSF. Pastikan kaedah dalam kacang mengendalikan permintaan dengan betul dan mengembalikan hasil navigasi yang sesuai (jika diperlukan).
3. Alternatif untuk butang HTML: Walaupun tag HTML boleh digunakan, biasanya diperlukan untuk bekerjasama dengan JavaScript dan JSF's F: AJAX Tag untuk mencapai interaksi dengan kacang latar. Adalah disyorkan untuk menggunakan atau untuk lebih baik menggunakan keupayaan rangka kerja JSF.

Paparan data jadual

Dalam JSF, komponen boleh digunakan untuk memaparkan data jadual. menyediakan lebih banyak kawalan fleksibel, manakala menyediakan lebih banyak ciri jadual terbina dalam seperti penyortiran dan penomboran.

Contoh: Gunakan

Contoh: Gunakan

 <h: datatable value="#{InternetBean.List}" var="e" border="3" width="100" cellpadding="5" id="ipveri">
    <h: lajur>
        <f: facet name="header"> id </f:>facet>
        #{e.id}
    </h:>lajur>
    <h: lajur>
        <f: facet name="header"> not LISNK </f:>Facet>
        #{e.ilink}
    </h:>lajur>
    <h: lajur>
        <f: facet name="header"> açiklama </f:>facet>
        #{e.idescription}
    </h:>lajur>
    <h: lajur>
        <f: facet name="header"> tarİh </f:>facet>
        #{E.CreateDate}
    </h:>lajur>
</h:>DataTable>

Jelaskan:

• value = "#{internetbean.list}": Menentukan senarai data untuk melelehkan.
• var = "e": Menentukan pembolehubah E yang merujuk elemen semasa dalam senarai dalam setiap lelaran.
• #{e.id}, #{e.elink}, #{e.idescription}, #{e.Createdate}: Gunakan ungkapan EL untuk mengakses sifat elemen semasa.

Nota:

1. Senarai Data: Pastikan internetbean.list mengembalikan senarai yang sah yang mengandungi objek data untuk dipaparkan.
2. Ungkapan EL: Pastikan nama atribut dalam ungkapan EL sepadan dengan nama atribut dalam objek data.
3. : in , anda boleh menggunakan untuk menentukan header untuk setiap lajur.

Mengikat medan input

Gunakan komponen untuk mengikat medan input ke harta kacang.

Contoh:

 <h: outputlabel value="not link" for="eline"></h:>
<h: inputtext id="elinek" value="#{internetbean.entity.elinek}"></h:>
<h: outputlabel value="açıklama" untuk="idescription"></h:>
<h: inputtext id="idescription" value="#{internetbean.entity.idescription}"></h:>

Jelaskan:

• value = "#{internetbean.entity.elink}": Bind nilai medan input ke harta internetbean.Entity.elink.

Nota:

1. Bean Properties: Pastikan terdapat atribut yang terikat pada medan input dalam kacang dan mempunyai kaedah getter dan setter yang sepadan.
2. H: OutputLabel dan untuk atribut: Digunakan bersama dapat meningkatkan kebolehcapaian halaman.

Meringkaskan

Interaksi dengan pangkalan data boleh dilaksanakan dengan mudah di halaman JSF dengan menggunakan komponen atau , serta komponen atau . Memastikan penamaan kacang, ungkapan EL, dan pengikatan data dikonfigurasi dengan betul untuk mengelakkan kesilapan biasa. Di samping itu, adalah disyorkan untuk menggunakan komponen yang disediakan oleh JSF dan bukan secara langsung menggunakan tag HTML untuk memanfaatkan keupayaan rangka kerja JSF.

Atas ialah kandungan terperinci Gunakan butang dan jadual JSF untuk operasi pangkalan data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!