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

时间:2017-01-28 07:56:13

标签: java servlets vue.js vuejs2

前端:HTML

后端:Java servlet

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

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

1 个答案:

答案 0 :(得分:0)

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

    这样的axios来使用API 。

    Vue.axios.get( 'http://localhost:8888/api/tasks'),那么((RES)=> { //服务器响应数据在res.data中可用 //根据您的数据做任何您想做的事情 })

  6. 希望它有所帮助。