Pourquoi mon front-end ne répond-il jamais lorsque je clique sur le bouton de connexion ? Aucune erreur n’est signalée non plus. Y a-t-il quelque chose qui ne va pas avec jquery ? C'est une copie presque complète de celui de M. Zhu. Pourquoi toujours pas de réponse ? Les documents publics introduisent également JQUERY. S'il vous plaît, donnez-moi quelques conseils. Ce qui suit est le code source du fichier local.html de la couche de vue
{include file='public/header' /}
<body style="background-color: #393D49">
< div class="x -box">
;
</li>
<li style="background-color: # EA569A;" color="#EA569A">
9 " >
div class="x-mid">
>;
<div class="input">
<form class="layui-form">
<div class="layui-form-item x-login-box">
<label for="username" class="layui-form-label">
<i class="layui-icon"></i>
</étiquette>
<div class="layui-input-inline">
<input type="text" id="name" name="name" class="layui-input" placeholder="username" requis =" ">
</div>
</div>
< div class="layui-form-item x-login-box">
<label for="password" class= "layui-form-label">
<i class="layui-icon"></i>
</la bel>
<div class="layui-input -inline">
<input type="mot de passe" id="mot de passe" name="mot de passe" class="layui-input" placeholder="******" obligatoire="">
</div>
</div>
<div class="layui-form-item" id="loginbtn">
<button lay-filter="save" class="layui-btn=" " tapez=' bouton' id="loginbt">
登 录
</button>
</div>
</form>
</div>
</div>🜜
</div><p style="color:#fff;text-align: center;">Copyright © 2017.Nom de la société Tous droits X-admin </p>
{include file="public/script" /}
<script>
layui.use(['form'],
function() {
$ = layui.jquery;
var form = layui.form(),
layer = layui .layer;
$('.x-login-right li').click(function(event) {
color = $(this).attr('color');
$('corps ').css('background-color', color);
});
/*监听提交
form.on('submit(save)',
fonction (données) {
console.log(data);
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
},function () {
location.href = "__STATIC__/ index.html";
})
return false;
});
*/
});
</script>
<script>
$(function(){
$("#loginbt").on('click',function(){
$.ajax({
type:'POST',
url:"{:url('login/check')} ",
data:$(".layue-form").serialize(),
dataType:"json",
success:function(data){
if(data.status==1){
alert(data.message);
window.locion.href="{:url('index/index')}";
}else{
alert(data.message);
window.location.href="{:url('login/index')}";
}
}
})
})
})
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous avez trop de code, je n'ai pas regardé attentivement. Vous pouvez utiliser les outils de développement pour imprimer les journaux afin de trouver les erreurs. De plus, je vois que vous avez utilisé la couche contextuelle de couche, mais vous n'avez pas utilisé le module de couche contextuelle
.Voici le code du contrôleur de connexion backend :
<?php
namespace appadmincontroller;
utilisez appadmincommonBase;//Base a automatiquement référencé divers fichiers de bibliothèque internes de think, il n'y aura aucune erreur ici
utilisez appadminmodelAdmin;
class Login extends Base{
/**Rendre l'interface de connexion*/
public function index() {
return $this->fetch('login');
}
/** Vérifier l'identité de l'utilisateur* /
Vérification de la fonction publique (Request $request){
//Définir le statut
$status=0;
//Récupérez les données soumises par le formulaire et enregistrez-les dans une variable
$data =$ request->param();
$name=$data['name'];
$password=md5($data['password']);
// Effectué dans la table d'administration Query
$map=['name'=>$name];
$admin = Admin::get($map); //Un objet est renvoyé
//Vérifiez le nom d'utilisateur et le mot de passe séparément
// Si l'utilisateur n'est pas trouvé
if(is_null($admin)){
//Définissez les informations de retour
$message = 'Le nom d'utilisateur est incorrect';
}elseif($admin-> mot de passe != $ password){
$message='Le mot de passe est incorrect';
}else{
//Si le nom d'utilisateur et le mot de passe sont corrects, cela signifie qu'il s'agit d'un utilisateur légitime
$status=1;
$message= 'Vérification réussie, veuillez cliquer sur OK pour entrer en arrière-plan';
//Mettre à jour le nombre de connexions et l'heure de connexion dans le tableau
$admin->setInc('login_count'); //Méthode d'incrémentation automatique tp5
$admin-> save(['lasttime'=>time()]);
//Enregistre les informations de connexion de l'utilisateur dans la session pour que d'autres contrôleurs puissent juger de la connexion
Session::set('user_id' ,$name) ;
Session::set('user_info',$data);
}
return ['status'=>$status,'message'=>$message];
}
/**
* Déconnexion
*/
Fonction publique loginout()
{
//Supprimer les informations de connexion de l'utilisateur actuel
Session::delete('user_id');
Session::delete ('informations utilisateur' ;
Ce front-end backend est le framework X-ADMIN introduit