Fonction de connexion (2)

Expliquons la fonction de connexion ci-dessous.

Tout d'abord, afin de faciliter notre développement, nous créons un dossier de projet appelé joke dans le répertoire racine (répertoire www).

Créez ensuite deux dossiers sous joke, l'un s'appelle le dossier backend admin et l'autre s'appelle le dossier frontend home (bien sûr, vous pouvez également utiliser d'autres noms, tant que vous le comprenez, mais le nom doit être aussi proche que possible de la fonction, tout comme le nom de la variable). Parce que nous développons actuellement des fonctions d'arrière-plan, nous plaçons les modèles téléchargés dans le dossier admin.

Enfin, créez ces dossiers sous le dossier admin : css, js, images, et placez les fichiers css, js et images du modèle dans les dossiers correspondants pour La référence fait référence à notre projet : # 🎜🎜#

QQ截图20170707132656.png

QQ截图20170707132708.png

Ouvrez notre page de connexion après avoir réalisé ces tâches Fichier HTML, trouvez la référence correspondante, vérifiez la référence chemin, et afficher notre page HTML entièrement sur la page Web.

QQ截图20170707133844.png

Comme le montre l'image ci-dessus, modifiez le chemin de référence, y compris les chemins de js, css et images, doivent être référencés correctement (vous pouvez utilisez le remplacement par lots) jusqu'à ce que vous puissiez afficher sur le navigateur comme indiqué ci-dessous.

1499392121(1).jpg

Maintenant, notre page frontale de connexion est prête et l'étape suivante consiste à exécuter la fonction de connexion.

Formation continue
||
<html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="renderer" content="webkit"> <title>登录</title> <link rel="stylesheet" href="css/pintuer.css"> <link rel="stylesheet" href="css/admin.css"> <script src="js/jquery.js"></script> <script src="js/pintuer.js"></script> </head> <body> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel