前後端分離：請問後端是java，前端想使用一些npm的模組。是否可以結合java和nodejs？

Question

你好，我是新手。

目前我們現在做一個項目，後端是使用java語言，前端只是單純html/css/js而已。
但是頁面太多了，變成 [n個].html 檔案。造成很難維護。

我是想到一個辦法就是使用template engine (pug, handlebars, art-template)等等。使用template engine，是因爲可以繼承模板，共用一個模板等等。

但是後端部分，他server端是tomcat啓動的，而且如果我要用npm裏面的模組，我自己認爲他的環境需要下載nodejs/npm。但是他不想太麻煩，直接單純用呈現頁面。可是我考慮到，我的html檔案實在太多了，變得很難維護

後端給我資料json，前端負責呈現頁面，都是使用ajax請求！

Answer 1

或许你需要开始了解什么前端框架了。

建议 React 开始吧，简历上也会比较能加分。

Answer 2

前后端分离，前端目前的框架vue,react之类的在打包之后，都是静态文件直接放在服务器上跑即可，不需要在服务器中安装nodejs环境。npm只是包管理器，用来进行一些依赖的下载安装管理。

Answer 3

简单的分离可以使用单纯的页面+接口实现。类似的例子

使用node层跟后端交互的，前端继续使用模板。类似的例子

使用框架全部代理的，推荐vue、react等，这些请自行bing、google。

Answer 4

template engine 中的数据是从后台的nodejs传过来的，不是通过java传递的。
比较好的方案是用vue,react把页面打包成静态文件再通过ajax进行数据交互

Answer 5

jsp tag也是一个很不错的选择，它可以满足视图模板的复用。但是它也有缺陷，比如不能实现前后端的完全分离，比如对js不能进行模块化的管理，导致每一个界面必须编写自己的js，最后造成管理上的大灾难！所以出现了react，node这种对前端js进行管理的框架。这些经过编译打包之后，只要定义好路由，是可以直接部署至服务器上和后台进行通讯的。

Answer 6

你需要去看看前端的框架可以解决什么样的问题。你现在的开发方式在小项目还可以，但是当项目越大的时候就很难维护。那么这时前端框架就出现了，react vue，Ag等都是解决你目前问题比较成熟的解决方案