ホームページ > ウェブフロントエンド > フロントエンドQ&A > nodejsの登録はログインHTMLにジャンプします

nodejsの登録はログインHTMLにジャンプします

WBOY
リリース: 2023-05-27 20:16:07
オリジナル
762 人が閲覧しました

Node.js は JavaScript 言語をベースに開発されたイベント駆動型 I/O サーバー フレームワークであり、その登場によりインターネット アプリケーション開発に革命的な変化をもたらしました。 Node.js では、HTTP モジュールを使用して Web サーバーを作成し、HTML ページ、CSS、JavaScript、およびその他のリソースをクライアントに送信できます。

この記事では、Node.jsでユーザー登録後にログインページにジャンプする機能を実装する方法について説明します。具体的なコードの実装は次のとおりです。

まず、HTTP モジュールと Express フレームワークを使用して、サーバー側で Web アプリケーションを作成します。

var http = require('http');
var express = require('express');
var app = express();
var server = http.createServer(app);
ログイン後にコピー

次に、アプリケーションにルーティング ハンドラーを追加します。登録を個別に処理します。また、ログイン ページのリクエスト:

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

//登录页面
app.get('/login', function(req, res) {
    res.sendFile(__dirname + "/login.html");
});
ログイン後にコピー

このうち、__dirname は Node.js のグローバル変数で、現在のモジュールが配置されているディレクトリの絶対パスを示します。 。

次に、body-parser モジュールを使用して POST リクエストのデータを取得します。

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended: true}));
ログイン後にコピー

次に、フォームを登録ページに追加して # に送信します。 ##/registerRoute が 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 リクエスト データを取得し、新しいユーザーを登録し、ログイン ページにリダイレクトします。

最後に、ログイン ページにフォームを追加し、POST リクエストを

/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>
ログイン後にコピー

サーバー側で、処理

/ を追加します。 loginルーティング POST リクエスト コード:

app.post('/login', function(req, res) {
    var username = req.body.username;
    var password = req.body.password;
    //用户登录验证代码
    res.send("登录成功");
});
ログイン後にコピー
ルーティング ハンドラーは、POST リクエストのデータを取得し、ユーザーのログイン情報を確認し、成功したログイン プロンプトを返します。

上記は、ユーザー登録を実装し、ログイン ページにジャンプするための Node.js のコードのすべてです。実装方法はシンプルかつ直接的であり、初心者が参照するのに適しています。

以上がnodejsの登録はログインHTMLにジャンプしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート