初接触easyUI(一)

jQuery Easy是一组基于jQuery的UI插件集合,EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。



  注:jQuery的特点

  • 基于jQuery用户界面插件的集合。
  • 为一些当前用于交互的js应用提供必要的功能。
  • 支持两种渲染方式:js方式(如:$("#p").panel({......}))以及html方式(如:class="easyui-panel")。
  • 可以通过data-options属性来支持HTML5。
  • 开发产品时可节省时间和资源。
  • 简单,但是非常强大。
  • 支持扩展,可根据自己的需求扩展控件。


jQuery EasyUI官方网址为:http://www.jeasyui.com/,其中文帮助在:http://www.zi-han.net/case/easyui/。

然后在下载jQuery包后,里面有这些文件夹

  • demo文件夹:主要放着一些示例的例子。
  • locale文件夹:放着语言相关的js文件,其中中文语言包为easyui-lang-zh_CN.js文件。
  • plugins文件夹:存放一些功能插件。(使用懒汉式加载必须保留,饿汉式加载可以删除)
  • src文件夹:各个插件的源文件,不是全部,其实有些功能不是开源的,是商业授权,因此没有源文件。(正式项目不需要引用此文件夹)
  • themes文件夹:存放主题,就是css文件和要用到的图标文件,里边提供5种风格。(easyui.css是其它所有css的合并后结果)

  注:搭建easyUI时,先新建一个html页面然后在根目录新建一个名为UI的文件夹并将jQuery EasyUI的包文件复制进去即可,但是必须先按如下的顺序引用(在js标签中加上charset="utf-8"可以防止页面乱码)

1     <link href="UI/themes/default/easyui.css" rel="stylesheet" />
2     <link href="UI/themes/icon.css" rel="stylesheet" />
3     <script src="UI/jquery-1.8.3.min.js"type="text/javascript" charset="utf-8"></script>
4     <script src="UI/jquery.easyui.min.js"type="text/javascript" charset="utf-8"></script>
5     <script src="UI/locale/easyui-lang-zh_CN.js"type="text/javascript" charset="utf-8"></script>
时间: 2024-10-13 10:55:50

初接触easyUI(一)的相关文章

【瞎折腾系列】mysql存储过程初接触

开始[瞎折腾系列],这个系列纯属瞎折腾,可能没有什么实际意义. mysql存储过程生成表: 新建一张user表,包含id, username , password , usertable字段. 然后创建存储过程: create PROCEDURE create_table() BEGIN DECLARE n int DEFAULT 0; DECLARE t_error INTEGER DEFAULT 0; DECLARE CONTINUE HANDLER FOR SQLEXCEPTION SET

cglib初接触

直接上代码吧. pom添加依赖: <dependencies> <dependency> <groupId>cglib</groupId> <artifactId>cglib-nodep</artifactId> <version>3.1</version> </dependency> <dependency> <groupId>org.ow2.asm</groupId

linux的初接触

最初衷:当自己的才能不能支配起内心的梦想时,便需要静下心来读读书.知道linux算一个巧合,但既然选择,那便努力一把.这是我的第一篇博文,也是我正式接触linux的所学.愿与大家共勉. ---Aolens 一,Linux比较常见的几个版本以及他们包含的常见的分支: 1,  Debian:ubuntu 2,  Slackware:s.u.S.E 3,  Redhat:CentOS,Fedora,HREL(centos的社区版,由centos调试一些软件是否成功来添加到HREL中         )

MyBatis初接触

参考MyBatis官方文档. 基本开发步骤: 一.导包,mybatis-3.2.7.jar: 二.编写实体类Customer.java(与数据库表对应): 三.编写实体类对应的mapper接口CustomerMapper.java(定义实体类的操作): 四.编写实体类对应的mapper,Customer.xml(接口中的方法名与mapper中的操作的id名要一致): 五.编写mybatis-config.xml: 六.在mybatis-config.xml中注册mapper: 七.从xml获取S

jfinal初接触,一个简单的文件上传例子

写了个上传的小例子. 从jfinal官网下载jfinal-1.8_demo_for_jsp.zip 然后下载jfinal-1.8-lib.zip 按要求删掉该删除的,引入一些包,之后的项目结构: DemoConfig.java中配置路由,只留下了根路径: /** * 配置路由 */ public void configRoute(Routes me) { me.add("/", CommonController.class); //me.add("/blog", B

java8 lambda表达式初接触

环境是jdk8 代码如下: package memTest; /** * Created by PC on 2014/8/5. */ public class LambdaOne { public static void test(){ new Thread(()-> System.out.print("hi") ).start(); } public static void main(String[] args) { new LambdaOne().test(); } } ja

vi初接触

它有三种模式: 一 一般模式 二 编辑模式 三 命令行模式 介绍几种比较常用的吧 -- 退出:q 写入:w 强制:! (以上可叠加) 显示行号:set nu 取消:set nonu 跳转到n行:nG 最后一行:G 第一行:gg(=1G) 向某个方向移动n个字符: 方向可以用方向键,也可以用 h(左),k(上),l(右),j(下) #向右移动5个字符 eg:5l 寻找词语:/word(向下) ?word(向下) 寻找x,y行之间的单词并替换:x,ys/word/WORD/g (加C可询问处理) #

【Centos 7】------ SaltStack 初接触

最近学习了saltstack,初接触,发现他好强大,有多强大? 说不好,我只接触了冰山一角,但已经够我喝一壶的了. 接下来,将探究saltstack的世界,能发现多少新大陆,看自己的能力啦! saltstack 介绍: Salt,一种全新的基础设施管理方式,部署轻松,在几分钟内可运行起来,扩展性好,很容易管理上万台服务器,速度够快,服务器之间秒级通讯. salt底层采用动态的连接总线,使其可以用于编配,远程执行, 配置管理等等. 一个配置管理系统,能够维护预定义状态的远程节点(比如,确保指定的报

软工实践练习-Git初接触

第一次听到Git,有点不知所云,听了实践课老师的讲解,才明白了Git作为最先进的分布式版本控制系统的重要性. 至于Git的安装和使用仍旧是自己摸索着去完成了,当然在这过程中也是遇到了很多的问题. 接下来就谈谈Git初接触的心得 1.注册 首先是要在https://github.com/上注册一个自己的账号,账号的注册就没什么可说的.填写用户名,邮箱,密码,然后sign up,这步是在机房时完成的. 2.Git的安装 下载Git,有很多的版本可以选择,我这边下载的是Git-2.5.1-64-bit