java - Vaadin与Bootstrap

标签 java javascript ajax web vaadin

我计划制作一个在客户端具有具有复杂形式的 View 和逻辑验证的 View 的应用程序。我计划使用AJAX进行提交,并具有一些视觉吸引力。

我想向那些在使用Bootstrap和/或CoffeeScript和Vaadin进行开发方面有经验的人提供建议。我有两个选择:

  • 使用Bootstrap/CoffeeScript和服务器站点的某些框架,例如Play框架,Rails或Django
  • Vaadin

  • 与我有关的标准与客户端JavaScript和/或HTML5验证以及使用Bootstrap编写的CSS和HTML代码中可能出现的复杂性有关。在一个真正的ria应用程序中,是否值得在Vaadin上使用CoffeeScript?我看到有很多选择Bootstrap的人,而且我敢肯定他们有他们的理由。

    帮助我做出决定。一些相关文档也可能会有所帮助。

    最佳答案

    瓦丹

    Vaadin是一个非常出色的工具,用于构建用纯Java开发并通过常规Web浏览器交付的交互式桌面样式Web应用程序。

    好处

    Vaadin 6、7和8应用程序完全在服务器端运行。 Vaadin自动将JavaScript库安装到用户的浏览器窗口中:

  • 在服务器端应用程序指示的情况下在屏幕上绘制。
  • 将用户操作(单击,键入等)反馈到服务器,以使应用程序考虑和响应。

  • 因此,至少从Vaadin应用程序开发人员的 Angular 来看,没有“客户端逻辑验证”或“html5验证”。 Vaadin框架可能会在其内部实现中隐蔽地执行此操作,但是作为Vaadin应用程序开发人员,这与我无关。那就是Vaadin的核心优势:我不在乎Vaadin如何将我的表格显示在用户的屏幕上。作为Vaadin应用程序开发人员,我没有编写任何JavaScript,HTML,DOM,CSS或AJAX。只是纯Java。

    样式类似于Swing:实例化layout(一种表单),添加labels,添加buttons,添加fields,添加other widgets。根据需要附加validators。为复杂的表格嵌套其他布局。所有这些都在服务器端的内存中执行,全部使用纯Java。最后告诉布局以显示自己。瓦丹像魔术一样,告诉浏览器显示该形式的相似之处。

    如果您要开发恰好通过Web浏览器部署的桌面样式业务样式应用程序,那么Vaadin是一个很棒的工具。

    权衡取舍

    权衡包括:
  • 服务器端的大量内存和CPU使用率。
  • 放弃对HTML/CSS/JavaScript的控制。

  • 缩放比例

    您的Web应用位于服务器上,而不是客户端上。您所有的业务逻辑,用户输入的数据,所有用户表单的内部表示形式(例如表中的行项目)都保存在服务器上。将其乘以用户数量。这意味着Vaadin应用程序可能需要大量内存和CPU使用率。

    这可能会限制扩大规模。但是,考虑到64位Java,即使是最底层的机器(如Mac mini,扩展),也要有大量内存和多个内核,这可能仅对于最大/最繁忙的应用程序才是问题。

    即使在那些稀少的大型/繁忙应用程序中,也可能有一些方法可以处理Vaadin中的扩展。所有应用程序都驻留在Servlet session 中。某些Web基础结构允许此类 session 状态在服务器之间移动,甚至持久保存到存储中以供其他服务器使用。

    否则您的应用程序可能会很好地扩展。已经完成了与11,000个并发客户端的仿真。看:
  • Vaadin Scalability Study - QuickTickets(公司博客文章)
  • Arun Gupta的
  • Scaling with Vaadin and WildFly Webinar(视频演示,YouTube)

  • 控制HTML,CSS,JavaScript

    如果您的团队更熟悉常规Web应用程序体系结构或经验丰富,那么Vaadin可能不适合您。在Vaadin中,您完全用纯Java编写应用程序,并且Vaadin自动将其转换为HTML,CSS和JavaScript。

    您可以稍微调整CSS。即使不接触CSS,Vaadin的“主题”(ValoReindeer)也可以让您更好地控制颜色,大小和字体,如果您希望覆盖默认值。但是请知道Vaadin在生成HTML和CSS时处于“主导地位”;您只是允许进行少量“后座驾驶”的乘客。

    如果您的目标不是开发桌面样式的应用程序,而是要完全控制HTML/CSS,那么Vaadin可能不适合您。

    更新

    Vaadin 8发布

    2017年2月22日,Vaadin 8 was released。最大的增强是利用现代Java功能(例如具有类型参数和lambda表达式的泛型)重写数据模型和数据绑定(bind)API。此外,内存和CPU效率更高。

    Vaadin 7发布了。

    虽然与Vaadin 6、7大致相同的体系结构比以往任何时候都更好。请参阅:What's New

    关于java - Vaadin与Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9431352/

    相关文章:

    java - 如何在 NetBeans 中查看有关鼠标悬停的 Javadoc 文档?

    java - 将扫描仪传递给方法

    javascript - 如何在vanilla js中选择一个在id中具有特定文本的选择类型对象?

    c# - 使用 AjaxToolKit 的 TabContainer

    java - org.hibernate.PersistentObjectException : detached entity passed to persist: com. horariolivre.entity.Key

    java - 如何通过execute shell向Jenkins作业中的JAR传递参数

    javascript - DataTable.js - 自动初始化

    javascript - 当我选择带有 Object 的选项时,"[object Object]"而不是 Object 被传递给 <select> 的 ng-model

    javascript - 如何获得 js png 修复以处理 ajax 调用

    asp.net - 简单的 ajax 调用不适用于按钮单击