Express

本文介绍了如何搭建一个基于Node.js的Web应用,使用Express框架,详细阐述了从安装Node.js和npm,到安装淘宝镜像cnpm,以及安装和使用Express和Express-generator创建项目的过程。此外,还提到了使用nodemon实现热重载,安装MySQL数据库,引入Bootstrap样式,以及使用EJS作为模板引擎的关键步骤。
摘要由CSDN通过智能技术生成

1.介绍

Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。

2.安装

2.1 安装NodeJs

NodeJs官网下载一个当前稳定版本安装包,使用PowerShell或者cmd输入如下命令查看安装是否成功

node -v
npm -v

在这里插入图片描述
看到打印出来的版本,说明安装成功。

2.2 安装淘宝镜像cnpm

使用npm安装淘宝镜像

npm install -g cnpm --registry=https://registry.npmmirror.com 
2.3 安装Express框架

在NodeJs全局安装express,使用cnpm在窗口中输入如下命令:

注意:
express在4.0后把命令工具单独分了出来,安装完express后,还得安装express-generator

express-generator 是 Express 应用程序生成器工具,我们可以使用它来快速创建应用程序框架。

cnpm install -g express
cnpm install -g express-generator

查看express安装版本

express-generator

查看express安装版本

官网创建项目流程,建议使用express-generator生成器去创建项目

mkdir demo
cd demo
cnpm init 
cnpm install express 
2.4 创建项目

在命令窗口运行如下代码就创建一个demo:

// 创建demo项目
express -e demo

// 进入demo
cd demo

// 安装npm
cnpm install

// 运行(启动)项目
npm start

在浏览器输入:http://localhost:3000/
在这里插入图片描述

3.安装依赖

  • nodemon 热重载
  • myqsl 数据库
  • cors 实现node服务端跨域的js库
  • boom 处理程序异常状态,如400
  • pm2 进程管理工具
  • crypto 实现前后端数据加密
  • jsonwebtoken 基于jwt对token的加密解密的方案
  • express-jwt 权监的认证
  • express-validator 验证表单数据的中间件
  • body-parser 对post请求解析的中间件
3-1安装 nodemon

可以安装 nodemon 来监控 node.js 源代码的任何变化和自动重启你的服务器

全局安装 nodemon:

npm install -g nodemon

使用nodemon启动服务,监听内容改变

nodemon app.js
3-2 添加打印日志文件
cnpm install winston
3-3 安装数据库-mysql
cnpm install mysql 
3-4 安装bootstrap模板
npm install bootstrap@5.3.0-alpha1

设置bootstrap静态资源

app.use(express.static(__dirname + '/node_modules/bootstrap/dist'));
app.use(express.static(__dirname + '/public'));
3-5 安装ejs模板
cnpm install ejs --save

设置模板引擎


app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

js胡

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

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

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

打赏作者

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

抵扣说明:

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

余额充值