Node.js는 JavaScript 언어를 기반으로 개발된 이벤트 중심 I/O 서버 프레임워크의 등장으로 인터넷 애플리케이션 개발에 혁명적인 변화를 가져왔습니다. Node.js에서는 HTTP 모듈을 사용하여 웹 서버를 만들고 HTML 페이지, CSS, JavaScript 및 기타 리소스를 클라이언트에 보낼 수 있습니다.
이 글에서는 Node.js에서 사용자 등록 후 로그인 페이지로 이동하는 기능을 구현하는 방법을 설명합니다. 구체적인 코드 구현은 다음과 같습니다.
먼저 HTTP 모듈과 Express 프레임워크를 사용하여 서버측에서 웹 애플리케이션을 생성합니다.
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의 전역 변수로 현재 모듈이 위치한 디렉터리의 절대 경로를 나타냅니다. __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
모듈을 사용하여 POST 요청의 데이터를 가져옵니다. app.post('/login', function(req, res) { var username = req.body.username; var password = req.body.password; //用户登录验证代码 res.send("登录成功"); });그런 다음 등록 페이지에 양식을 추가하고
/register에 POST 요청을 보냅니다.
경로 :rrreee
서버 측에서/register
경로에 대한 POST 요청을 처리하는 코드를 추가합니다. 🎜rrreee🎜이 경로 핸들러는 POST 요청의 데이터를 가져오고, 새로운 사용자를 입력하고 로그인 페이지로 리디렉션됩니다. 🎜🎜마지막으로 로그인 페이지에 양식을 추가하여 /login
경로에 POST 요청을 보냅니다. 🎜rrreee🎜서버 측에서 /login 경로 코드: 🎜rrreee🎜 이 경로 핸들러는 POST 요청의 데이터를 얻고, 사용자의 로그인 정보를 확인하고, 성공적인 로그인 프롬프트를 반환합니다. 🎜🎜위는 Node.js에서 사용자 등록을 구현하고 로그인 페이지로 이동하는 코드가 전부입니다. 구현 방법은 간단하고 직접적이어서 초보자가 참고하기에 적합합니다. 🎜
위 내용은 nodejs 등록이 로그인 HTML로 이동합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!