flutter restapi 商店

前端

一个强大的Dart HTTP客户端，支持拦截器、全局配置、FormData、请求取消、文件下载、超时等。

入门

将此包下载为库

依赖它 运行此命令

$ flutter pub add dio

这将在您的包的 pubspec.yaml 文件中添加如下一行（并运行隐式 flutter pub get）

dependencies:
    dio: ^4.0.4

现在在你的Dart代码中导入它，你可以使用

import 'package:dio/dio.dart';

作为Flutter Web运行

flutter run -d chrome

后端

使用NODEJS、Express和Mysql进行CRUD操作 REST API。

Folder structure

sidehustle-restapi
├── package-lock.json
├── package.json
├── server.js
└── src
    ├── config
    │   └── db.config.js
    ├── controllers
    │   ├── product.controller.js
    │   └── user.controller.js
    ├── models
    │   ├── product.model.js
    │   └── user.model.js
    └── routes
	├── product.routes.js
	└── user.routes.js

package.json 和 package-lock.json 包含有关我们项目的元数据。server.js 是入口点，包含服务器初始化和启动的逻辑。src 是我们的主源文件夹，作为我们MVC架构的容器。src/config 包含我们的配置，其唯一的 db.config.js 文件是我们数据库连接模块，它帮助连接到mysql数据库并导出一个数据库连接实例。src/models 包含我们的模型。src/controllers 处理控制器。src/routes 包含我们的路由模块。

入门

克隆仓库并进入克隆的文件夹

安装依赖项

npm i

启动服务器

在监视模式下

npm run dev

生产

npm start

API端点

GET /api/users => 获取所有用户 GET /api/users/:id 获取一个用户 POST /api/users => 添加一个新用户 PUT /api/users/:id => 更新一个用户 DELETE /api/users/:id => 删除一个用户 GET /api/products => 获取所有产品 GET /api/products/:id 获取一个产品 GET /api/products/category/:category 按类别分组 POST /api/products => 添加一个新产品 PUT /api/products/:id => 更新一个产品 DELETE /api/products/:id => 删除一个产品

用户模式

{
  id: int,
  email: string,
  phone_number: string
}

产品模式

{
 id: int,
 title:  String, 
 price: double, 
 description: String, 
 category: String, 
 rating: json, 
 image: String 
}

GitHub

查看 Github