Express框架 - 静态页面

我会带着你远行 2022-03-17 08:50 296阅读 0赞

在文件夹image中有index.html文件，它的内容如下：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <form action="http://127.0.0.1:3000/Resources" method="POST" enctype="multipart/form-data">
        <p>
            姓名：<input type="text" name = "name"/>
        </p>
        <p>
            年龄：<input type="text" name = "age"/>
        </p>
        <p>
            性别: <input type="radio" name = "sex" value="男"/>男
                  <input type="radio" name = "sex" value="女"/>女
        </p> 
        <p>
            图片：<input type="file" name = "图片"/>
        </p>
        <p>
            <input type="submit"/>
        </p> 
        </form>
    </body>
    </html>

在Express框架中，代码如下：

var express = require("express");
    var app = express();
    
    app.use(express.static("./image"));
    app.listen(3000);

前端输入网址：

http://127.0.0.1:3000/

后端读取image文件夹下的index.html文件，呈现在前端，执行结果如下:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpeWF6aGVuMjAxMQ_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpeWF6aGVuMjAxMQ_size_16_color_FFFFFF_t_70]: /images/20220317/59fb069b6b4e49129b4fcf7162ac18bb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，296人围观）

还没有评论，来说两句吧...

相关阅读

相关 express框架基础页面导入

/* * @Author: Administrator * @Date: 2019-08-20 09:31:54 * @Last Mod...

野性酷女/ 2024年04月17日 05:34/ 0 赞/ 81 阅读

相关 08_Express框架

使用Node.js进行服务器开发，开发效率比较低，例如在实现路由功能和静态源访问功能时，代码写起来很烦琐为了提高Node.js服务器的开发效率，人们开发了Express框

古城微笑少年丶/ 2024年02月23日 02:31/ 0 赞/ 45 阅读

相关 Express框架

Express框架 1 概述 Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。 Express上手非常简单，首先

谁借莪１个温暖的怀抱￠/ 2023年10月06日 17:12/ 0 赞/ 39 阅读

相关 express框架

express安装及环境搭建 > 基于 Node.js 平台，快速、开放、极简的 Web 开发框架 1. 安装 > `cnpm install express

冷不防/ 2023年07月04日 06:18/ 0 赞/ 21 阅读

相关 Express框架之静态资源的配置

文章目录静态资源的配置什么是静态资源？ express.static() 第三方静态资源静态

素颜马尾好姑娘i/ 2022年11月17日 13:55/ 0 赞/ 307 阅读

相关【Express】 —利用 Express 托管静态文件

【Express】 —Express 静态文件托管方法一 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

快来打我*/ 2022年08月29日 06:17/ 0 赞/ 198 阅读

相关 Express 静态文件

在我们访问网页过程中，经常会见到：[http://localhost:3000/images/kitten.jpg][http_localhost_3000_images_ki

ゝ一世哀愁。/ 2022年04月01日 11:00/ 0 赞/ 225 阅读

相关 Express框架 - use()

use()和get(), post()一样，也是中间件。不同之处在于use()中路径匹配方式。代码如下： var express = require("exp

雨点打透心脏的1/2处/ 2022年03月17日 10:10/ 0 赞/ 293 阅读

相关 Express框架 - 静态页面

在文件夹image中有index.html文件，它的内容如下： <!DOCTYPE html> <html lang="en"> <head>

我会带着你远行/ 2022年03月17日 08:50/ 0 赞/ 297 阅读

相关 Express框架

Express框架一、什么是Express框架二、安装Express 三、框架的使用 1.根据请求地址返回给前端内容 2.

桃扇骨/ 2021年09月07日 06:11/ 0 赞/ 473 阅读