Express JS 是一个流行的 Node JS 框架,用于创建 Web 应用程序和 Restful API。由于它用于后端脚本,因此表单处理是其重要部分。我想知道我们如何创建登录表单并对其进行处理。
我使用Pug 模板引擎来简化 HTML。
doctype html
html
head
title Login Form
body
form(method="POST", action="/submit")
label(for = "username") Username:
input(type = "text", name = "username")
br
label(for = "password") Password:
input(type = "password", name = "password")
br
input(type = "submit", name = "submit", value = "submit")
以下是用于处理上述表单的 Express JS 或 Node JS 代码。
let express = require('express');
let app = express();
let multer = require('multer');
let bodyParser = require('body-parser');
app.set('view engine', 'pug');
app.set('views','./views');
app.use('/static', express.static('public'));
app.use(multer().array());
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());
app.get('/', function(request, response){
console.log(request.body);
response.render('login');
});
app.post('/submit', function(request, response){
console.log(request.body);
response.send("Data for " + request.body.username + " submitted successfully!");
});
app.listen(3000);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句