Die NodeJS-Registrierung springt zum Anmelde-HTML

WBOY
Freigeben: 2023-05-27 20:16:07
Original
748 Leute haben es durchsucht

Node.js ist ein ereignisgesteuertes I/O-Server-Framework, das auf der Grundlage der JavaScript-Sprache entwickelt wurde. Seine Entstehung hat revolutionäre Veränderungen in der Entwicklung von Internetanwendungen mit sich gebracht. In Node.js können Sie das HTTP-Modul verwenden, um einen Webserver zu erstellen und HTML-Seiten, CSS, JavaScript und andere Ressourcen an den Client zu senden.

In diesem Artikel wird beschrieben, wie die Funktion zum Springen zur Anmeldeseite nach der Benutzerregistrierung in Node.js implementiert wird. Die spezifische Code-Implementierung lautet wie folgt:

Erstellen Sie zunächst eine Webanwendung auf der Serverseite mit dem HTTP-Modul und dem Express-Framework:

var http = require('http');
var express = require('express');
var app = express();
var server = http.createServer(app);
Nach dem Login kopieren

Fügen Sie dann einen Routing-Handler in der Anwendung hinzu, um die Anforderungen für die Registrierung und Anmeldung zu verarbeiten Seiten bzw.:

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

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

Unter diesen ist __dirname eine globale Variable in Node.js, die den absoluten Pfad des Verzeichnisses angibt, in dem sich das aktuelle Modul befindet. __dirname是Node.js中的一个全局变量,表示当前模块所在的目录的绝对路径。

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

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

然后,在注册页面中添加一个表单,向/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>
Nach dem Login kopieren

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

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

该路由处理程序会获取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>
Nach dem Login kopieren

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

Als nächstes verwenden Sie das Modul body-parser, um die Daten der POST-Anfrage abzurufen:

app.post('/login', function(req, res) {
    var username = req.body.username;
    var password = req.body.password;
    //用户登录验证代码
    res.send("登录成功");
});
Nach dem Login kopieren
Fügen Sie dann ein Formular zur Registrierungsseite hinzu und senden Sie eine POST-Anfrage an /register Route:

rrreee

Fügen Sie auf der Serverseite Code hinzu, der POST-Anfragen für die Route /register verarbeitet: 🎜rrreee🎜Dieser Routenhandler ruft die Daten der POST-Anfrage ab und registriert sie Neuer Benutzer und Weiterleitung zur Anmeldeseite. 🎜🎜Fügen Sie abschließend ein Formular zur Anmeldeseite hinzu, um eine POST-Anfrage an die Route /login zu senden: 🎜rrreee🎜Fügen Sie auf der Serverseite eine POST-Anfrage zur Verarbeitung von /login Routencode: 🎜rrreee🎜 Dieser Routenhandler ruft die Daten der POST-Anfrage ab, überprüft die Anmeldeinformationen des Benutzers und gibt eine erfolgreiche Anmeldeaufforderung zurück. 🎜🎜Das Obige ist der gesamte Code für Node.js, um die Benutzerregistrierung zu implementieren und zur Anmeldeseite zu springen. Die Implementierungsmethode ist einfach und direkt und für Anfänger geeignet. 🎜

Das obige ist der detaillierte Inhalt vonDie NodeJS-Registrierung springt zum Anmelde-HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage