FullStackOpen:phonebook app / back-end 要点总结

教程:FullStackOpen2021/Part 3 - 用NodeJS和Express写服务端程序 前端部分:FullStackOpen2021:phonebook app / front-end 要点总结 数据库部分:FullStackOpen:phonebook app / MongoDB 要点总结 App:React Phonebook App 1. 用 express 搭建 RESTful API 直接使用 Node 内置的 HTTP web 服务器实现服务器代码是可行的。但是,它很麻烦,且不适合较大规模的应用。 为了提供一个比内置的 HTTP 模块更友好的界面,许多库已经开发出来以简化使用 Node 作为服务器端开发。到目前为止,最受欢迎的库是 express。 初始化 express: 选择一个合适的目录,使用 npm init 命令创建一个新模板。 (可选)在 package.json 文件的 scripts 对象中添加 start 命令:"start": "node index.js" 添加 express 库:npm install express。 代码的开头导入 express。这是一个function ,用于创建一个存储在 app 变量中的 express 应用。 将绑定的 HTTP 服务器分配给 app 变量 ,并监听发送到端口的 HTTP 请求。 const express = require("express"); const app = express(); ....

2021-12-28 · 4 min

FullStackOpen:phonebook app / front-end 要点总结

教程:FullStackOpen/Part 2 - 与服务端通信 后端部分:FullStackOpen:phonebook app / back-end 要点总结 数据库部分:FullStackOpen:phonebook app / MongoDB 要点总结 App:React Phonebook App 1. 用 axios 和 REST API 实现 CRUD Representational State Transfer,又名 REST,是一种架构风格,用于构建可伸缩的 web 应用。 在 RESTful thinking 中,每一个对象被称为 resource。每个 resource 都有一个相关联的 URL,结合resource 类型名称和 resource 的唯一标识符来创建 resource 唯一的地址。 如果将 phonebook 的资源类型定义为 persons,那么标识为10的 persons 资源的地址就是唯一的地址 [root_url]/api/persons/10。所有 persons 资源的整个集合的 URL 是 [root_url]/api/persons。 可以用不同的 HTTP method 对资源执行不同的操作。 URL METHOD FUNCTION persons/10 GET 获取单一资源 persons GET 获取集合中的所有资源 persons POST 依据请求数据创建一个新的资源 persons/10 DELETE 删除指定资源 persons/10 PUT 使用请求数据替换指定资源 persons/10 PATCH 使用请求数据替换指定资源的一部分 使用 axios 将数据发送到服务器并获取响应,实现 CRUD 操作:...

2021-12-27 · 3 min