Aplikasi Oracle Express. Aplikasi dan halaman

Kelanjutan tutorial.

Bagian ini menjelaskan proses untuk membuat aplikasi Oracle APEX dan membuat halaman dalam aplikasi.

Bagian sebelumnya: Tutorial Oracle Application Express. Ikhtisar IDE

Daftar isi

Pembuatan aplikasi
Halaman Default
Peluncuran aplikasi
Pembuatan halaman
Komponen halaman utama
Elemen visual
Elemen non-visual
Properti dasar elemen
Sifat umum
Properti Halaman

Pembuatan aplikasi

Untuk membuat aplikasi, Anda harus pergi ke App Builder dan klik tombol "Buat".

Selanjutnya, panduan pembuatan aplikasi dimulai. Pada langkah pertama, Anda harus memilih "Aplikasi Baru", pada langkah kedua - cukup isi kolom "Nama" dan ID Aplikasi (nomor aplikasi). Nama diperlukan hanya karena itu adalah bidang wajib, dan Application ID - karena dengan begitu tidak mungkin untuk mengubahnya. Lebih tepatnya, dimungkinkan (melalui ekspor / impor), tetapi panjang dan tidak nyaman, lebih baik segera mengatur nomor yang diinginkan jika apex yang dihasilkan secara otomatis tidak sesuai dengan Anda. Jumlahnya harus unik. Nomor ini digunakan sebagai bagian dari alamat aplikasi. Mari kita lihat URL puncak khas:

 https://apex.oracle.com/pls/apex/f?p=123456:1:14675052744498::::: 

Di sini 123456 adalah ID aplikasi.

Untuk bidang lainnya dalam panduan, Anda tidak dapat memperhatikan sejauh ini, semua pengaturan ini dapat diubah nanti.

Setelah itu Anda perlu mengklik "Buat Aplikasi", apex akan membuat aplikasi dan secara otomatis memindahkan Anda ke halaman aplikasi, di mana Anda akan melihat

Halaman Default

Secara default, apex akan membuat 3 halaman dalam aplikasi. Halaman, seperti aplikasi, memiliki nomor dan judul. Nomor tersebut digunakan dengan cara yang sama di URL untuk mengidentifikasi halaman, itu segera mengikuti nomor aplikasi dan dipisahkan oleh tanda titik dua. Artinya, formatnya adalah sebagai berikut:

 https://apex.oracle.com/pls/apex/f?p=APPLICATION_ID:PAGE_ID:<  url> 

Halaman default yang dibuat adalah:

• Halaman global (ID Halaman: 0)
  Ini adalah halaman khusus yang tidak digunakan secara independen, tetapi Anda dapat menambahkan beberapa elemen jika Anda ingin itu muncul di semua halaman.

• Halaman Beranda (ID Halaman: 1)
  Ini adalah halaman awal aplikasi. Anda akan mendapatkannya secara default setelah Anda memasukkan login dan kata sandi dalam aplikasi, atau jika Anda menentukan URL aplikasi Anda tanpa menentukan halaman dan yang lainnya, seperti ini:

  
  

   https://apex.oracle.com/pls/apex/f?p=123456 

  
  
• Halaman login (ID halaman: 9999, dalam versi 4.x, 5.x adalah 101)
  Ini jelas halaman login. Ini berisi bidang untuk memasukkan login dan kata sandi, untuk beberapa waktu (saya tidak dapat menyebutkan versi, tetapi baru-baru ini) - kotak centang "Ingat nama pengguna", dan tombol "Masuk".

Aplikasi dan halaman juga memiliki properti Alias berguna. Untuk aplikasi, properti ini dikonfigurasikan di properti aplikasi ("Properti Aplikasi" → "Definisi" → "Nama" → "Alias ​​Aplikasi"), dan untuk halaman, di editor halaman di panel properti di sebelah kanan. Alias dapat digunakan di URL halaman alih-alih nomornya. Halaman login default dibuat dengan LOGIN_DESKTOP LOGIN_DESKTOP, dan halaman beranda dengan alias HOME . Jika Anda mengatur alias aplikasi MY_APP , Anda dapat membuka halaman login di

 https://apex.oracle.com/pls/apex/f?p=MY_APP:LOGIN_DESKTOP 

Peluncuran aplikasi

Sekarang setelah aplikasi dibuat, itu sudah bisa "diluncurkan" (belum ada yang bisa dilihat). Ini tidak persis sama dengan memulai aplikasi biasa (seperti pada Windows atau Linux). Aplikasi apex di-render oleh mesin yang sama dengan IDE itu sendiri, sehingga segera setelah Anda membuat aplikasinya, aplikasi tersebut langsung siap digunakan, dan siapa pun yang memasukkan alamatnya ke bilah alamat dapat bekerja dengannya. Peluncuran aplikasi itu sendiri, sebenarnya, hanyalah nama untuk membuka halaman awal (yang memiliki nomor 1). Anda dapat meluncurkan aplikasi dengan banyak cara:

• di Pembuat Aplikasi dalam daftar aplikasi terdapat kolom "Jalankan" dengan tombol yang berlawanan dengan setiap aplikasi;
• pada halaman aplikasi ada tombol "Jalankan Aplikasi" yang besar;
• Anda dapat "meluncurkan" tidak hanya aplikasi, tetapi juga halaman non-dialog (dialog hanya dapat dipanggil dari halaman biasa): dalam daftar halaman aplikasi terdapat juga kolom dengan tombol "Run";
• Anda dapat memulai halaman saat ini dari editor halaman dengan mengklik tombol di sudut kanan atas;
• dan akhirnya, Anda dapat memulai halaman jika ada tombol seperti itu di sudut kanan atas:

Kedua tombol ini ada di hampir semua bagian IDE. Yang kiri berisi nomor halaman terakhir yang Anda buka di editor halaman. Dengan mengkliknya, Anda akan melanjutkan untuk mengedit halaman ini, dan dengan mengklik tombol kanan, Anda akan membuka halaman ini.

Apa yang akan terjadi setelah peluncuran? Jika halaman yang diluncurkan memiliki akses terbatas, pertama pengguna akan diarahkan ke halaman login. Jika pengguna sudah masuk, atau halaman pengaturan ditandai sebagai publik, halaman ini akan terbuka.
Secara default, halaman dibuat dengan akses terbatas. Ada dua pengaturan yang mungkin di properti halaman ( Editor Halaman - panel kanan - "Keamanan" - grup properti "Otentikasi"):

• Page Requires Authentication : halaman hanya akan tersedia untuk pengguna yang masuk selama sesi;
• Page is Public : Halaman publik yang dapat dilihat oleh pengguna terdaftar dan tidak terdaftar.

Pembuatan halaman

Anda dapat membuat halaman di halaman aplikasi . Klik "Buat", dan kemudian panduan pembuatan halaman akan dimulai. Langkah panduan:

1. Memilih jenis halaman dari (saat ini) 12 jenis, beberapa di antaranya juga memiliki subtipe (jika ada, akan muncul di langkah berikutnya). Jenis pertama dari daftar adalah "Halaman kosong", yaitu halaman kosong tanpa semuanya. Jenis yang tersisa adalah opsi halaman umum untuk bekerja dengan database: laporan, formulir input, grafik, dll. Di sini saya akan menjelaskan proses pembuatan halaman kosong, dan jenis yang tersisa akan memiliki artikel terpisah.
2. Masukkan nomor halaman dan judul. Saya berbicara tentang angka-angka di atas; nomornya diatur pada langkah ini dan kemudian tidak mungkin untuk mengubahnya, jadi perhatikan baik-baik. Terkadang pengembang membagi halaman menjadi grup (untuk tujuan fungsional, misalnya), dan memesan sejumlah angka untuk setiap grup, jadi jika Anda menggunakan ini dalam proyek Anda, berhati-hatilah. Segera Anda harus memilih jenis halaman: normal, dialog modal, dialog modeless.
3. Kustomisasi item navigasi. Anda dapat melewati (klik "Berikutnya") dan mengonfigurasikannya nanti (walaupun jika Anda sudah memiliki semacam sistem navigasi, mudah untuk segera mengatur semuanya pada langkah ini dan tidak lagi mandi uap).
4. Konfirmasi penciptaan.

Setelah itu, halaman dibuat dan siap digunakan.

Komponen halaman utama

Elemen visual

Elemen visual adalah elemen yang entah bagaimana ditampilkan di layar. Ini adalah:

• Menu atas. Ini berisi nama aplikasi, logo, nama pengguna, tautan "Logout" (jika pengguna masuk). Di sana Anda dapat menambahkan elemen lain;
• Menu navigasi di sebelah kiri. Ini dapat digunakan untuk menavigasi aplikasi, membuat, misalnya, struktur hierarki bagian aplikasi;
• Daerah (biasanya dalam bahasa Rusia disebut "daerah"): wadah elemen. Dapat berisi laporan, grafik, bidang input, tombol, dan wilayah lain;
• Item (tidak ada terjemahan mapan ke dalam bahasa Rusia, mereka mengatakan siapa adalah apa, mereka biasanya menggunakan kata-kata item, bidang dan seringkali hanya item): ini adalah berbagai bidang untuk input pengguna;
• Tombol (tombol): yah, ini adalah tombol biasa, singkatnya, apa lagi yang bisa saya katakan;)
• Laporan: tabel dengan data berdasarkan kueri SQL;
• Grafik / grafik: tampilan informasi grafis dari database, juga berdasarkan pada query SQL.

Laporan dan grafik dapat dianggap sebagai varietas daerah (secara teknis mereka), tetapi pada saat yang sama mereka adalah entitas yang cukup independen, dengan perilaku, sifat, dan lainnya sendiri.

Elemen non-visual

Ini adalah elemen untuk memastikan logika aplikasi. Sebenarnya ada berbagai macam elemen, meskipun pengguna benar-benar tidak melihatnya. Jenis utamanya adalah:

• Proses: sebagai aturan, kode PL / SQL dijalankan di server sebagai respons terhadap tindakan pengguna apa pun;
• Validasi: Suatu jenis proses untuk memvalidasi input pengguna;
• Aksi Dinamis (tidak ada terjemahan yang mapan, biasanya semua orang menulis seperti itu - Aksi Dinamis atau hanya DA, dan ketika Anda terlalu malas untuk beralih tata letak, pembicara dapat menulis tindakan atau YA): proses yang dilakukan oleh browser. Pada akhirnya, DA adalah penangan untuk acara javascript. Mengetahui javascript adalah opsional, tetapi jika Anda tahu (dan pemilih CSS pada saat yang sama), Anda dapat melakukan keajaiban;
• Cabang (tidak ada terjemahan yang ditetapkan): mengalihkan ke halaman lain tergantung pada beberapa kondisi.

Properti dasar elemen

Sifat umum

Kelompok utama karakteristik properti masing-masing (atau hampir setiap) jenis elemen. Mereka dapat dilihat dan diedit di halaman editor. Di sini saya akan menjelaskan secara singkat tujuan mereka (sehingga Anda akan tahu apa yang harus dicari), dan secara lebih rinci saya akan menceritakan dalam artikel lain.

• Identification : menetapkan nama elemen dan properti tambahan (tergantung pada jenisnya);
• Appearance : properti yang bertanggung jawab atas penampilan elemen visual. Untuk setiap jenis elemen ada satu set template, Anda dapat memilih salah satunya di sini (properti Template ). Juga, templat memiliki pengaturan tambahan ( Template Options - dengan mengklik tombol, jendela dengan pengaturan akan terbuka);
• Layout : sesuaikan posisi elemen visual pada halaman. Elemen-elemen disusun dalam kisi 12 kolom, di sini Anda dapat menentukan bagaimana elemen-elemen itu harus ditempatkan;
• Source : untuk wilayah dan item - sumber data untuk tampilan, untuk proses - kode proses;
• Server-side Condition : kondisi yang diperiksa pada server (ada banyak pilihan kondisi, dari yang sederhana, seperti elemen ini memiliki nilai ini dan itu, hingga kode PL / SQL sewenang-wenang). Elemen akan ditampilkan pada halaman jika kondisi ini terpenuhi, dan jika tidak, maka tidak akan. Selain itu, itu tidak akan disembunyikan, tetapi tidak akan diberikan;
• Client-side Condition (untuk Dynamic Action ): kondisi yang diperiksa pada klien (tanpa mengakses server). DA akan dipenuhi jika kondisinya terpenuhi;
• Read only : ini berfungsi sama dengan Server-side Condition , hanya itu mengontrol tidak ada / tidak adanya elemen, tetapi kemampuan untuk mengubah nilai. Properti ini untuk item, wilayah, dan halaman. Untuk item, itu berlaku untuk item itu sendiri, dan untuk wilayah / halaman, untuk semua item dalam wilayah / halaman yang sesuai;
• Security : mengontrol akses ke item. Pada prinsipnya, semua hal yang sama dapat dilakukan dengan menggunakan Server-side Condition , tetapi lebih baik untuk membedakan antara: Server-side Condition - untuk logika aplikasi, Security - untuk tampilan tergantung pada hak akses.
• Configuration : untuk mengaktifkan / menonaktifkan Build Option . Suatu hal yang sangat tidak terlihat, tetapi sangat berguna: memungkinkan Anda untuk mengaktifkan atau menonaktifkan fitur individual aplikasi, yang sangat nyaman ketika Anda mengembangkan fitur secara paralel untuk beberapa rilis yang berbeda;
• Comments : komentar untuk pengembang lain;
• Help (untuk elemen visual): Bantuan untuk pengguna akhir aplikasi.

Properti Halaman

Properti spesifik halaman:

• Navigation : ada dua properti dalam grup ini. Cursor Focus menunjukkan apakah akan mentransfer fokus ke bidang input pada halaman segera setelah memuat (opsi - jangan mengirim atau mentransfer ke bidang pertama pada halaman). Warn on Unsaved Changes pengguna meninggalkan halaman jika ada data yang belum disimpan;
• JavaScript : memungkinkan Anda untuk menambahkan kode JavaScript ke halaman. Anda dapat menentukan jalur ke file atau menambahkan kode Anda langsung ke halaman;
• CSS : sama untuk CSS. Sertakan file atau tambahkan ke halaman jika Anda memerlukan semacam pengaturan CSS lokal untuk halaman ini saja;
• Advanced : memungkinkan Anda untuk mengaktifkan atau menonaktifkan perlindungan terhadap pengiriman ulang formulir.