Nodejs express创建项目

本文介绍了如何使用Express框架搭建Node.js应用,包括通过npm安装、项目初始化、启动服务,以及理解核心文件目录。在Express中,`bin/www`用于启动服务,`routes`目录下创建路由,`views`存放模板文件。通过实例展示了如何创建新的路由,并讲解了逻辑代码拆分方法,强调了`res.send()`在接口响应中的作用。
摘要由CSDN通过智能技术生成

1、express组件安装

npm install express-generator -g

2、项目初始化/相关模块安装/服务启动

(1) 随便找一个目录,打开cmd
(2) 在cmd中输入express nodetest, nodetest是你的项目文件夹名称
(3) 切换到nodetest目录下,使用 npm i 命令初始化相应的模块
(4) 然后使用命令 node ./bin/www 就启动了端口未3000的服务

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、文件目录

3.1

node_modules和package-lock.json是在运行npm i命令之后生成的
在这里插入图片描述

3.2

bin目录下面有个www的js文件,可以在这个文件里面修改服务的端口号
在这里插入图片描述

3.3

public是静态资源目录,比如js,css等
在这里插入图片描述

3.4

routes是整个项目写代码用的最多的地方,一般各种接口路由就在这里创建
在这里插入图片描述
在这里插入图片描述

3.5

views视图文件夹,就是存放各种前端界面的比如html等,express默认生成试图模板是jade文件,这种文件就是用express框架常用的前端模板,有相关的模板语法
在这里插入图片描述

3.6

app.js
在这里插入图片描述

4、流程

在使用node ./bin/www启动服务时,在www里面引入app.js,在app.js里面引入routes下的各种路由

5、创建一个路由

在routes下创建business,然后创建一个index.js当然这个index.js拷贝上级那个js一样的,然后在app.js里面加上business的路由配置,重启服务就ok了

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

6、逻辑代码拆分

要是业务逻辑代码多了,全都写在index.js里面,那就有点看不下去了,要怎么分离呢,也简单
1、创建一个main.js
2、index.js引入main.js,
3、main里面加上相应的方法,index里面做相应的改变
4、若接口要直接返回数据,则使用res.send(),req就是request,res就是response
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
以上是express的一些基础用法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赵东19970820

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值