Web前端编程-使html页面动态化的好方法

Web前端编程-使html页面动态化的好方法,html,model-view-controller,web-frontend,Html,Model View Controller,Web Frontend,有一个web项目使用Java作为后端,html5作为前端 在单个登录功能中,有几个静态html页面: 登录.html,获取用户信息 登录确认.html,提示登录成功,需要查看电子邮件确认登录 登录确认成功。html,成功确认 登录确认\u过期。html,出错时提示单击过期确认链接 登录确认失败。html,确认失败,原因是电子邮件不存在或确认代码不匹配 显然,这不是一个好的方法,我想为这个特性将静态html的数量减少到1或2页,并开发更多的特性 你认为什么js库适合做这项工作?在我最近使用An

有一个web项目使用Java作为后端,html5作为前端

在单个登录功能中,有几个静态
html
页面:

  • 登录.html,获取用户信息
  • 登录确认.html,提示登录成功,需要查看电子邮件确认登录
  • 登录确认成功。html,成功确认
  • 登录确认\u过期。html,出错时提示单击过期确认链接
  • 登录确认失败。html,确认失败,原因是电子邮件不存在或确认代码不匹配
显然,这不是一个好的方法,我想为这个特性将静态html的数量减少到1或2页,并开发更多的特性


你认为什么js库适合做这项工作?

在我最近使用AngularJS的一个项目中,我遇到了同样的问题。当时我所做的是使用ui路由器将主内容div简单地添加到html文件中,这将为我提供类似“包含”的行为。对于一些小的添加,比如
s或
s,我使用了自己的
指令。
最后,您可以通过
指令
将外部html模板提供到主视图中,将所有内容收集在一起并动态设置最终视图


这里有一个关于如何使用自定义
指令的非常简洁的示例:

如果你征求建议,我会选择主干。Js@TusharGupta听说过,但从未尝试过,我会去谷歌看看。使用AJAX怎么样?@Vucko AJAX已经和jquery一起使用了,但我认为前端代码在这种情况下太复杂了。好主意,我考虑过
AngularJS
,但我觉得它非常不直观,我想要类似的东西,但更简单和直观。实际上,与其他前端框架相比,Angular有点不同。但是一旦你习惯了它,并且它拥有庞大的功能集,你可能会爱上它(甚至开始讨厌它)。对我来说,与我以前使用的主干相比,角度要好得多。