07如何使用express框架快速搭建项目_express框架的初步了解

本文介绍如何使用Express框架简化Node.js服务器搭建过程,包括环境配置、访问静态与动态资源的方法。

说明:

        使用nodeJS搭建服务器,很麻烦,要访问页面,更麻烦,如下,使用了express框架后,会非常简单。


一、搭建环境(express安装):

  •  全局安装express:在命令行里输入 npm install express -g
  •  测试是否安装成功:express -h
  •  安装如果出问题,则运行 npm install express-generator -g(mac系统中一般没有问题,windows系统下建议安装)
  •  项目中安装express模块 npm i express --save-dev

二、启动服务器,访问静态资源(HTML,CSS,JS,图片等)

1)、新建www文件,写如下代码:

var express = require('express');

var app = express();

//express.static()函数用来设置静态资源的路径。

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

app.listen(706);

2)、在项目下建立public目录,并创建index.html文件(图片文件也可以)
3)、启动服务器,用http://localhost:706/index.html访问。


三、启动服务器,访问动态资源

1)、新建www文件,写如下代码:
var express = require("express");
var app = express();
//服务器端访问网站根目录时,会调用回调函数,这就是路由。
app.get("/",function(req,res){
 res.send("hello express");//用send方法给前端发送字符串或者对象
});
//服务器监听706端口
app.listen(706);
2)、启动服务器,用http://localhost:706/访问


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值