在 servlet 中从 mysql 到 vue.js 获取数据库数据

Question

前端：HTML

后端：Javaservlet

我必须在没有 servlet 帮助的情况下将数据从数据库获取到 vue.js 以显示在 HTML 标记中。我怎样才能得到这些数据？

任务是待办事项列表。当我单击特定按钮时，文本将存储到数据库中。之后，我必须显示存储在数据库中的所有内容。这意味着待办事项列表的所有数据都应该在没有来自 servlet 的 select 查询的帮助下显示。这怎么可能？

Answer 1

1. 您必须 运行 您的 servlet，例如 http://localhost:8888
2. 在您的 servlet 中创建 API，例如：POST /api/tasks/ 用于创建，GET /api/tasks/ 用于获取所有任务等。我不是 Java 程序员，所以我使用一般约定，因为 API 在所有语言中都是相似的。如果您不知道如何 - 使用 Google 查找类似 'Creating API in Java'
的内容
3. 添加例如。 Axios 到您的 Vue 应用程序。

4. 用像

   这样的 axios 使用你的 API

   Vue.axios.get('http://localhost:8888/api/tasks').then((res)=>{ // 服务器响应数据在 res.data 中可用 // 对数据做任何你想做的事 })

希望对您有所帮助。