前言

今天分享的是叫easyUI的前端框架,下面我们来看看吧!

一、easyUI的简介

easyui是一款基于jQuery的前端框架,可以使用其中的组件进行布局以及用来做后台的管理界面。

二、easyUI的不足之处

现在据了解到有三种UI框架,分别是easyUI、bootstrap、layUI这三种。

不足之处: 从效果来看easyui的界面效果要远远差于bootstrap
跟layui比,界面效果也更差

三、学easyUI的好处

虽然说它的效果界面并不是那么好看,但是它也有它的好处,而且easyUI要简单学些,如果学会的easyUI框架,那么上手layUI就会轻松许多。
好处:
1.从金钱的角度上,开发首先会排除掉bootstrap。

2.从学习文档的完整性、前端框架的稳定性,组件的丰富性考虑,easyui都要优于layui。

3.从公司的角度考虑选用那个框架成本、公司的后端技术人员前端功底、前端的社区活跃度。

四、easyUI的特点

easyUI是一种基于jQuery的用户界面插件集合.

easyUI为创建现代化,互动,JavaScript应用程序,提供必要的功能。

使用easyUI你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

easyUI是个完美支持HTML5网页的完整框架。

easyUI节省了开发产品的时间和规模。

easyUI非常简单,但是功能非常强大

先来看看一下文件目录吧
easyui(入门)

1.下载easyui版本

路径:http://www.jeasyui.com/download/index.php

2.打开软件创建动态web项目

3.导入easyui的css文件和JavaScript文件

easyui(入门)

4.引入相对应的js跟css

js跟css的路径必须对应,否则报错
easyui(入门)

5.主体代码

文件里有例子,直接复制一波就好了
easyui(入门)
easyui(入门)

6.结果

easyui(入门)
结果的效果就是这样了,千万注意路径的问题,别搞错了!
今天就分享到这里啦!
easyui(入门)

相关文章: