016_CRM项目-框架简介1原创

啊，我们接下来开这个下一话题啊，叫做MY。把这些该关的我都关了。好。这个是我们人生中第一款框架啊，框架好，那么我们简单的来先先来说一说啊，咱们这个框架都有哪些啊，而且这个框架它的这个作用是什么啊，这个框架啊，大家注意啊，它凸显出来的一个什么呢？叫做一个这个代码结构OK吧，框架在我们未来实际项目开发中啊。啊，它有着一种什么作用呢？方便我们开发的作用，这一点很重要，OK吧，为什么要用框架，就是为了简化开发，OK吧，哎，老师我知道啊，简化开发，那框架是不是就是工具类啊，工具类是不是就是给我们简化开发了，对吧？我们把所有的东西统一扔到这个工具类里边，用工具多简单呢，对不对？其实框架啊，它不是工具，工具是什么呢？工具是代码的实现，是这样吧，框架是什么呢？是代码的结构，OK吧，我们可以啊应用这种结构来有效的简化我们的这个开发的模式，OK吧，好，那么说白了就是框架啊，给我们带来最大好处是什么呢？就是什么同学们就是给我们偷懒的。

我们以前代码太多了，OK吧，大完框架之后，咱们以后在开发的这个过程当中啊，好就没有那么多代码了，OK吧，可以这么来来理解，例如我们现在要学习的这个买这款框架啊，它是做什么呢？它是做我们这个持久层框架的，用来解决这个啊与数据库交互问题呢，我们之前与数据库做交互用的什么技术呢？同学们。

JDBC对不对？JDBC代码很复杂吧啊，超级恶心，很复杂对不对？好，你可以想象一下，虽然我们现在没学呢啊，你可以试着想象一下，学习完买提示之后，我们对于这个啊数据库的访问再也不用写JDB代码了，我就写SQL语句就行了。该有多方便呢？啊，可以可以脑补一下，哎，将来哎，你要访问数据库，你把S后语句写上就行了，代码不写了就不碰了，所以说啊，我才说他就是给我们偷懒的，OK吧，好，那么在我们真正讲解这个买白之前啊，好先来大大家看一看我们这个市面上常用的这个框架都有哪些啊，这个呢，给大家做一个普及，做一个了解啊，有很多东西我们以后都是要接触的，OK吧，好，那么咱们这个框架啊，我们总的来分有什么呢？分成这个前端框架以及什么呢？

后端框架啊。其中啊，咱们这个前端框架啊，前端框架也分成两种，好一种是传统意义上的这个啊前端框架啊好来第一个啊叫做什么呢？好前端的这个啊，开发用的框架啊，开发用的框架，好这个框架呢，其实是我们近几年来被超火的，其实以前前端没有框架的，OK吧，老师那不对啊，解Q不是前端的框架吗？不是简化了我们的开发吗？哎，解口里的口号是什么，同学们。

Right。翻译过来什么意思？写的更少了是吗？做的更多了，你访问那个解克官网，是不是下边是这句口号啊，对不对啊，那其实你想一想，学习完解口之后，我们是不是再也不想用原声的这个JS了，对吧？哎，它确实是简化的开发OK吧，好，但是杰克请注意啊，杰克它是一种什么？它是一种类库，OK吧，顶多算是一个什么呢？类库，你可以把它当做成这个工具类来使用，简化的开发OK吧，但是它还没有庞大到是一个框架OK吧，好，现在所谓的这个前端框架啊，前端这个三大主流框架是什么呢？一种叫做。Angela j s，一种叫做react JS，还有一种啊。啊，现在最火爆的啊，叫做。V啊VGSOK吧，好，其实这些啊，这些通过咱们这个MVVM那个理念啊，会简化啊，确确实实能够啊简化我们前端的开发，OK吧，好，这个MVVM这个理念其实属于咱们这个前端啊，前端通用的一个术语，有点类似于我们后端那个MVC。

