beanui

Beanui yang marah

Kerangka kerja untuk mengembangkan UI web melalui Javabean

Apakah skenario berikut akan muncul dalam karya Anda:

• Saya seorang pengembang Java dan tidak mahir dalam teknologi web, tetapi hari ini saya diatur untuk mengembangkan halaman sederhana;
• Proyek Java Backend Service (terutama backend) dua bulan, karena tidak ada seorang pun di tim yang mahir di front-end, butuh satu bulan untuk membuat halaman;
• Saya membangun sistem manajemen perpustakaan dua tahun lalu, tahun lalu saya membangun sistem manajemen pengadaan, dan tahun ini saya membangun sistem manajemen pengguna;
• Saya seorang pengembang Java dan saya benar -benar tidak tertarik untuk berpartisipasi dalam pengembangan web;

Kerangka kerja Web UI apa yang saat ini populer?

Apa yang saya sebutkan di atas adalah kebingungan yang sering saya temui. Dalam tren pemisahan akhir dan belakang saat ini, Java hampir menyerah investasinya dalam kerangka kerja Web UI. Bahkan sebagai pengembang Java, kami jarang menggunakan kerangka kerja Java UI seperti Struts dan JSF untuk dikembangkan, dan JSP jarang ditulis. Tetapi dalam kehidupan sehari -hari Javaer, bahkan jika seratus orang tidak mau melakukannya, mereka masih akan menghadapi permintaan UI, tetapi ketika membuka mesin pencari, mereka penuh dengan teknologi baru yang muncul satu demi satu. Mungkin sulit bagi mereka yang ada di dalamnya untuk menjelaskan apa kerangka kerja web populer saat ini.

Pemisahan ujung depan dan belakang

Berbicara tentang pemisahan front-end, ini juga merupakan skenario yang sering saya pikirkan. Jika kita hanya membagi sistem yang dilengkapi UI, kita berkembang menjadi dua kategori:

• Sistem eksternal (seperti portal, blog, dll.)
• Sistem internal (seperti sistem manajemen, dll.)

Maka sistem eksternal sering bertanggung jawab untuk staf UI profesional atau bahkan tim UI, sedangkan sistem internal belum tentu demikian. Pada saat ini, tugas pengembangan front-end jatuh pada insinyur back-end.

Dalam hal ini, pemisahan ujung depan dan belakang menjadi kurang indah, yang berarti:

• Pelajari berbagai kerangka kerja front-end (jQuery, reactjs, vue, angular)
• Pelajari metode pengujian front-end (unit, tiruan)
• Pelajari kompilasi dan kemasan front-end
• Faktanya, masih ada banyak teori dan konsep untuk dipahami
• Jumlah total pengetahuan di ujung depan jelas tidak kurang dari backend, dan bahkan melebihi kesulitan belajar di backend.

Akhirnya, setelah Anda mengetahui pengetahuan Anda, Anda menghabiskan banyak upaya untuk membuat halaman front-end, dan Anda mungkin masih dikritik.

Proses Pengembangan UI Internal Javaer yang Ideal

• Tidak perlu mengetahui semua jenis pengetahuan tentang front-end
• Setelah mengembangkan kode backend (seperti Layanan Restful), Anda hanya perlu konfigurasi sederhana untuk membuat halaman

Sistem internal kami seringkali tidak memerlukan efek brilian, animasi kompleks, atau struktur yang sangat disesuaikan. Mungkin hanya pintu masuk ke layanan back-end, atau mengelola beberapa konfigurasi, atau mengelola beberapa objek data sederhana (seperti pengguna, pesanan, produk, dll.), Atau menyajikan beberapa laporan dua dimensi yang umum. Operasinya yang paling banyak hanyalah kasar pada objek data. Karena itu, saya memikirkan apakah saya bisa menghasilkan kode front-end secara terbalik melalui Java. Sebelum itu, kerangka kerja seperti GWT telah melakukan ini, tetapi kodenya terlalu invasif.

Tentang fitur beanui

• Konfigurasi murni, sepenuhnya mengadopsi anotasi java untuk deskripsi UI
• Deskripsi UI Kode Non-Invasif Tidak Akan Mempengaruhi Proyek Layanan Restful Backend
• Perkembangan Cepat
• Memiliki tingkat kemampuan kustomisasi UI tertentu

Dependensi

1. Perlu menginstal NPM: Instal NodeJS 10.0.0 atau NPM 6.2.0;
2. Perlu menginstal Apache Maven;

Instal Beanui

1. git clone https://github.com/magic-bunny/beanui
2. cd beanui
3. mvn install

Instal dan jalankan contoh beanui

1. Salin Direktori beanui/vue ke Direktori APA PUNAN %your_vue_path%
2. cd %your_vue_path% dan npm install
3. Tambahkan Node Konfigurasi <workPath>%your_vue_path%</workPath> Di plugin Beanui-Maven-Plugin di pom.xml
4. instalasi cd beanui/demo dan mvn install
5. java -jar demo-1.0.jar
6. Buka browser dan masukkan http://localhost:8080

Menjalankan Ujian Beanui dalam mode dev

1. Ubah Mode Berjalan dari File Pom.xml ke DEV <mode>dev</mode>
2. cd beanui/demo
3. mvn install

Entri program

Mulailah membangun proyek beanui dan perlu membangun router.yml

Catatan: router.yml tidak diperlukan. Jika tidak dikonfigurasi, kerangka kerja akan memindai semua kelas beranotasi yang berisi @Component dan mengonversinya. Pada saat ini, atribut path perlu dikonfigurasi. Jika tidak dikonfigurasi, itu adalah /

Jika Anda memerlukan proyek beanui paling sederhana, lihat demo tunggal

Instance router halaman tunggal

 path : /test
component : demo.view.layout.card.CardComponent

Dengan router menu kiri

 name : root
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

Dengan halaman login dan router menu

 path : /login
component : demo.view.LoginComponent
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent 

Instruksi Anotasi Javabean

Jika Anda perlu memahami bagaimana setiap kontrol ditulis dalam bahasa Javaban, silakan klik

Catatan: Karena elemen UI digunakan (ELE.ME), Anda hampir dapat sepenuhnya merujuk pada deskripsi komponen dari UI elemen.

Deskripsi plugin Beanui Maven

Untuk memahami penggunaan plug-in Maven, silakan klik

Jika Anda perlu tahu cara menggunakan perpustakaan peningkatan, silakan klik

Lisensi

Beanui dilisensikan di bawah lisensi MIT. Lihat lisensi untuk perincian lebih lanjut.