2. Foundation (MIT;响应式)最先进的响应式前端框架。
3. 960gs(GPL&MIT;响应式)960gs提供了一个简单的网格系统,适合快速开发。
4. Skeleton(MIT;响应式)非常漂亮的Web模板,适合响应式、移动友好的开发。
5. 99lime HTML KickStart(Free)适合网站快速开发的HTML构建模块。
6. Kube(Free;响应式)面向专业人员的CSS框架。
7. Less Framework(MIT;响应式)自适应的CSS网格系统。
8. Flameinwork(Free)适合懒人开发者的前端微框架。
9. G5 Framework(Free)(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework(Free)Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。
11. Blueprint(Free)一个旨在减少开发时间的前端框架。
12. YAML(Creative Commons)(x)HTML+CSS框架,适合开发现代化浮动布局。
13. BlueTrip(Free)一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。
15. 52framework(Creative Commons)对HTML5支持非常好,简单易用。
16. elastiCSS(MIT)一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic(Free)一个与众不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。
20. EM CSS Framework(MIT/GPL)EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
使用前端框架或者模板;前端框架有bootstrap、function、angaler.js等等;或者网上购买模板等;
主流的Java模板引擎
Thymeleaf
Thymeleaf是用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是将优雅的自然模板带到您的开发工作流程中—HTML能够在浏览器中正确显示,并且可以作为静态原型,从而在开发团队中实现更强大的协作。能够处理HTML,XML,JavaScript,CSS甚至纯文本。Thymeleaf的主要目标是提供一个优雅和高度可维护的创建模板的方式。Thymeleaf也是从一开始就设计(特别是HTML5)允许创建完全验证的模板。Spring Boot 官方推荐使用 thymeleaf 而不是 JSP。
Freemarker
FreeMarker是一款模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页、电子邮件、配置文件、源代码等)的通用工具。 它不是面向最终用户的,而是一个Java类库。轻量级模版引擎,不需要Servlet环境就可以很轻松的嵌入到应用程序中,能生成各种文本,如html,xml,java,等,入门简单,它是用java编写的,很多语法和java相似。
前端三大框架
Vue
Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
React
React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
Angular
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。
Java模板语言与前端框架区别
Java模板语言依赖于后端,后端把数据绑定到页面的相应标签上,还要用相应的类来解析页面,也就是视图解析器,这样呈现出的页面才是绑定数据后的样子。
三大前端框架通过Js来操作,更多是HTML5页面与Js之间的交互,只专注于前端。
语法不同,也完全不是一个概念,页面出现Freemark、Thymeleaf语法,估计前端的人都看不懂也不知道数据哪里来的。前端的框架大都是基于JavaScript 的,Java 后端框架大都基于Java语言。
个人观点,欢迎大家批评指正,一起交流学习