Heim > Artikel > Web-Frontend > Die NodeJS-Registrierung springt zum Anmelde-HTML
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);
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"); });
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}));
然后,在注册页面中添加一个表单,向/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
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("登录成功"); });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!