Artikel ini terutama memperkenalkan antarmuka fungsional keseluruhan dari kerangka bootstrap ini, dan memperkenalkan titik -titik pengetahuan dan antarmuka keseluruhan yang digunakan di dalamnya. Saya berharap pembaca akan memiliki pemahaman kerangka kerja yang lebih intuitif dan realistis. Desain antarmuka dan ide -ide terkait dapat dipelajari dan ditingkatkan, dan mereka juga dapat membahas konten terkait untuk meningkat bersama.
1. Fitur teknis "Kerangka Pengembangan Bootstrap Berdasarkan Metronik"
1) mengadopsi teknologi kerangka kerja responsif bootstrap terbaru dan paling mempesona
Seluruh kerangka pengembangan bootstrap berbasis metronik menggunakan teknologi bootstrap yang lebih baru di bagian antarmuka, mengadopsi bootstrap 3.x terbaru saat ini, dan mengintegrasikan banyak kontrol bootstrap yang kuat.
Bootstrap adalah kerangka teknis front-end yang dapat diadopsi oleh banyak platform. Java/PHP/.NET dapat digunakan untuk membuat antarmuka front-end. Mengintegrasikan jQuery dapat mencapai efek antarmuka yang sangat kaya. Saat ini, ada banyak plug-in bootstrap yang dapat disediakan untuk digunakan semua orang. Kerangka kerja ini menyatukan banyak plug-in yang paling bagus, yang dapat meningkatkan pengalaman pengguna web kami ke tingkat yang belum pernah terjadi sebelumnya.
Metronic adalah kerangka pengembangan bootstrap asing berdasarkan HTML, JS dan teknologi lainnya, mengintegrasikan banyak teknologi dan plug-in bootstrap bootstrap dan plug-in. Ini adalah kerangka teknis yang sangat baik. Berdasarkan kerangka kerja ini, dikombinasikan dengan penelitian saya tentang kerangka kerja web MVC, kerangka kerja ini mengintegrasikan kerangka pengembangan bootstrap berdasarkan MVC untuk memungkinkannya memenuhi kebutuhan struktural proyek aktual.
Framework Backend menggunakan teknologi MVC berbasis C#, yang saat ini merupakan teknologi paling matang dan populer yang dikembangkan oleh .NET. Database Backend Framework mendukung basis data reguler seperti Oracle, SQLServer, MySQL, SQLite, Access, dll., Dan dapat dialihkan secara bebas melalui konfigurasi. Gunakan Modul Perpustakaan Enterprise untuk mengontrol akses data, membuat akses data lebih nyaman dan mudah.
Pengembangan kerangka kerja keseluruhan menggunakan Visual Studio 2013 dan alat pengeditan halaman teks Sublime dikombinasikan dengan pengembangan, halaman dan kode latar belakang, dan menggunakan alat pembuatan kode basis data2sharp untuk berkembang dengan cepat untuk mencapai peningkatan efisiensi maksimum dalam pengembangan keseluruhan.
Struktur keseluruhan kerangka kerja adalah sebagai berikut:
Ini memungkinkan pengontrol untuk mendapatkan hubungan warisan yang baik dan dapat mencapai pengembangan proyek web dengan lebih sedikit kode dan efisiensi pengembangan yang lebih efisien. Gagasan desain seluruh pengontrol adalah sebagai berikut.
Kontrol Izin: Aturan desain pengontrol yang baik dapat memberikan kontrol akses pengguna dan kontrol izin yang baik untuk kerangka kerja pengembangan web itu sendiri, sehingga antarmuka pengguna menyajikan menu, tombol dan konten antarmuka web, dan kontrol pengajuan tindakan semuanya dapat berada di bawah alokasi dan kontrol fungsi izin keseluruhan.
Pembuatan Kode Cepat: Arsitektur yang baik memungkinkan logika kode terpadu yang disediakan di lapisan logika bisnis, lapisan pengontrol, dan lapisan UI antarmuka web. Kode -kode ini dapat dihasilkan melalui kode pembuatan kode basis data2sharp. Kode antarmuka web dapat memanfaatkan sepenuhnya informasi metadata dari alat pembuatan kode basis data2sharp untuk mencapai generasi cepat antarmuka web. Secara efektif mengurangi kemungkinan kesalahan, meningkatkan efisiensi pengembangan dan kesenangan pengkodean antarmuka web, dan juga memungkinkan penyatuan yang efisien dari mode pengkodean dalam perusahaan.
Pembuatan kode perpustakaan perusahaan dapat dengan cepat menghasilkan kode kerangka kerja holistik kecuali untuk antarmuka. Pembuatan kode antarmuka web Bootstrap dapat dengan cepat menghasilkan kode antarmuka front-end dan kode pengontrol latar belakang bootstrap berbasis metronik. Bagian antarmuka mencakup antarmuka fungsional dasar seperti kueri, paging, tampilan data, impor dan ekspor data, baru, pengeditan, tampilan, dan penghapusan. Setelah generasi, kita dapat membuat modifikasi yang sederhana dan cepat berdasarkan dasar ini untuk memenuhi kebutuhan aktual, sangat meningkatkan efisiensi pengembangan antarmuka web kita.
Bingkai Tata Letak: Berikut ini adalah rendering keseluruhan dari proyek saya secara keseluruhan.
Konten [bilah menu sistem] adalah menu yang diperoleh secara dinamis dari database; [System Top Bar] menempatkan beberapa tampilan informasi dan memberi pengguna pemrosesan data pribadi yang cepat, seperti melihat informasi pribadi, membatalkan, mengunci layar dan konten operasi lainnya; Area konten umumnya mencakup [area daftar pohon], [area kueri kondisi] dan [data daftar dan pagination] area konten terutama adalah data yang ditampilkan secara visual, yang dapat ditampilkan melalui kontrol daftar pohon dan kontrol tabel. Secara umum, data juga perlu ditambahkan, dihapus, dimodifikasi, dan paging, sehingga berbagai fungsi perlu diintegrasikan. Selain kueri dan menampilkan data pengguna, ini juga membutuhkan operasi terkait impor dan ekspor, yang merupakan fungsi pemrosesan data rutin.
Pemrosesan dan tampilan Menu: Umumnya, untuk kenyamanan manajemen, menu dibagi menjadi tiga tingkatan. Menu yang dipilih berbeda dari gaya menu lainnya. Menu dapat dilipat dan diminimalkan. Efeknya adalah sebagai berikut.
2. Pengantar antarmuka modul "Kerangka Pengembangan Bootstrap Berdasarkan Metronik"
2.1 Antarmuka Modul Bagan Rumah
2.2 Fungsi batang atas sistem
2.3 Fungsi Dinamis Industri (Kebijakan dan Peraturan, Pemberitahuan dan Pengumuman, Informasi Dinamis)
Kebijakan, Peraturan, Pemberitahuan dan Pengumuman/Antarmuka Daftar Informasi Dinamis
Antarmuka pengeditan adalah sebagai berikut:
Antarmuka konten tampilan adalah sebagai berikut:
2.4 Manajemen Informasi Pelanggan
Antarmuka daftar pelanggan adalah sebagai berikut:
Antarmuka Pengeditan Informasi Pelanggan:
Antarmuka Impor Informasi Pelanggan:
2.5 Manajemen Kontak Pelanggan
Penambahan Kontak Pelanggan/Edit Antarmuka
Antarmuka Melihat Kontak Pelanggan
Antarmuka Informasi Lampiran
2.6 Manajemen Buku Alamat
Daftar Kontak
Antarmuka pengeditan buku alamat ditampilkan di bawah ini.
2.7 Manajemen Izin
1) Antarmuka Daftar Pengguna Sistem
Antarmuka Impor Pengguna Sistem
Antarmuka Pengeditan Pengguna Sistem
Unggah dan edit potret pengguna sistem
Kotak Dialog Konfirmasi Pengguna Hapus Pengguna.
Antarmuka laporan RDLC dari pengguna sistem.
2) Antarmuka Manajemen Organisasi
Organisasi berisi antarmuka pengeditan pengguna
3) Manajemen Peran Pengguna
Menampilkan koleksi fungsi operasional peran
Akses Peran ke Kontrol Izin Data:
Peran termasuk manajemen organisasi:
4) Manajemen Fungsi Sistem
5) Manajemen Menu Sistem
Edit Antarmuka Informasi Menu:
Pilih Antarmuka Ikon Menu:
6) Manajemen Log Login Sistem
7) Manajemen Kamus Umum
8) Manajemen Ikon Menu
9) Manajemen Album Gambar
Antarmuka gambar pengeditan adalah sebagai berikut:
Antarmuka Melihat Gambar
Di atas adalah konten yang relevan yang diperkenalkan oleh editor kepada Anda dengan ringkasan pengalaman kerangka kerja berdasarkan kerangka pengembangan metronik bootstrap [8]. Saya harap ini akan membantu semua orang!