stella_stays

一个使用 GraphQl dart 后端的 Flutter 日历项目。

入门

该项目包含前端和服务器端代码。

服务器端代码位于 server 文件夹内,并使用 GraphQL 获取位于 server/lib/data.dart 路径中的数据(不可用日期和 LOS)。

final data = { "unavailable_days": [ '2022-04-04', '2022-04-05', '2022-04-06', '2022-04-10', '2022-04-24', '2022-04-28', '2022-05-01', '2022-05-06', '2022-05-15', '2022-05-22' ], "los": [ {'day': '2022-04-02', 'los': '2'}, {'day': '2022-04-03', 'los': '3'}, {'day': '2022-04-07', 'los': '2'}, {'day': '2022-04-11', 'los': '10'}, {'day': '2022-04-12', 'los': '10'}, {'day': '2022-04-25', 'los': '2'}, {'day': '2022-04-29', 'los': '1'}, {'day': '2022-05-04', 'los': '3'}, {'day': '2022-05-06', 'los': '1'}, {'day': '2022-05-12', 'los': '4'}, {'day': '2022-05-30', 'los': '5'}, ] }; 您可以使用以下配置在 VSCode 中运行应用程序和服务器: "configurations": [ { "name": "app", "request": "launch", "program": "lib/main.dart", "type": "dart" }, { "name": "server", "cwd": "server", "request": "launch", "program": "server.dart", "type": "dart" } ]

服务器将在 http://127.0.0.1:3000 上运行,GraphiQL 可通过 http://127.0.0.1:3000/graphiql 访问。

用于获取数据的 GraphQL 查询

query { unavailable_days { days } los_days { los_day { day los } } }

GraphiQL UI

Screenshot 1 Screenshot 2
Screenshot 3 Screenshot 4
Screenshot 5 Screenshot 6
Screenshot 7 Screenshot 8

Screenshot 9

GitHub

查看 Github