使用FlutterFt。DartFrog和MongoDB构建完整的堆栈应用程序。第1部分
#教程 #flutter #dart #mongodb

我又回到了一系列学习的轨道上。

您知道我们只能使用颤音构建全堆栈应用程序吗?

是的,我们可以在dart-frog库的帮助下构建完整的堆栈应用程序。

我们将在本系列中构建一个简单的披萨店应用程序。

在这一部分中,我们将了解Dart-Frog基本上如何与静态数据一起工作。

什么是飞镖?

飞镖豆狗与扑朔迷离不是直接或正式相关的,而是在飞镖中设计的框架,用于创建简约的后端。

meme1

此外,Dart Frog旨在通过拥有一个统一的技术堆栈来帮助扑朔迷离/飞镖开发人员最大化其生产率,该堆栈能够共享工具,模型等!

感谢verygood.ventures

dart-frog

安装飞镖豆

//📦 Install the dart_frog cli from pub.dev
dart pub global activate dart_frog_cli

创建一个项目

dart_frog create pizza_shop

启动服务器

dart_frog dev 

注意:默认情况下,8080端口用于通过--port更改。

让我们探索

路线如何工作?

“路由” 文件夹包含路由,例如“ index.dart” is”/“家用路线,如果我们必须创建另一个路线,则在此中创建一个新文件夹“路由” 使用Route_name,并创建一个名为onRequestFunction()的端点的飞镖文件。

所有路由处理程序都可以访问RequestContext,可用于访问传入请求以及提供给请求上下文的依赖项。

HTTP方法

我们可以通过context.request.method

识别HTTP请求的类型

同样,我们也可以得到

  • 查询参数:context.request.uri.queryParameters
  • 标题:context.request.headers
  • 身体:await context.request.body()
  • json数据:await context.request.json()
  • 表格数据:await context.request.formData()7

让我们开始在披萨店工作

..................................................................................................................................................................................................................................

为披萨和订单创建型号。

  • pubspec.yaml中添加json_annotation: ^4.7.0进行序列化。
  • 步骤创建一个名为models的新文件夹和使用JSON注释的名为pizza_models.dart的文件。
  • 在同一文件夹中创建order_models.dart

meme

创建用于获取比萨饼列表或使用bizza_id的终点。

  • 在创建端点之前,我们需要订单和比萨饼列表,因此在项目名称utlis中创建一个新文件夹,并在此内部创建一个带有以下内容的DART文件(constant.dart)。
  • 创建一个名为pizzas.dart的飞镖文件。如果没有提供id查询参数,则此方法将返回比萨饼列表,否则它将返回特定的披萨详细信息。

输出

/pizzas

提取顺序

  • 对于获取订单,我们将使用查询参数user_id创建一个get方法,以获取订单列表。

output 2

创建订单

  • 用于创建订单,我们需要以下字段user_id,pizza_id, address, and phone number
  • 方法应仅发布。
  • 将检查标头content type is application/JSON

  • 还将检查pizza_id是否有效。

  • 创建订单后,我们将将order-id返回给用户。

output 3

我们完成了............................................

在下一部分中,我们将连接MongoDB以持续数据。

继续关注.....

关注我: