Rumah  >  Artikel  >  hujung hadapan web  >  pendaftaran nodejs melompat ke html log masuk

pendaftaran nodejs melompat ke html log masuk

WBOY
WBOYasal
2023-05-27 20:16:07755semak imbas

Node.js ialah rangka kerja pelayan I/O dipacu peristiwa yang dibangunkan berdasarkan bahasa JavaScript Kemunculannya telah membawa perubahan revolusioner kepada pembangunan aplikasi Internet. Dalam Node.js, anda boleh menggunakan modul HTTP untuk mencipta pelayan web dan menghantar halaman HTML, CSS, JavaScript dan sumber lain kepada klien.

Artikel ini menerangkan cara melaksanakan fungsi melompat ke halaman log masuk selepas pendaftaran pengguna dalam Node.js. Pelaksanaan kod khusus adalah seperti berikut:

Mula-mula, buat aplikasi web pada bahagian pelayan, menggunakan modul HTTP dan rangka kerja Express:

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

Kemudian, tambahkan pengendali penghalaan dalam aplikasi ke mengendalikan pendaftaran secara berasingan Dan permintaan untuk halaman log masuk:

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

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

Antaranya, __dirname ialah pembolehubah global dalam Node.js, yang menunjukkan laluan mutlak direktori di mana modul semasa berada.

Seterusnya, gunakan modul body-parser untuk mendapatkan data permintaan POST:

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

Kemudian, tambahkan borang pada halaman pendaftaran dan hantar permintaan POST ke laluan /register :

<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>

Di bahagian pelayan, tambahkan kod yang mengendalikan permintaan POST untuk laluan /register:

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

Pengendali laluan ini mendapat data permintaan POST, mendaftarkan pengguna baharu dan mengubah hala ke halaman log masuk.

Akhir sekali, tambahkan borang pada halaman log masuk yang menghantar permintaan POST ke laluan /login:

<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>

Di bahagian pelayan, tambahkan kod untuk mengendalikan permintaan POST untuk /login laluan:

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

Pengendali penghalaan ini akan mendapatkan data permintaan POST, mengesahkan maklumat log masuk pengguna dan mengembalikan gesaan log masuk yang berjaya.

Di atas adalah semua kod untuk Node.js untuk melaksanakan pendaftaran pengguna dan melompat ke halaman log masuk. Kaedah pelaksanaannya mudah dan langsung, sesuai untuk dirujuk oleh pemula.

Atas ialah kandungan terperinci pendaftaran nodejs melompat ke html log masuk. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn