easyUI入门
前言
今天分享的是叫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非常简单,但是功能非常强大
先来看看一下文件目录吧
1.下载easyui版本
路径:http://www.jeasyui.com/download/index.php
2.打开软件创建动态web项目
3.导入easyui的css文件和JavaScript文件
4.引入相对应的js跟css
js跟css的路径必须对应,否则报错
5.主体代码
文件里有例子,直接复制一波就好了
6.结果
结果的效果就是这样了,千万注意路径的问题,别搞错了!
今天就分享到这里啦!