啊，但是你不需要知道是什么，OK吧，仅仅只是做一个了解就行了，OK吧，但是我们玩后端的人要不要接触这些前端框架呢？同学们，其实啊，接触的很少，OK吧，甚至是不需要接触OK吧，但是啊，前端框架它还有一个一系列的分支，叫做什么呢前端。UI框架啊，前端UI框架，这个UI框架主要是用来描绘什么的呢？主要是用来描绘界面的，用来描绘前端界面的，OK吧？啊，这个UI啊，UI指的是这个前端界面的意思，OK，好，那大家现在可以思考这么一个问题啊，我们为什么会有这个前端UI框架的这个诞生，为什么？

既然是前端描绘前端界面的，肯定是要美化我们前端的这个界面，对不对？好，但是同学们可以现在思考一下，为什么会有它，也就是说对于我们啊，比如说我们将来在这个就业的时候，肯定应聘的都是这个与这个将要开发相关的这个岗位，对吧？好，但是你想一想啊，同学们啊，HTMLCSS你会不会？怎么能说不会呢啊，这都学过嘛，对不对啊，你得说会啊，要不然我没法往上说了啊，啊得会对吧，因为咱们都学过对吧，那比如说啊，我给你们做的说的简单一些啊，比如说什么呢？咱们是不是相当于搭建前端页面，是不是都是一个一个的一个div啊。Div，这些div咱们涂点。颜色啊，涂点背景色啊，往里边铺点文字，什么u u Li Li那些标签呢，对不对，或者是段落P标签呢，标题就是H标签对不对？用CSS描绘一下这个字体啊，到底是倾斜的还是标红的，还是变粗的这些东西，其实我们会是这样吗？但是呢，大家想一想啊，虽然我们会。

啊，但是我们画出来的东西是很难看的，OK吧？啊，其实啊，我们之前这个企业里边啊，就是陷入了这么一种怪圈啊，不仅仅是这个中国的这个开发环境，其实国外也是一样啊，也就是说什么呢？企业里边啊不爱养那些个美工人。OK吧，甚至是有一些某种情况下前端都不爱要，为什么？你可以想象也就是我现在画个页面，画一个H天猫页面。哎，我开发后端的人员加个班不也能画出来吗？我为什么还非得养一个前端人员呢？说白了啊，有一些这个美工啊，它也是用来画这个A区天毛的，OK吧，我为什么要雇这个美工呢？凭什么我不喜欢花这笔钱呢，我一年我也支出去不少钱，所以说啊。

你们在小组里边，咱们都是开发Java的，你们在开发之余啊，哎，给我抽点时间去，给我换页面去，我就省了这笔钱，他不仅从我这样，其实国也一样啊，OK吧，好，这就造成了什么呢？大家想一想，我们虽然会，但是啊，我们画的丑。啊。你不信你可以试一试啊，同学们你想画一个页面啊，是特别丑的，有同学还不符啊，随便考大家一个问题啊，比如说啊，天蓝色搭配什么颜色最和谐？啊，淡紫色搭配什么颜色最和谐，我们没有经过专业培训，能理解吧，虽然我知道啊，我也没培训过啊，但是以前我被逼无奈，我在加班的时候也画过几张页面。然后翻了一些相关的那个教材啊，我还有这么多讲究的啊，我可可长见识的啊，这什么颜色的这个搭配之类的，我觉得还挺有意思的啊，但是啊，不论咱们怎么增长啊，这个画出来都不好看，OK吧，然后呢，养这个美光呢，还嫌费钱，所以说啊，我们这个前端UI框架啊，它的这个出生的这个目的啊，就在于让我们后端的人员也能够描绘出什么呢，精美的这个前端页面，OK吧，所以说啊，这个前端UI的这个框架，当我们导入进来之后，所有的这个框架组件布局由我们自己去决定，然后里面所有的这个样式以及图片都是由框架帮我们制定好，我们直接引过来就行了。

哎，这叫前端UI框架，你大家现在可以思考一下，就这种东西它能不火吗？是这样吗？好现在啊，这个非常火爆的这个前端框架啊，好有个什么呢，叫做。行，我往以前的翻一翻啊，以前有一个这个东西啊，叫一叉tgf，这个东西啊，还是挺挺有名的啊，挺有名，但是啊这个体积非常的庞大，一本参考书啊，这么厚。

你就相当于重新学一门语言似的，比JA难多了啊，超级复杂，OK吧，但是没有Java那个思想深厚，OK吧，好，但是呢，这个E叉TGS由于难用啊，现在也有公司有用的，但是啊界面比较不好看，而且对于当时来讲的话，呃，我们用IE浏览器是主流啊，不像现在了，有火狐有谷歌的又什么呢？对吧，360的对吧，我们之前啊，其实就是IE，然后他对这个IE的这个支持啊，还不是很好，所以说呢，这个ER tcs啊，现在啊这个。啊，企业里边都不用它了，OK吧，那这个HRTCS后期出了一个什么呢。叫做这个。接口UI。哎，一看这个名字是不是相当于是铁块里的一个扩展。

解扣的扩展有多少了？解口的光解扣插件同学们就有2000多个分值啊。2000多个啊，其中有一个比较出名解QUIOK吧，但是解QUI啊，虽然比这个E叉TCSL这个啊，做的这个方便一些啊，但是还是比较复杂，然后这个解克啊得到一个后期的这个简化，简化成什么呢？叫做。Easyy，你听听这个名字，听听这个名字是不是用起来会很简单很方便的样子，对不对？好实际上呢，咱们这个一对确实简单方便，而且呢，一直很火爆，一直火爆到现在。EZUIOK吧，好，这个EZUI啊，可以带大家看一看这些东西啊，咱们以后在企业里边都是要接触到的啊，所以说虽然不不要求大家这个死心硬背这些东西吧，但是该了解的还是一定要了解啊。

查百度啊。E啊啊，这里边儿有一个这个中文网啊。呆萌看一看啊，我随便选一个啊，大家注意啊，附小框点。我感觉很高的样子。其实这个是什么呢？这个是我们这个九克I后期得到的一个扩展，OK吧，或者是这个日历这些个小组件，人家都给你准备好了，你直接拿来使用就行了，OK吧，都是很精美了啊，好，再给大家看一看这个图片啊，一个这个比较完整的这个效果啊，你看看啊，前面这些啊，都是非常经典的这个EZUI的界面，它默认的这个颜色就是取得这种啊，这个天蓝色啊，天蓝色我随便点开一个啊，就是这种界面OK了，那是个比较模糊是吧。嗯，我再点点点这么一个吧。

啊也挺模糊，凑合看吧，来看看这背景有按钮啊，这块有浮窗，是这样吧，然后里边我们会看到啊，它里边的这些个下拉框啊，啊里边文本框，包括这个表单结构这些个按钮啊，看到没？其实呢，都是由这个框架里边有个仓库给你提供好的，我们直接拿来用就行了，OK吧，但是这个一这端也有一个这个很大的这个弊端啊，它这个弊端是什么？诶，我们会看起来它是不是很单调啊同学。看没看到这东西是不是有点类似于什么，你看这个按钮相对来讲挺好看啊，这个其实表格也还行啊，但是总给人感觉什么呢。诶是有点low逼那种感觉是吧，啊啊有点那个意思，像90年代这个网页似的，对吧，好有点那么个意思啊好但是啊啊虽然比较low啊，但是现在还有还是有很多企业青睐于这个啊简单这个风格的这个e zy OK吧，好，那现在有很多比如说这个就我知道啊比较大的这个项目啊，就中央电视台有很多这个项目啊啊后台这个管理系统用的都是这个e zi还是很火的，OK吧，好呃，那么现在啊，对于这个e zi来讲啊，其实啊，它虽然火爆，但是现在不是最火的啊e zi这个后期要出来一个什么呢，叫做。

不好。Strap。BOO这款框架啊，现在是我们现今最流行最火爆，应用范围最广的前端UI框架，没有之一，OK吧，好，我们来看一看这个boot strap啊。嗯。好，我们来个这个中文网啊。啊，我就随便点一个啊，嗯，里边有这个组件啊，有这个网站这个实例啊，比如说我点一个这个网站实例啊，这个不刷能做这个后台开发啊，也能做这个后台这个界面系统啊，也能够做这个前端这个网页啊，它看起来呢，相对来讲是比较高端的，OK吧，好呃，咱们可以看一看它定制的这些个这个组件啊。

