‘壹’ Web前端开发必备的开源框架有哪些
今天小编要跟大家分享的文章是关于Web前端开发必备的开源框架有哪些。大多数人想到Web开发时，通常会想到HTML或JavaScript，往往忽略了CSS，根据Wikipedia的说法，CSS既是网页中最重要也是最常被遗忘的部分之一，尽管它是万维网的三大基础技术之一。
今天判亏销就和大家分享9个流行的、强大的前端开源框架，帮助你轻松构建漂亮的网站前端。下面来和小编一起看一看吧!
1、Bootstrap
Bootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。
使用Bootstrap，你可以将不同的组件和布局组合在一起，从而创建有趣的页面设计。它还提供了大量详细的文档。目前在Github上已经有1100多个贡献者，19000多个提交。(Github地址：https://github.com/twbs/bootstrap)
2、PatternFly
PatternFly是Red
Hat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上Red
Hat就是使用它创建了OpenShift。
除了静态HTML，PatternFly还支持ReactJS框架，这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件，如条形图，图表，模式和布局。
PatternFly在GitHub上一共有1,050多个提交和44个贡献者。(Github地址：https://github.com/patternfly/patternfly)
3、MaterialComponentsfortheweb
MaterialComponentsfortheweb(MDCWeb)，是谷歌专为Web设计的全新前端框架。MDC
Web可帮助开发人员执行Material
Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。
MDC
Web在Github上共有5700多个提交和349个贡献者。(Github地址：https://github.com/material-components/material-components-web)
4、Pure
Bootstrap，Patternfly和MDC
Web是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。Pure是具有最小占用空掘游间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。
Pure在Github上共有565多个提交和59个贡献者。(Github地址：https://github.com/pure-css/pure)
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。
Foundation在Github上有将近17000个提交和1000个贡空春献者。(Github地址：https://github.com/foundation/foundation-sites)
6、Bulma
Bulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。它还具有许多Web组件，你可以在设计中使用它们。
Bulma在Github上有1400多个提交和300个贡献者。(Github地址：https://github.com/jgthms/bulma)
7、Skeleton
如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。
Skeleton在Github上共有167个提交和22个贡献者，但它不是最活跃的项目，它最新一次的更新是在2014年。(Github地址：https://github.com/dhg/Skeleton)
8、Materialize
Materialize是一个基于Material
Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。
Materialize在Github上共有3800多个提交和250个贡献者。(Github地址：https://github.com/Dogfalo/materialize)
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。
Bootflat是在MIT许可证下开源的，在Github上有159个提交和8个贡献者。(Github地址：https://github.com/bootflat/bootflat.github.io)
以上就是小编今天为大家分享的关于Web前端开发必备的开源框架有哪些的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！开源最前线(ID：OpenSourceTop)猿妹编译
链接：#/article/20/4/open-source-css-frameworks
‘贰’ 简述WEB系统的架构原理
这个话题太大了。
一般来说，WEB系统，主要是指后端，前端就是各种浏览器了。
那么简单来讲，只要是能与浏览器通过网络交互的系统，都可以算是WEB系统。最简洁的就是用NODEJS写一个echo,就是客户端发什么内容，就回什么内容。
而在实际应用中，WEB系统的架构，一般有这么几个部分：负载均衡、授权验证（可选）、静态内容服务、动态内容服务（业务逻辑）、数据库、运维后台。
1）负载均衡是为了改善用户体验、充分利用服务器资源，主要功能是将新的请求转发到不那么忙的服务器进行处理。
2）授权验证，是在对浏览器发起的请求进行授权校验，如果不是合法的请求，就予以拒绝或者重定向至登录页面。
3）静态内容服务，是指图片、CSS等不会根据不同用户而变化的静态内容，将其直接返回给用户。因为不需要进行逻辑判断，性能主要取决于I/O读写，响应可以非常快。超大型网站，也会把一部分动态内容，例如对访问量大的新闻页，做静态处理，以提升响应速度。静态内容服务的典型是CDN。
4）动态内容服务，是根据用户请求的不同，而进行响应的业务逻辑处理。比如对用户数据的CRUD(增删查改）。这是绝大多数WEB系统的核心所在，一般会调用数据库和数据缓存。具体实现会根据业务需要而变化，也可以变得非常复杂。
5）数据库，是数据所在，既有经典的关系型传统数据库系统，也有为了提升访问性能、减轻的内存数据库。
6）运维后台，是为了方便监控运行状态、升级维护系统，不直接参与对外服务。
先写这么多吧。有具体的问题了，可以再问。
‘叁’ 有哪些主流的web框架
1、Spring
Spring是于2003 年兴起的一个轻量级的Java开发框架，是一个开放源代码的设计层面框架，他解决的是业务逻辑层和其他各层的松耦合问题，因此它将面向接口的编程思想贯穿整个系统应用。简单来说，Spring是一个分层的JavaSE/EE full-stack(一站式) 轻量级开源框架。
2、SpringBoot
Spring Boot是由Pivotal团队提供的框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。
3、Thymeleaf
Thymeleaf是面向Web和独立环境的现代服务器端Java模板引擎，能够处理HTML，XML，JavaScript，CSS甚至纯文本。
4、Druid
Druid是阿里的一个开源高效的数据查询系统，主要解决的是对于大量的基于时序的数据进行聚合查询。数据可以实时摄入，进入到Druid后立即可查，同时数据是几乎是不可变。通常是基于时序的事实事件，事实发生后进入Druid，外部系统就可以对该事实进行查询。
5、mybatis
MyBatis 是一款优秀的持久层框架，它支持定制化 sql、存储过程以及高级映射。MyBatis 可以使用简单的 XML 或注解来配置和映射原生信息，将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。
6、Hybernate
Hibernate是一个开放源代码的对象关系映射框架(Object_Relative DateBase-Mapping 简称ORM)，它对JDBC进行了轻量级的对象封装，它将POJO与数据库表建立映射关系。 Hibernate可以应用在任何使用JDBC的场合，既可以在Java的客户端程序使用，也可以在Servlet/JSP的Web应用中使用。
‘肆’ 到底什么是web框架
Web框架是一种开发框架，用来支持动态网站、网络应用程序及网络服务的开发。
web框架可以分为基于请求的和基于组件的（两大阵营。前者的代表有Struts和Spring MVC等，后者的成员则有JSF、Tapestry等等。
Web 框架，其实就是建立 web 应用的一种方式。
‘伍’ 简述WEB系统的架构原理
简述WEB系统的架构原理
这个话题太大了。
一般来说，WEB系统，主要是指后端，前端就是各种浏览器了。
那么简单来讲，只要是能与浏览器通过网路互动的系统，都可以算是WEB系统。最简洁的就是用NODEJS写一个echo,就是客户端发什么内容，就回什么内容。
而在实际应用中，WEB系统的架构，一般有这么几个部分：负载均衡、授权验证（可选）、静态内容服务、动态内容服务（业务逻辑）、资料库、运维后台。
1）负载均衡是为了改善使用者体验、充分利用服务器资源，主要功能是将新的请求转发到不那么忙的服务器进行处理。
2）授权验证，是在对浏览器发起的请求进行授权校验，如果不是合法的请求，就予以拒绝或者重定向至登入页面。
3）静态内容服务，是指图片、CSS等不会根据不同使用者而变化的静态内容，将其直接返回给使用者。因为不需要进行逻辑判断，效能主要取决于I/O读写，响应可以非常快。超大型网站，也会把一部分动态内容，例如对访问量大的新闻页，做静态处理，以提升响应速度。静态内容服务的典型是CDN。
4）动态内容服务，是根据使用者请求的不同，而进行响应的业务逻辑处理。比如对使用者资料的CRUD(增删查改）。这是绝大多数WEB系统的核心所在，一般会呼叫资料库和资料快取。具体实现会根据业务需要而变化，也可以变得非常复杂。
5）资料库，是资料所在，既有经典的关系型传统资料库系统，也有为了提升访问效能、减轻的记忆体资料库。
6）运维后台，是为了方便监控执行状态、升级维护系统，不直接参与对外服务冲凳闹。
先写这粗悉么多吧。有具体的问题了，可以再问。
简述tn系统的基本保护原理
TN系统是电源系统有一点直接接地，负载装置的外露导电部分通过保护导体连线到此接地点的系统，即采用接零措施的系统。
工作原理
在TN系统中，所有电气装置的外露可导电部分均接到保护线上，并与电源的接地点相连，这个接地点通常是配电系统的中性点。
TN系统的电力系统有一点直接接地，电气装置的外露可导电部分通过保护导体与该点连线。
TN系统通常是一个中性点接地的三相电网系统。其特点是电气装置的外露可导电部分直接与系统接地点相连，当发生碰壳短路时，短路电流即经金属导线构成闭合回路。形成金属性单相短路，从而产生足够大的短路电流，使保护装置能可靠动作，将故障切除。
如果将工作零线N重复接地，碰壳短路时，一部分电流就可能分流于重复接地点，会使保护装置不能可靠动作或拒动，使故障扩大化。
在TN系统中，散罩也就是三相五线制中，因N线与PE线是分开敷设，并且是相互绝缘的，同时与用电装置外壳相连线的是PE线而不是N线。因此我们所关心的最主要的是PE线的电位，而不是N线的电位，所以在TN-S系统中重复接地不是对N线的重复接地。如果将PE线和N线共同接地，由于PE线与N线在重复接地处相接，重复接地点与配电变压器工作接地点之间的接线已无PE线和N线的区别，原由N线承担的中性线电流变为由N线和PE线共同承担，并有部分电流通过重复接地点分流。由于这样可以认为重复接地点前侧已不存在PE线，只有由原PE线及N线并联共同组成的PEN线，原TN-S系统所具有的优点将丧失，所以不能将PE线和N线共同接地。
由于上述原因在有关规程中明确提出，中性线(即N线)除电源中性点外，不应重复接地。
简述SPOOLing系统的基本原理
SPOOLing技术的特点: (1)提高了I/O速度.从对低速I/O装置进行的I/O操作变为对输入井或输出井的操作,如同离线操作一样,提高了I/O速度,缓和了CPU与低速I/O装置速度不匹配的矛盾. (2)装置并没有分配给任何程序.在输入井或输出井中,分配给程序的是一储存区和建立一张I/O请求表. (3)实现了虚拟装置功能.多个程序同时使用一独享装置,而对每一程序而言,都认为自己独占这一装置,不过,该装置是逻辑上的装置.
微机原理 简述你对8086系统的认识
8086 释出年份 1986 电晶体数 2.9万个,
主频4.77(MHZ) 资料汇流排宽度(16位)
外部汇流排 16位 地址汇流排20位 寻址空间1M
快取记忆体 无
暂存器组 可见的
通用暂存器 专用暂存器 段暂存器
通用暂存器中 AX 累加器
BX 经常用作基址暂存器
CX 作为通用暂存器使用
DX 一般和AX组合用.DX 用来存放高位
SP 堆叠指标 BP 基址指标 DI 目的指标 SI 源变址
专用暂存器 有FLAGS标志
与资料相关的寻址方式
立即寻址 暂存器具 直接 暂存器间接 暂存器相对
基址变址 相对基址 比例变址 基址变址 相对基址比例变址
指令系统分为以下6组
资料传送指令串处理指令算术指令控制转移指令逻辑指令处理机控制指令
具体的指令,太多了,
好像回答不对题,算了,
简述牵引供电系统的供电原理.
牵引供电是指拖动车辆运输所需电能的供电方式。牵引供电系统是指铁路从地方引入220（110）KV电源，通过牵引变电所降压到27.5KV送至电力机车的整个供电系统。
例如城市电车，地铁等，我们主要研究的内容是电气化铁道牵引供电系统。在我们这里简称牵引供电系统。
牵引供电方式：
直接供电方式(TR)
直接供电方式较为简单，是将牵引变电所输出的电能直接供给电力机车的一种供电方式，主要装置有牵引变压器、断路器、隔离开关、所用变、电压互感器、电流互感器、母线、接地系统、交流盘、直流盘、矽整流盘、控制盘、保护盘等装置。
直供方式的优点：结构简单、投资省
缺点：由于牵引供电系统为单相负荷，该供电方式的牵引回流为钢轨，是不平衡的供电方式，对通讯线路产生感应影响大。
回路电阻大，供电距离短（十几公里） 。
BT（吸流变压器）供电方式
这种供电方式，在接触网上每隔一段距离装一台吸流变压器（变比为1:1），其原边串入接触网，次边串入回流线（简称NF线，架在接触网支柱田野侧，与接触悬挂等高），每两台吸流变压器之间有一根吸上线，将回流线与钢轨连线，其作用是将钢轨中的回流“吸上”去，经回流线返回牵引变电所，起到防干扰效果。
由于大地回流及所谓的“半段效应”，BT供电方式的防护效果并不理想，加之“吸——回”装置造成接触网结构复杂，机车受流条件恶化，近年来已很少采用。
AT（自耦变压器）供电方式
采用AT供电方式时，牵引变电所主变输出电压为55kV，经AT（自耦变压器，变比2:1）向接触网供电，一端接接触网，另一端接正馈线（简称AF线，亦架在田野侧，与接触悬挂等高），其中点抽头则与钢轨相连。AF线的作用同BT供电方式中的NF线一样，起到防干扰功能，但效果较前者为好。此外，在AF线下方还架有一条保护（PW）线，当接触网绝缘破坏时起到保护跳闸作用，同时亦兼有防干扰及防雷效果。
显然，AT供电方式接触网结构也比较复杂，田野侧挂有两组附加导线，AF线电压与接触网电压相等，PW线也有一定电位（约几百伏），增加故障机率。当接触网发生故障，尤其是断杆事故时，更是麻烦，抢修恢复困难，对运输干扰极大。但由于牵引变电所馈出电压高，所间距可增加一倍，并可适当提高末端网压，在电力系统网路比较薄弱的地区有其优越性。
直供+回流（DN）供电方式（TRNF）
带回流线的直接供电方式取消BT供电方式中的吸流变压器，保留了回流线，利用接触网与回流线之间的互感作用，使钢轨中的回流尽可能地由回流线流回牵引变电所，因而部分抵消接触网对临近通讯线路的干扰，其防干扰效果不如BT供电方式，通常在对通讯线防干扰要求不高的区段采用。这种供电方式装置简单，因此供电装置的可靠性得到了提高；由于取消了吸流变压器，只保留了回流线，因此牵引网阻抗比直供方式低一些，供电效能好一些，造价也不太高，所以这种供电方式在我国电气化铁路上得到了广泛应用。
这种供电方式实际上就是带回流线的直接供电方式，NF线每隔一定距离与钢轨相连，既起到防干扰作用，又兼有PW线特性。由于没有吸流变压器，改善了网压，接触网结构简单可靠。近年来得到广泛应用。
同轴电力电缆供电方式
同轴电力电缆供电方式是在牵引网中沿铁路埋设同轴电力电缆,其内部导体作为馈电线与接触网并联,外部导体作为回流线与钢轨并联的供电方式。
这种供电方式由于投资大，一般不采用。
简述动态web应用系统的实现原理和工作流程？
webwork工作流程与原理
关键字: webwork
首先浏览器按照web.xml中指定的格式（比如：以.do结尾的请求）发起请求，servlet接收请求后从url中解析出action名称，同时遍历HttpServletRequest、HttpSession、ServletContext 中的资料，并将其复制到
Webwork的Map实现中，至此之后，所有资料操作均在此Map结构中进行，从而将内部结构与Servlet API相分离。
接着ActionProxyFactory建立对应的ActionProxy例项。ActionProxyFactory 将根据Xwork 配置档案（xwork.xml）中的设定，建立ActionProxy例项，ActionProxy中包含了Action的配置资讯（包括Action名称，
对应实现类等等）。ActionProxy建立对应的Action例项，并根据配置进行一系列的处理程式。包括执行相应的预处理程式（如通过Interceptor 将Map 中的请求资料转换为Action所需要的Java 输入资料物件等），以及对Action 执行结果进行后处理
是不是这个？
请简述动态web应用系统的实现原理和工作流程
客户端传送请求（POST/GET）-----服务器端接受响应-----服务器端处理请求-----返回处理结果-----客户端接受结果并处理（比如显示在网页上等）
请简述汽车电控系统的控制原理。
所谓的ESP（电子稳定程式，简称：ESP），电子稳定控制系统，旨在提高车辆的操控效能，而当汽车达到其动态范围失控的系统或程式有效地防止已知的。资讯的轮的运动，传递给电子分析系统。那么汽车四个车轮可以调整。是一种先进的技术。防止滑脱有很大帮助控制。由于ABSF
我想你指的是ABS防抱系统吧，它是一种ESP的，是防止刹车，车轮与地面打滑失控。
简述GPS导航系统的基本原理
GPS定位系统的工作原理是由地面主控站收集各监测站的观测资料和气象资讯,计算各卫星的星历表及卫星钟改正数,按规定的格式编辑导航电文,通过地面上的注入站向GPS卫星注入这些资讯。测量定位时,使用者可以利用接收机的储存星历得到各个卫星的粗略位置。根据这些资料和自身位置,由计算机选择卫星与使用者联线之间张角较大的四颗卫星作为观测物件。观测时,接收机利用码发生器生成的资讯与卫星接收的讯号进行相关处理,并根据导航电文的时间标和子帧计数测量使用者和卫星之间的伪距。将修正后的伪距及输入的初始资料及四颗卫星的观测值列出3个观测方程式,即可解出接收机的位置,并转换所需要的座标系统,以达到定位目的。 GPS定位系统又叫GPRS,简单来说GPS定位系统是靠你的车载终端中内建一张手机卡,通过手机讯号传输到后台,来实现定位,GPS终端就是这个后台,可以帮你实现一键导航、后台服务、等各种人 *** 。GPS定位系统随着社会的发展被应用到越来越多的行业,它起到前期监督,后期管理的作用,统一分配,便于管理,提高我们的工作效率,降低成本
简述档案系统的结构
这与具体的作业系统有关系。
档案的组成结构一般分为物理结构和逻辑结构。物理结构是指档案在磁盘上的储存方式，而逻辑结构是指档案资讯的逻辑结构。象我们常提到的FAT,FAT32,NTFS等等都是档案的物理结构，它规定了档案资讯在磁盘上的储存方式，与具体的档案无关。而档案的逻辑结构则不同，它规定的是具体的一类档案中资讯的组织方式，象记录式档案和流档案等等。档案的逻辑结构多种多样，几乎每个种类的档案都有自己特殊的结构，比如WORD文件，比如BMP档案，比如MP3等
‘陆’ web前端开发开发技术架构有哪些
前端的应用非常广泛，基本网站、APP、HTML5小程序等都需要前端开发，所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面，Web上、H5上的炫酷效果，是前端开发大展身手的地方。最常见的用于前端开发的技术组合是：
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员，一个开发团队的成果是要靠web前端去展现，因为用户不会去关心后台的处理有多么强大。
后端开发是写后台，各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
‘柒’ web前端开发框架有哪些
常见的web前端开发框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。
2、html5-boilerplate：
该框架可以快速构建健壮，且适应力强的web app或网站。
3、Meteor：
Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。
4、Materialize：
基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。
5、Amaze UI：
国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。
(7)网站web架构扩展阅读：
web框架程序的作用：
Web框架使得在进行Web应用开发的时候，减少了工作量。Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。
使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码写入框架就可以。也就是说，通过对Web框架进行主观上的“缝缝补补”，就可以实现自己进行Web开发的需求了。
以PHP为例，PHP可以在apache服务器上进行Web开发，而不必使用框架。使用PHP进行开的时候，在不适用框架的情况下，数据库连接就需要自己来实现，页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作，而使用PHP在不用框架的情况下，这部分要自己做。
参考资料来源：网络-前端开发
‘捌’ web前端三大主流框架都是什么
web前端三大主流框架都是Angular、React、Vue。
3、Vue
Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。
‘玖’ Web应用框架的架构
基于请求的框架较早出现，它用以描述一个web应用程序结构的概念和传统的静态Internet站点一样，是将其机制扩展到动态内容的延伸。对一个提供HTML和图片等静态内容的网站，网络另一端的浏览器发出以URI形式指定的资源的请求，Web服务器解读请求，检查该资源是否存在于本地，如果是则返回该静态内容，否则通知浏览器没有找到。Web应用升级到动态内容领域后，这个模型只需要做一点修改。那就是web服务器收到一个URL请求（相较于静态情况下的资源，动态情况下更接近于对一种服务的请求和调用）后，判断该请求的类型，如果是静态资源，则照上面所述处理；如果是动态内容，则通过某种机制（CGI、调用常驻内存的模块、递送给另一个进程如Java容器）运行该动态内容对应的程序，最后由程序给出响应，返回浏览器。在这样一个直接与web底层机制交流的模型中，服务器端程序要收集客户端籍get或post方式提交的数据，转换，校验，然后以这些数据作为输入运行业务逻辑后生成动态的内容（包括HTML、JavaScript、CSS、图片等）。
基于组件的框架采取了另一种思路，它把长久以来软件开发应用的组件思想引入到web开发。服务器返回的原本文档形式的网页被视为由一个个可独立工作、重复使用的组件构成。每个组件都能接受用户的输入，负责自己的显示。上面提到的服务器端程序所做的数据收集、转换、校验的工作都被下放给各个组件。现代web框架基本上都采用了模型、视图、控制器相分离的MVC架构，基于请求和基于组件两种类型大都会有一个控制器将用户的请求分派给负责业务逻辑的模型，运算的结果再以某个视图表现出来，所以两大分类框架的区别主要在视图部分，基于请求的框架仍然把视图也就是网页看作是一个文档整体，程序员要用HTML、Javascript和CSS这些底层的代码来写“文档”，而基于组件的框架则把视图看作由积木一样的构件拼成，积木的显示不用程序员操心（当然它们也是由另一些程序员开发出来的），只要设置好它绑定的数据和调整它的属性，把他们大大从编写HTML、Javascript和CSS这些界面的工作中解放出来。 基于请求的和基于组件的两种框架各有优劣。虽然一眼看上去后者有很大的吸引力，普通的web开发人员只要使用专门的公司或开源组织提供的组件就可以轻松开发出好用漂亮的界面，但是有几种因素综合起来不利于这种理想中的方案。要编写一个没有潜在问题的、跨浏览器的、显示美观并且有足够灵活性可以调整的服务器端组件是需要高水平的技能、丰富的经验和较多时间的，即使付出这些成本，也不能完全避免使用者失望的情况。
综合来看，基于请求的框架要程序员自己动手的地方比较多，但也因此可以更精细地控制HTML、CSS和Javascript这些最终决定应用程序界面的代码，特别是如果要在界面上有创新，尝试新的视觉效果和用户操作，必然选择基于请求的框架。基于组件的框架可以提高开发界面的效率，前提是选用的组件质量优秀。
‘拾’ web后台框架包括哪些
给大家总结介绍主流的web后端开发框架。一、Laravel
当我们谈到后端web开发框架时，laravel会出现在前面。自2011年成立以来，Laravel为开发者展示了一条光明的道路。Laravel是一个免费的开源PHP web框架，旨在按照模型-视图-控制器(MVC)架构模式构建最先进的web应用程序。
Laravel的一些特性是具有专用依赖管理器的模块化打包系统、有助于应用程序部署和维护的实用工具、访问关系数据库的许多方法，以及它面向语法的方向。这就是为什么它被认为是最好的PHP框架，并促使企业为他们的下一个项目雇佣Laravel开发人员的原因。
二、ThinkPHP
ThinkPHP是一个快速、兼容而且简单的轻量级国产PHP开发框架，诞生于2006年初，原名FCS，2007年元旦正式更名为ThinkPHP，遵循Apache2开源协议发布，从Struts结构移植过来并做了改进和完善，同时也借鉴了国外很多优秀的框架和模式，使用面向对象的开发结构和MVC模式，融合了Struts的思想和TagLib（标签库）、RoR的ORM映射和ActiveRecord模式。
ThinkPHP可以支持windows/Unix/Linux等服务器环境，正式版需要PHP5.0以上版本支持，支持MySql、PgSQL、Sqlite多种数据库以及PDO扩展，ThinkPHP框架本身没有什么特别模块要求，具体的应用系统运行环境要求视开发所涉及的模块。
三、Yii
Yii与Asp.net非常相似，也是PHP中非常出色的开源web开发框架之一。Yii框架最适合为需要执行重复任务的系统开发应用程序。这个web开发框架具有内置的基于组件的模型、数据库抽象层、事件驱动的编程特性和模块化应用程序体系结构。Yii编码器遵循快速应用开发(RAD)。
换句话说，Yii允许您在非常短的时间内启动和运行web应用程序。此外，使用Yii框架，您还可以方便地根据不断变化的业务需求定制应用程序。使用简单的数据迁移实用程序，您可以方便地在不同的安装上升级/降级应用程序版本。因此，您也可以考虑为您的web开发项目雇佣Yii开发人员。
四、Symfony
symfony是一个PHP框架，非常适合大型或复杂的企业级项目。这是一个非常稳定的框架。Symfony 3.1(当前版本)帮助全栈开发人员创建可伸缩的网站，以灵活地更改业务需求。
Symfony可以使用一些最大的开源平台，如PHPBB、Piwik和Drupal。Symfony由一组PHP组件、一个应用程序框架、一个社区和一种哲学组成，所有这些组件协同工作，帮助实现web上的一个共同目标。这些原因使得Symfony成为web开发的高级框架。
五、CakePHP
cakephpCakePHP是一个用PHP编写的开源web开发框架，从一开始就在市场上非常流行。它基于模型-控制器-视图和关联数据映射的概念。通过使用CakePHP, processionals可以轻松地以结构化和快速的方式开发web应用程序。使用CakePHP的最大优势之一是它提供了详细的文档和实用指南，以及非常容易编写代码的框架。
因此，开发人员可以使用这个框架轻松地创建web应用程序。如果您选择这个框架进行开发，那么通过编写相对较少的代码，您将能够实现更多的功能。您甚至可以通过这个框架重用旧项目的代码，从而使CakePHP web应用程序开发速度更快。