Dalam suatu sistem, sering ada banyak item menu, setiap item menu sesuai dengan halaman. Secara umum, pengguna hanya perlu menggunakan beberapa fungsi yang umum digunakan. Jika Anda perlu pergi ke menu di setiap level untuk menemukan fungsi yang sesuai, itu memang agak rumit. Terutama ketika ada banyak menu dan pelanggan tidak terbiasa dengan sistem secara keseluruhan, jika ada modul favorit yang mirip dengan browser, menghubungkan dan menyimpan beberapa menu yang umum digunakan, dan menemukan halaman yang sesuai dari beranda favorit ini setiap saat, itu akan benar-benar menghemat kerja dan sangat nyaman. Esai ini memperkenalkan gagasan untuk mengimplementasikan favorit ini dalam kerangka pengembangan bootstrap berbasis metronik.
1. Sistem Efek pemrosesan antarmuka favorit
Untuk mewujudkan fungsi favorit ini, kita juga perlu menempatkan pintu masuk ke modul favorit di lokasi yang jelas dari halaman sistem, serta fungsi yang dapat ditambahkan ke favorit yang sesuai untuk setiap halaman.
Setelah perbandingan, kami menempatkan fungsi -fungsi entri ini di dekat judul halaman, sehingga kami dapat dengan mudah dan cepat mengumpulkannya, seperti yang ditunjukkan pada efek berikut.
Ketika kami mengklik tombol [Tambahkan ke Favorit] pada halaman, kami menambahkan judul halaman yang sesuai dan koneksi ke catatan favorit.
Dalam fungsi [View Favorites], kami dapat menampilkan tautan halaman yang telah kami tambahkan, klik salah satu catatan untuk dengan cepat memasukkan halaman yang sesuai, yang menyadari kebutuhan kami untuk dengan cepat memasukkan modul fungsional.
Yang paling penting di sini adalah mengurutkan catatan favorit, menggerakkan catatan ke atas atau ke bawah sehingga mereka dapat menyesuaikan diri dengan pemrosesan antarmuka.
2. Proses implementasi favorit sistem
Setelah memahami efek antarmuka di atas dari fungsi favorit dari halaman sistem, kita perlu memahami proses implementasinya yang spesifik. Pertama, kita perlu merancang tabel untuk menyimpan informasi yang sesuai dengan favorit, judul halaman, alamat halaman, penyortiran dan informasi lainnya.
Antarmuka desain basis data ditunjukkan di bawah ini.
Kami memperhatikan bahwa catatan penyortiran disimpan dalam format desimal, dan kami mengurutkannya berdasarkan nilai dengan bujur, sehingga ketika kami dapat menyesuaikan, kami dapat memodifikasi ukuran di antara mereka.
Gunakan Database Alat Pembuatan Kode2Sharp untuk dengan cepat menghasilkan kode terkait yang mendasari dan pengontrol web dan kode tampilan, dan kemudian mengintegrasikannya ke dalam kerangka kerja, sehingga kami dapat memiliki antarmuka seluruh modul dan memproses kode.
Karena secara umum, antarmuka tampilan data dan pengeditan kami relatif standar, dan persyaratan untuk tampilan pintu masuk favorit berbeda, kami perlu menambahkan tampilan ke antarmuka daftar untuk menampilkan antarmuka entri sederhana, seperti yang ditunjukkan pada gambar.
Antarmuka ini berisi pemrosesan catatan catatan, termasuk ke atas atau ke bawah.
Seperti yang disebutkan sebelumnya, penyortiran catatan kami terutama dicapai melalui bidang SEQ tipe desimal.
Ketika kelas entitas diinisialisasi, kami menetapkan nilai yang diurutkan ke cap waktu UNIX dari waktu saat ini.
Kode fungsi datetimetoint di atas ditunjukkan di bawah ini, yang juga merupakan metode pemrosesan yang kami gunakan secara umum.
/// <summary> /// antarmuka waktu yang diperpanjang, dapat mengembalikan nilai pembentukan /// </summary> /// <param name = "time"> </param> /// <returns> </returns> statis public static datetimetoint (datetime time) {System.DateTime starttime = timeZone.CurrentTime. 1)); return (int) (Time - StartTime) .TotalSeconds; }Untuk mewujudkan gerakan catatan, kita perlu menerapkan pemrosesan logis yang bergerak di lapisan Layanan BLL untuk memfasilitasi panggilan di pengontrol.
/// <summary> /// Perbarui pesanan naik atau turun /// </summary> /// <param name = "id"> ID yang direkam </param> /// <param name = "moving"> bergerak ke atas atau bergerak ke bawah, true di atas </param> // <returns> </eturns> Public Bool Updown (ID string, bool moveup)
Kode fungsi yang diimplementasikan adalah sebagai berikut
/// <summary> /// Perbarui pesanan naik atau turun /// </summary> /// <param name = "id"> Rekam id </param> /// <param name = "moving"> naik atau naik, true </param> // <returns> </returns> public bool updown (string id id, bool moving) {// set the raw Hasil bool = false; WebFavouriteInfo info = findById (id); if (info! = null) {// Bangun kondisi string kueri = ""; if (isDescending) {condition = string.format ("seq {0} {1}", moving? ">": "<", info.seq); } else {condition = string.format ("seq {0} {1}", moving? "<": ">", info.seq); } var list = berbasis.find (kondisi); desimal newseq = 0m; switch (list.count) {case 0: newseq = info.seq; // sudah di atas atau bawah, pesanan tetap tidak berubah secara default; Kasus 1: // Ada catatan di atas atau di bawah jika (isDescending) {newseq = moving? (Daftar [0] .seq + 1m): (Daftar [0] .seq - 1m); } else {newseq =! Movingup? (Daftar [0] .seq + 1m): (Daftar [0] .seq - 1m); } merusak; Kasus 2: // Area tengah, ambil nilai rata -rata newSeq = (daftar [0] .seq + daftar [1] .seq) /2m; merusak; Default: // Kasus di mana lebih dari dua adalah if (moving) {newseq = (daftar [list.count - 2] .seq + list [list.count - 1] .seq) /2m; } else {newseq = (daftar [0] .seq + daftar [1] .seq) / 2m; } merusak; } // info pesanan modifikasi terpadu.seq = newSeq; hasil = perbarui (info, info.id); } return hasil;}Dengan cara ini, kami selanjutnya merangkum antarmuka lapisan BLL ini di pengontrol MVC untuk memfasilitasi pemrosesan panggilan AJAX di ujung depan halaman. Kode enkapsulasi adalah sebagai berikut.
/// <summary>//// Move record/// </summary>/// <param name="id">Record ID</param>//// <param name="up">Update is true, otherwise it is false</param>/// <returns></returns>[HttpPost]public ActionResult UpDown(string id, bool up){ CommonResult result = new CommonResult(); if (! string.isnullorEmpty (id)) {coba {result.success = bllfactory <En webfourite> .instance.updown (id, up); } catch (exception ex) {result.errormessage = ex.message; }} return tojsonContent (hasil);}Dengan cara ini, kita dapat memanggil metode ini di tampilan antarmuka di ujung depan halaman.
Pertama, hasilkan kode HTML front-end melalui pengikatan JS, seperti yang ditunjukkan di bawah ini.
$ ("#grid_body"). html (""); $. Masing-masing (data.rows, function (i, item) {var tr = "<tr>"; tr + = "<td> <a class = 'btn btn-sm blue' href = '" + item.url + "'>" + item.tn-sm; "TRP =" + " +" + "" "TR/TR/TR/TR/TR/TR/TR/TR/TR; "A href = 'JavaScript :; btn-sm biru 'onclick =/"down ('" + item.id + "')/" title =' move down '> <span class =' Glyphicon glyphicon-arrow-down '> </span> </a> "; tr + =" </td> "; tr + =" </tr> "; $ ("#grid_body ";Kemudian proses melalui fungsi atas atau bawah, dan pindahkan posisi ke atas atau ke bawah.
var upownurl = "/webfavorite/updown function" function up (id) {var postdata = {id: id, up: true}; $ .post (UpdOwnUrl, postdata, function (json) {var data = $ .parsejson (json); if (data.success) {showTips ("pindah ke atas berhasil"); refresh (); // refresh page data} else {showtips (data.rormessage);}} {{{data. }; $ .post (UpdOwnUrl, postdata, function (json) {var data = $ .parsejson (json); if (data.success) {showTips ("pindah ke bawah dengan sukses"); refresh (); // data refresh} else {showtips (data.Rormessage);}});Ini mengimplementasikan urutan gerakan yang kita butuhkan. Selain itu, saat menambahkan, kami menentukan apakah pengguna yang sesuai telah menambahkan URL. Jika ada, tidak perlu menambahkannya berulang kali. Front-end hanya perlu menyebutnya melalui Ajax dan kemudian menanggapi itu.
Melalui implementasi kode -kode ini, kami dapat dengan cepat mengelola favorit dan dengan cepat memasuki pengguna, memberikan pengalaman yang lebih ramah.
Di atas adalah fungsi tautan halaman favorit berdasarkan bootstrap yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!