L'enregistrement nodejs passe à la connexion HTML

Node.js est un framework de serveur d'E/S basé sur les événements développé sur la base du langage JavaScript. Son émergence a apporté des changements révolutionnaires dans le développement d'applications Internet. Dans Node.js, vous pouvez utiliser le module HTTP pour créer un serveur Web et envoyer des pages HTML, CSS, JavaScript et d'autres ressources au client.

Cet article décrit comment implémenter la fonction permettant d'accéder à la page de connexion après l'enregistrement de l'utilisateur dans Node.js. L'implémentation spécifique du code est la suivante :

Tout d'abord, créez une application Web côté serveur, en utilisant le module HTTP et le framework Express :

var http = require('http');
var express = require('express');
var app = express();
var server = http.createServer(app);

Ensuite, ajoutez un gestionnaire de routage dans l'application pour gérer les demandes d'enregistrement et de connexion. pages respectivement :

//注册页面
app.get('/register', function(req, res) {
    res.sendFile(__dirname + "/register.html");
});

//登录页面
app.get('/login', function(req, res) {
    res.sendFile(__dirname + "/login.html");
});

Parmi elles, __dirname est une variable globale dans Node.js, indiquant le chemin absolu du répertoire où se trouve le module actuel. __dirname是Node.js中的一个全局变量，表示当前模块所在的目录的绝对路径。

接下来，使用body-parser模块获取POST请求的数据：

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended: true}));

然后，在注册页面中添加一个表单，向/register路由发送POST请求：

<form action="/register" method="post">
    <label>用户名：</label>
    <input type="text" name="username"><br>
    <label>密码：</label>
    <input type="password" name="password"><br>
    <input type="submit" value="注册">
</form>

在服务器端，添加处理/register路由的POST请求的代码：

app.post('/register', function(req, res) {
    var username = req.body.username;
    var password = req.body.password;
    //用户注册代码
    res.redirect('/login');
});

该路由处理程序会获取POST请求的数据，注册新用户，并重定向到登录页面。

最后，在登录页面中添加一个表单，向/login路由发送POST请求：

<form action="/login" method="post">
    <label>用户名：</label>
    <input type="text" name="username"><br>
    <label>密码：</label>
    <input type="password" name="password"><br>
    <input type="submit" value="登录">
</form>

在服务器端，添加处理/login

Ensuite, utilisez le module body-parser pour obtenir les données de la requête POST :

app.post('/login', function(req, res) {
    var username = req.body.username;
    var password = req.body.password;
    //用户登录验证代码
    res.send("登录成功");
});

Ensuite, ajoutez un formulaire à la page d'inscription et envoyez une requête POST au /register route :

rrreee

Côté serveur, ajoutez le code qui gère les requêtes POST pour la route /register : 🎜rrreee🎜Ce gestionnaire de route obtiendra les données de la requête POST, enregistrera le nouvel utilisateur et redirigez-vous vers la page de connexion. 🎜🎜Enfin, ajoutez un formulaire à la page de connexion pour envoyer une requête POST à ​​la route /login : 🎜rrreee🎜Côté serveur, ajoutez une requête POST pour gérer le /login route Code : 🎜rrreee🎜 Ce gestionnaire de route obtiendra les données de la requête POST, vérifiera les informations de connexion de l'utilisateur et renverra une invite de connexion réussie. 🎜🎜Ce qui précède contient tout le code permettant à Node.js de mettre en œuvre l'enregistrement des utilisateurs et d'accéder à la page de connexion. La méthode de mise en œuvre est simple et directe, adaptée aux débutants. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!