Express (nodejs) 相关

Express (nodejs) 相关

安装 express-generator 脚手架,新建项目

  1. 执行命令

npm install express express-generator@4 -g

同时安装 express,和 express 脚手架.

javascript 复制代码
npm install express express-generator@4 -g
  1. 通过 express 脚手架创建 express 项目

express --no-view iike-api

cd iike-api

npm install

npm start (启动项目)

指令解释:

  • --no-view 表示 不需要视图模板
  • iike-api 表示 express 项目名称
  • cd iike-api 进入 iike-api 项目中
javascript 复制代码
express --no-view iike-api

cd iike-api

npm install

npm start
  1. 访问本地地址

http://localhost:3000/

页面显示 Express Welcome to Express ,表示项目启动成功

JSON 格式配置

  1. 在 express 项目启动成功后,访问本地地址;会发现,是一个 html 格式.
  2. express 项目一般用来做接口使用,所以我们需要将 html 格式转化为 json 格式.
  3. 操作如下:
  1. iike-api\routes\index.js 修改下面代码
javascript 复制代码
router.get("/", function (req, res, next) {
  res.render("index", { title: "Express" });
});

// 替换为
router.get("/", function (req, res, next) {
  res.json({ message: "Hello Nodejs!" });
});
  1. 删除 iike-api\public\index.html 文件

  2. 重启 express 服务

    ctrl + c 终止, npm start 重启.

  3. 刷新页面后,拿到的信息就是 json 格式的了

推荐浏览器处理 JSON 格式的插件

JSON-handle ,

  • edge 浏览器可以直接在应用商店中下载

安装 nodemon 解决频繁重启问题

  1. 下载 nodemon 依赖
javascript 复制代码
npm i nodemon
  1. 配置 package.json 文件. 将启动脚本 node ./bin/www 改为 nodemon ./bin/www
javascript 复制代码
  "scripts": {
    "start": "nodemon ./bin/www"
  },
  1. 第一次配置,记得重启服务

项目结构 与 代码解析

  1. routes 文件夹(重要),不同网址对应要不同的程序.后续开发基本都会在 routes 中进行
  2. app.js 配置跨域 等配置,都会在这里

使用 Docker 运行 mysql

  1. 安装 docker docker 官网下载
相关推荐
hamburgerDaddy12 小时前
从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(一)
express
白水先森18 小时前
ArcGIS Pro制作人口三维地图教程
arcgis·信息可视化·数据分析
摆烂老大1 天前
SWAT| 水文 | SWAT模型(四):气象数据库制备(附Python代码)
python·arcgis·水文·swat模型
GIS遥感数据处理应用1 天前
MATLAB | 设置滑动窗口计算栅格数据的CV变异系数
matlab·arcgis·数据分析
白水先森1 天前
ArcGIS Pro进行坡度与坡向分析
经验分享·arcgis
GZ同学1 天前
Arcmap和ArcgisPro重装及配置迁移
arcgis
白水先森2 天前
ArcGIS Pro中等高线的生成与应用详解
经验分享·arcgis·信息可视化
白水先森2 天前
如何利用ArcGIS Pro打造萤火虫风格地图
经验分享·arcgis
我儿长柏必定高中2 天前
从0开始搭建Vue博客——ch2后端初始化
express
USER_A0013 天前
【Node.js】express框架
node.js·express