node笔记3（仅供自己参考）

最新推荐文章于 2021-05-23 12:56:23 发布

smilek``

最新推荐文章于 2021-05-23 12:56:23 发布

阅读量208

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/newbiek/article/details/105888755

版权

node 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、express和art-template
github上查询art-template进入中文文档，找express教程
目录结构
在这里插入图片描述


// 如果希望修改默认的views视图渲染存储目录 注意第一个参数views千万不要写错
app.set('views', 目录路径);

二、get请求方式的form
在这里插入图片描述

在这里插入图片描述

三、post请求方式的form
app.js

// npm install --save art-template express-art-template
const express = require('express');
const app = express();
// 配置post请求的请求体
app.use(express.json()) // for parsing application/json
app.use(express.urlencoded({ extended: true })) // for parsing application/x-www-form-urlencoded
// 百度搜索express可以找到官网
const user = [{
    name:'li',
    age:10
}]

app.engine('html', require('express-art-template'));
app
    .get('/',function(req,res){
        res.render('index.html',{
            user:user
        })
    })
    .get('/post',function(req,res){
        res.render('post.html')
    })
    .post('/post',function(req,res){
        var newUser = req.body
        user.unshift(newUser)
        res.redirect('/')
    })
    .get('/not',function(req,res){
        res.render('404.html',{
            message:'那怎么办呢！'
        })
    })
app.listen(3000,function(){
    console.log('app server is started')
})

post.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="/post" method="post">
        <input type="text" placeholder="请输入姓名" name="name">
        <input type="text" placeholder="请输入年龄" name="age">
        <input type="submit" value="提交">
    </form>
</body>
</html>

smilek``

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
node笔记3（仅供自己参考）

一、express和art-templategithub上查询art-template进入中文文档，找express教程目录结构// 如果希望修改默认的views视图渲染存储目录可以注意第一个参数views千万不要写错app.set('views', 目录路径);二、get请求方式的form三、post请求方式的formapp.js// npm install -...
复制链接

扫一扫

专栏目录