首页 > 其他分享 >Express - 入门

Express - 入门

时间:2023-08-20 13:12:42浏览次数:41  
标签:use Express 入门 img app express static public

创建Express应用

可使用应用程序生成器工具 (express-generator) 快速创建应用程序框架。

 npm install -g express-generator

然后使用express命令就可以创建express应用了。

express --view=pug myapp

使用这个命令创建一个myapp应用并将视图引擎将设置为pug。

创建好应用后进入目录,安装依赖。然后使用npm start就可以启动程序了。

基本路由

路由定义采用以下结构:

app.METHOD(PATH, HANDLER)

METHOD是请求方法,PATH是路径,HANDLER是处理路由的回调函数。

下面是一个Hello World的例子:

app.get('/',(req, res)=>{
  res.send('Hello World!');
})

如果使用express-generator新创建的应用,很多东西都是配置好的,可以在routes目录下找到路由的代码。

使用静态资源

想使用静态资源,需要使用express.static内置的中间件函数,express.static函数接受一个实际路径,用来存放静态资源。

app.use(express.static('public'))

然后访问路径就可以访问到对应的静态资源了。

http://localhost:3000/img.png -> AppDir/public/img.png

也可以设置多个静态资源目录

app.use(express.static('public01'))
app.use(express.static('public02'))

虚拟路径前缀:

app.use('/public', express.static('public'))
http://localhost:3000/public/img.png -> AppDir/public/img.png

使用绝对路径会更安全:

app.use('/public', express.static(__dirname + '/public'))

常见问题

官网文档给了一个常见问题的文档,并不推荐初学者看,因为会涉及一些不了解的知识。
常见问题:https://expressjs.com/zh-cn/starter/faq.html

标签:use,Express,入门,img,app,express,static,public
From: https://www.cnblogs.com/orzmiku/p/Express_01.html

相关文章

  • Express - 中间件
    中间件编写中间件函数可以接受三个参数,req(请求),res(响应)和next(下一个中间件函数)。如果这个中间件不结束请求/响应循环,就需要调用next函数。先装载的中间件函数会被先执行,如果忘记调用next函数,会导致后装载的中间件被忽略。使用中间件应用层中间件可以使用app.use()和app.MET......
  • Express - 路由
    路由定义采用以下结构:app.METHOD(PATH,HANDLER)METHOD是请求方法,PATH是路径,HANDLER是处理路由的回调函数。路由方法Express支持对应于HTTP方法的以下路由方法:get、post、put、head、delete、options、trace、copy、lock、mkcol、move、purge、propfind、proppatch、unlo......
  • Express - 模板引擎
    在使用模板引擎之前,需要设置模板目录,指定模板引擎。views:模板文件所在目录。例如:app.set('views','./views')viewengine:要使用的模板引擎。例如:app.set('viewengine','pug')设置好模板引擎之后,需要使用包管理器安装对应的模板引擎。npminstallpug--save下面以pug引......
  • 【Freertos基础入门】深入浅出freertos互斥量
    @TOC前言FreeRTOS是一款开源的实时操作系统,提供了许多基本的内核对象,其中包括互斥锁(Mutex)。互斥锁是一种常用的同步机制,用于确保在同一时间内只有一个任务可以访问共享资源,防止竞态条件等并发问题。本文将介绍FreeRTOS中的互斥锁的使用方法和注意事项。一、互斥量是什么?当多个任务......
  • 基础入门-算法分析&传输加密&数据格式&密文存储&代码混淆&逆向保护
    基础入门-算法分析&传输加密&数据格式&密文存储&代码混淆&逆向保护基础入门-算法分析&传输加密&数据格式&密文存储&代码混淆&逆向保护传输数据-编码型&加密型等传输格式-常规&JSON&XML等密码存储-Web&系统&三方应用代码混淆-源代码加密&逆向保护加密:1.常见加密编码进制等算法解......
  • JS入门第三节
    <ulclass="nav"><li>我的首页</li><li>产品介绍</li><li>联系方式</li></ul><script>constresult=document.querySelectorAll('li');......
  • Caddy 入门实战(3)--Caddyfile 介绍
    Caddyfile 是一种方便用户使用的Caddy配置格式。这是大多数人最喜欢使用Caddy的方式,因为它易于编写、易于理解,且能满足绝大部分的使用场景。本文主要介绍Caddyfile的相关概念。1、Caddyfile结构可选的全局选项块必须放在文件的头部否则,Caddyfile的首行总是要提供......
  • 解读HTML-入门第一文
    (HTML详细解读)概念解读HTML(HypertextMarkupLanguage)是一种用于创建网页的标记语言。作为互联网的基础,HTML在网页设计与开发中起着至关重要的作用。对于任何一个想要深入了解网页制作的人来说,掌握HTML的知识是必不可少的。本篇文章旨在帮助==小程的所有小伙伴们==更好地理解和......
  • 知识图谱入门:使用Python创建知识图,分析并训练嵌入模型
    本文中我们将解释如何构建KG、分析它以及创建嵌入模型。构建知识图谱加载我们的数据。在本文中我们将从头创建一个简单的KG。 https://avoid.overfit.cn/post/7ec9eb11e66c4b44bd2270b8ad66d80d......
  • php入门第二弹(未完)
    前言:开始复习php了,之前学的内容忘差不多了,所以就补一些我忘了的内容,不会全补。1php超级全局变量php中预定了几个超级变量,这些变量在一个脚本的全部作用域中都可用,不需要特意说明,就可以在函数以及类中使用1.1$GLOBALS$GLOBALS是php中的有一个超级全局变量组,在一个php脚本......