Este artículo comparte las operaciones de inicio de sesión de JFinal y Bootstrap para usted, con el objetivo de introducir cómo aparecer el cuadro de confirmación de cierre de sesión a través de la etiqueta A, luego enviar una solicitud de salida a JFinal y luego actualizar la página. Las principales dificultades son los siguientes dos puntos:
1. Si el cuadro de confirmación de inicio de sesión aparece a través del contenido de la etiqueta A;
2. Cómo actualizar la página emergente correspondiente a través de la etiqueta A.
1. Tecnología front-end
1. Construye una etiqueta
Copie el código del código de la siguiente manera: <a href = "$ {ctx}/mem/logrout" target = "ajaxtodo" callback = "Ajaxdone" atitle = "¿Estás seguro de que quieres salir?" id = "user_login_out" style = "Padding: 0 6px;"> Salir </a>
Aviso:
1. Target = "Ajaxtodo", especifique que la etiqueta A es iniciar una solicitud a través de AJAX.
2. Callback = "Ajaxdone", especifique la función de devolución de llamada de una etiqueta
3. Atitle = "¿Estás seguro de que quieres salir?", Especifique la información de confirmación
2. Inicializar un evento de etiqueta Ajax
función initui (_box) {var $ p = $ (_ box || document); // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ("a [target = ajaxtodo]", $ p) .AJAXTODO (); }}Aviso:
1. Después de completar la carga de la página, ejecute el método initui, de modo que la etiqueta A con el objetivo sea AjaxtOdo tiene el método Ajaxtodo especificado.
3. Solicitud de Ajax para una etiqueta
function AjaxtOdo (URL, Callback) {var $ llamado = devolución de llamada; if (! $. ISFunction ($ Callback)) {$ llamado = eval ('(' + callback + ')'); } var hacia adelante if (url.IndexOf ("?")! = -1) {url + = "& hacia adelante } else {url + = "? } $ .AJAX ({Tipo: 'Post', URL: URL, DataType: "Json", Cache: False, Success: $ Callback, Error: Yunm.AJAXEror});}Aviso:
1. Registra de reenvío la página de inicio
4. Agregue el método Ajaxtodo al objeto jQuery
$ .fn.extend ({AjaxtOdo: function () {return this.each (function () {var $ this = $ (this); $ this.click (function (event) {var url = unescape ($ this.attr ("href")). ) $ this.attr ("Callback"); },});5. Función de devolución de llamada
función Ajaxdone (JSON) {Yunm.AJAXDONE (JSON); if (json [yunm.keys.statuscode] == yunm.statuscode.ok || json [yunm.keys.statuscode] == yunm.statuscode.info) {// Si la página después de la transferencia se especifica, gírela si (json.forwardurl) {ubicación.href = json.forwardurl; }}}6. Sube la caja de confirmación de WeeBox
$ .showconfirm = function (str, funcok, funcclose) {var okfunc = function () {$ .weeboxs.close ("yunm_confirm_box"); Funcok.call (); }; $ .weeBoxs.open (str, {boxid: 'yunm_confirm_box', contentType: 'text', showButton: true, showCancel: true, showok: true, title: 'confirmar', width: 280, type: 'wee', onOpen: function () {init_ui_button ();}, oncLos });}; function init_ui_button () {$ ("button.ui-button [init! = 'init']"). Cada (función (i, o) {$ (o) .attr ("init", "init"); // para evitar la inicialización repetida de $ (o) .ui_button ();});}2. Tecnología Jfinal
Public void logrout () {if (getSession (). getAttribute ("username")! = null) {// clear session getSession (). removeAttribute ("username"); } ajaxDonesuccess ("¡Iniciar sesión con éxito!"); renderjson ();}Agregue el método de cierre de sesión.
Efecto:
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior se trata de este artículo. Espero que todos puedan comenzar a implementar el cuadro de confirmación del sistema Bootstrap + JFinal Exit. Espero que a todos les guste este artículo y gracias por leer.