Express框架介绍及简单使用

express 介绍

  1. 框架的存在就是为了帮助咱们提示开发效率而存在的

  2. 基于 Node.js 平台,快速、开放、极简的 Web 开发框架

  3. 为了使用诸如图像、CSS 文件和 JavaScript 文件之类的静态文件,使用Express 中的 express.static 内置中间件函数。

    node是没有文文件夹(容器)概念的,引入资源需要我们做一些判断才能够实现
    如果内容比较多,那么加载也就比较麻烦
    express帮助我们解决了这个问题
    express只需要一行代码就可以将你指定的文件夹里面的内容作为你的静态资源

使用前准备

在你所在的文件夹下载 express 框架
npm install express -S

简单使用

纯代码:

const express = require("express");
const app = express();
app.use(express.static(__dirname));
app.listen(80,function(){
	console.log("success");
})

代码介绍:

const express = require("express");   //导入express服务
const app = express();  //得到 express 函数给你返回的值,把它赋值给 app
			
app.use(express.static(__dirname));  //app.use 这个 use 就是应用,你要使用什么东西
									 //express 当中给你提供了一个插件 static ,指定你的某一个文件夹作为静态资源

app.listen(80,function(){     //第一个设置一个端口号,第二个参数是一个函数,这个函数是当我的服务器执行完成以后执行的
	console.log("success");

})

运行

代码输入完成以后使用 node 运行改 js 文件
在浏览器输入 127.0.0.1
默认会将你的 index.html 作为主页面

发布了63 篇原创文章 · 获赞 6 · 访问量 1233

猜你喜欢

转载自blog.csdn.net/qq_44163269/article/details/105006535