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 官网下载
相关推荐
弹简特7 小时前
【Vue3速成】01-npm+vue初体验+vite构建vue工程化
vue.js·arcgis·npm
梦想的初衷~10 小时前
AI辅助下基于ArcGIS Pro的SWAT模型全流程高效建模实践与深度进阶应用
人工智能·arcgis·气候·水文·地理信息·环境科学
安迁岚2 天前
基于珠三角城市热岛热点核心中心点的等级化点格局分析
人工智能·arcgis·信息可视化·数据挖掘·数据分析·地统计
赵钰老师2 天前
地理信息系统(ArcGIS)在水文水资源、水环境中的应用
arcgis·数据分析
ZengLiangYi3 天前
用 ChatCrystal 学 Fastify:从零搭建 REST API
restful·express
wand codemonkey5 天前
【第四步+前后分离调】用VS Code工具写Vue3项目需要写哪些写哪些文件才能实现联调
arcgis
三*一6 天前
Mapbox GL JS 自研面要素整形工具开发实录
开发语言·javascript·arcgis·ecmascript
qq_381338506 天前
前端状态管理新范式:Zustand、Jotai 与 Preact Signals 深度对比
前端·arcgis
zyl837216 天前
Express快速上手
https·node.js·express
智航GIS7 天前
ArcGIS大师之路500技---077ArcGIS Pro 划分工具-按指定面积精确切割图斑
arcgis