Web框架和前端框架以及Ajax的常用框架易混淆（混为一谈）

最新推荐文章于 2024-08-31 19:02:12 发布

惜忆隐蝶

最新推荐文章于 2024-08-31 19:02:12 发布

阅读量8.7k

点赞数 4

分类专栏：前端框架 web框架 ajsx框架框架文章标签： web框架前端框架框架 ajsx框架

本文链接：https://blog.csdn.net/xiyiyindie/article/details/54015983

版权

本文详细介绍了Web框架、前端框架以及Ajax的常用框架，讲解了MVC设计模式及其在Javaweb中的应用，阐述了Javaweb的经典三层架构历史演变，同时提及了Ajax的常见框架。

摘要由CSDN通过智能技术生成

Web框架和前端框架以及Ajax的常用框架易混淆（混为一谈）

首先，要清楚web框架和前端框架的以及Ajax的常用框架区别！之前我认为人家说的框架就是一个项目的框架模式，是否是嵌套宽假模式、还是悬浮框架模式、还是窗体框架模式等。

之后，发现我自己对于这个方面了解太少了，还学要深入的学习，之后便查了大量的资料，下面就跟大家来说说这到里有什么不同之处。我为什么会把别说的框架，默认为前端框架。

一、大致web框架有一下的这些

前台框架：jQuery
Mvc框架：Struts、spring Mvc
核心框架：Spring
orm框架：Hibernate、Spring JDBC、myBatis。

二、网站框架有一下的这些

垂直框架水平框架混合框架结构含有 noresize="noresize" 属性的框架结构导航框架内联框架

三、前端开发框架有哪些（比较详细）

一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。

1. Bootstrap

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：

脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。

基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。

组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。

JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。

Bootstrap已经足够强大，能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。

jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中。

jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似，这是一个为jQuery Mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。

Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装，修改，更新以及优化都很简单方便。

StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。

BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。

Bootswatch —— 提供大量免费的Bootstrap主题。

Bootsnipp —— 在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。

LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。