鲁达 在本文中，学习如何创建一个完整的堆栈应用程序，使用 API 从云数据库中检索到的动态数据来完成
每天分享最新软件开发，Devops，敏捷，测试以及项目管理最新，最热门的文章，每天花3分钟学习何乐而不为，希望大家点赞，加关注，你的支持是我最大的动力。
构建一个完整的堆栈应用程序可能会让人望而却步，因为您不仅要考虑前端将如何显示数据，还要考虑数据来自何处以及数据存储在何处。然而，让一个完整堆栈应用程序启动并运行起来并不像您想象的那样困难。
如果您想创建一个完整的堆栈应用程序，并使用 API 从云数据库中检索动态数据，那么请观看下面由 Eddie Jaoude 创建的教程。在他的教程中，Eddie 向您展示了如何在不到一个小时的时间内使用 Nuxt.js 和前端的 VuetifyJS，使用 NestJS 创建 RESTful API，使用 DataStax 的 Astra DB 创建云数据库服务。另外，您将使用 GitHub Copilot 作为 AI 驱动的配对程序员。
在本教程中，您将学习如何:
- 使用 VuetifyJS 创建一个基本的前端
- 使用 API 检索和保存数据
- 从云数据库中检索数据并在应用程序中显示它
- 使用 GitHub Copilot 可以帮助您通过自动完成更快地编码
让我们简要回顾一下将要使用的关键技术。
Nuxt.js
nuxt.Js 是一个用于创建 VueJS 应用程序的框架。它于2016年首次发布，以构建使用 VueJS 的应用程序为基础。Js 处理服务器端和客户端发行版，因此您可以只关注应用程序开发。
Nuxt.js 的一些特性如下:
- 服务器端渲染
- 静态站点生成
- 元标签
- 自动路由和代码分割
这些改进的结果是更快的应用程序、由于服务器端呈现而带来的 SEO 改进，以及一个有用的启动向导，该向导允许您选择不同的 UI 框架、过滤工具和测试框架。下面显示了 Nuxt.js 配置向导:
→ nuxtjs-nestjs-copilot 11 → nuxtjs-nestjs-copilot npm init nuxt-app ui Create-nuxt-app v3.7.1 ? Project name: ui ? Programming language: JavaScript ? Package manager: Npm ? UI Framework: Vue ? Nuxt.js modules: Axios - Promise based HTTP client ? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection) ? Testing Framework: None ? Rendering mode: Single Page App ? Deployment target: Server hosting) ? Development tools: > ● j (recommended for VS Code if you’re not using typescript) ○ Semantic Pull Requests ○ Dependabot (For auto-updating dependencies, GitHub only)所有这些都意味着你可以更快地开始你的通用单页应用，因为你可以设置它的速度。
NestJS
NestJS 是为快速构建服务器端应用程序而开发的框架。NestJS 由 NodeJS 和 ExpressJS 构建，并使用渐进式 JavaScript。它完全支持 TypeScript 并结合了以下原则:
- 面向对象程序设计
- 函数式编程
- 函数式反应型编程
NestJS API 是公开的，因此您可以利用所选择的第三方模块，使用更多的特性来扩展应用程序，而不必自己编写代码。
Eddie 将向您展示如何利用 ExpressJS 和 NestJS 创建一个 RESTful API 来从云数据库中检索和保存数据。
DataStax Astra DB
如果你正在寻找一个数据库，可以快速扩展，有一个动态模式的非结构化数据，灵活的数据模型，然后选择一个 NoSQL 数据库。在视频教程中，埃迪正在使用 Cassandra。
他没有手动设置和管理数据库，而是通过 Astra DB 选择了一个完全管理的版本。这是一个自动缩放 DBaaS，建立在 Cassandra 之上。它处理云数据库的所有配置和管理，因此您可以花更多的时间来构建应用程序。
DataStax Astra DB dashboard 数据库仪表盘
Astra DB 使用 Stargate API，因此您可以使用 GraphQL、 CassandraQL、 REST 或 DocumentAPI 与数据交互。要学习本教程，您可以注册一个免费的 Astra DB 帐户，以获得高达80GB 的免费存储空间和每月2000万次读/写操作。
GitHub Copilot
GitHub Copilot 在您编写代码时提供了帮助。在 OpenAI 的支持下，Copilot 已经接受了数十亿行公共代码的培训，为您提供智能建议。它可以将注释转换为代码，因此您只需提供逻辑，Copilot 将组装它。
Copilot 可以帮助您避免一遍又一遍地输入相同的内容，因为它能够仅从几个示例中识别和自动填充重复的代码模式。除了节省时间之外，使用更少的手工编码，由于代码中的输入错误，您将有更少的 bug。
为了帮助您进行测试，您可以导入一个单元测试包，Copilot 将从您的实现代码中建议测试。
GitHub Copilot 服务
如果你曾经想进入全栈开发，没有比看 Eddie 的教程更容易的方法了。有了这个易于理解的示例和这里描述的技术，您将能够在一个小时内创建自己的完整堆栈应用程序。
您可以在 Eddie 的 GitHub 上找到本教程的源代码。如果你想了解更多关于 DataStax 和 Astra DB 的信息，注册一个免费的 Astra DB 账户，然后去 DataStax 的 Developer Youtube 频道看看你能用这些技术做些什么。