好，我们会以看到啊啊这里边是些图表啊，它提供的很全，OK吧，比如说编辑的这个图标啊，好，这个对勾差啊，还有什么呢？你看小胖达镜能做搜索呀，对不对，这些图标它提供的特别特别全啊，我们直接去以一个死面标签啊，以class样式的形式来引这些图标就行了啊，非常的方便给你提供，好你再也不用干嘛呢，到这个网站上去搜索这些素材，OK吧，好你就选选用就行了啊，那比如说我再随便来一个啊下拉框，这个下拉框跟我呢比起来是不是感觉起来是不能高端很多呀。对吧，好，再比如说啊嗯。

再往下看看啊，有导航啊，导航条啊。来看看啊，这些东西啊，看起来都是很高端的对吧？好诸如此类这些东西啊，好，那么对于这个boot啊，我们啊，过两天要做的那个CRM项目啊，要用到的就是这个boot这个前端UI框架啊，啊这个圆形呢，咱们已经做好了，给大家看一看啊。找到这个原形啊。好。来，进来看看啊，你看这些个图标面熟不同学们？是不是很面熟啊，是不是都是刚才我们看到那些个这个定制组件里边的这些图标啊，对不对，好，咱们再来看一看这里边这个表格是不是跟我们之前的那些这个哎，推标是不是也不一样，对不对，而且人家给你提供的这个日历控件啊，分页插件啊等等等等，你看这些个按钮上面这些个图标都是人家给你提供好的，OK吧，好，包括啊在下边的这些个图标啊，也是这样OK吧，好，呃，那比如说。

啊，在这里边啊，还有这个模态窗口啊，这其实前对个框架都是给我们提供好的啊，比如说交易里边的，你看这些图标，对于这个阶段的这个更改啊，都是可以进行这个可操作的，OK吧，好，所以说它不仅能做这个前端，也能做后端，我们现在是相当于一个像是一个后端这个内容，这个管理系统一样，OK吧，好，那这个。咱们这个项目啊来讲的话啊，直接使用的啊，就是这个bootp了，OK吧，好，那么我们除了这个bootp和这个EZUI之外啊，它其实现在啊还有一个这个相对来讲啊啊叭较有话题性的这么一个UI控件叫做什么呢？叫做。

Lay UI，这款UI是我们中国人自己的UI。好，咱们可以搜索看一看啊。其实它主要这个里面呢，仿的就是那个boosto那个风格，咱们来看看这个事例，同学看一看它的颜色啊，表格，你看表格啊，你看这些个这个按钮啊。啊，扉页的这个组件啊，那包括下边这个日历的组件啊，啊上传或者是滑块的这个组件啊等等等等，其实仿的就是咱们那个，不但是这个是中国人自己，他看起来能更好看一些，是这样吗？但是啊，他太新了。

太新了，没有得到这个啊啊时间的验证是这样吧，那么还有一种就是啥呢？还有一种说法啊，就是我们现在啊，有很多使用这个lay UI框架的这个开发人员啊，现在有一些怎么说我不是故意黑这个lay UI啊呃，有很多坑。有很多坑，有很多东西啊，会发现这个莫名其妙的这个传输数据的这个毛病，OK吧，有些东西你也展现不出来啊，有些东西它是莫名其妙的，OK吧，好，所以说啊，他还不是很成熟，OK吧，所以说啊，他出来啊，虽然他最新，但是也是出来有几年的时间了啊，但是呢啊，我们还是没有得到这个市场上的这个认可，OK吧，再有一点很重要的什么呢？这东西啊，它收费。这点太致命了是吧，而且这个价钱不菲啊，啊，它是按年收费的啊，这个还是挺狠的是吧？啊所以说啊，这个东西咱用的咱们相对相对来讲啊比较少啊OK吧，好，这个就是我们对于这个前端啊框架的这个一个介绍啊。