playframework - 在 Play 框架应用程序中使用 Vue.js

Question

如果有人有使用 Vue.js 作为 Play Framework 应用程序前端的经验，我想知道推荐的方法。

我当前的设置是一个带有模型、 Controller 和 DAO 的 Play 应用程序(使用 Java)来处理 REST 请求——这实际上是我的后端。 Now Play 还允许您使用 Twirl 模板库来创建可用作静态 HTML 的 View 。但是，我发现 Twirl 语法不必要地复杂并且难以为单页应用程序编写 View 。我更喜欢使用更适合 UI 工作的东西，比如 Vue

我的研究显示了将 Vue 集成到 Play 的两种选择:

1. 使用 Webjars:
   它是某种 Play 插件，可将 JQuery 等 JavaScript 库捆绑到可由 Play 部署的 .jar 文件中。坦率地说，我不了解这个过程，我不知道这如何让我在 .vue 文件中编写我的 View 。

2. 使用松散连接到 Play 后端的单独 Vue 项目:
   这是我在发布此问题之前的当前展望。我想我可以使用 vue-cli 和 NPM 创建一个标准的 Vue Webpack 项目，然后我可以 RESTfully 调用 Play 后端 API。这样做的问题是单独部署后端和前端会增加额外的复杂性。我更喜欢一个 Play 应用程序(项目文件夹)中的所有内容——后端和前端。

哪一个是要走的路？我也愿意接受新的建议。对于任何建议，请解释该方法的优点，最好提供一个最小的工作示例(Github 存储库就足够了)。

谢谢。

Answer 1

这是一个将 Play & Vue.js 与 WebJars 结合使用的项目:https://github.com/dreamhouseapp/dreamhouse-einstein-vision

请注意，该项目尚未更新到最新的 Play。

有关使用 WebJars 和 Play 的文档位于:http://www.webjars.org/documentation