easyui 快速入门之第一章

本文是EasyUI的快速入门教程,介绍了EasyUI的基本概念、环境搭建步骤,以及如何将a标签转换为EasyUI样式按钮。重点讲解了EasyUI的三大基础——属性、事件和方法的设置,帮助初学者理解并应用到实践中。
摘要由CSDN通过智能技术生成

一:概念

  • easyui是基于jQuery、Angular.、Vue和React的用户界面组件的集合。
  • easyui提供了构建现代交互式javascript应用程序的基本功能。
  • 使用easyui,您不需要编写许多javascript代码,通常通过编写一些HTML标记来定义用户界面。
  • 完整的HTML5网页框架。
  • 使用easyui开发你的产品时可以大量节省你的时间和规模。
  • easyui使用非常简单但功能非常强大。

准备工作:

下载地址:http://www.jeasyui.net

自行在官网中下载

环境搭建:

 目录说明:

  • demo:例示,非常重要,以后做开发,记不起来代码,可以直接复制例示。

  •  demo-moblie:手机端的例示,因为手机端已经有很多优秀UI框架,所以EasyUI在手机端基本没有人用的(忽略)。

  • locale:编码支持库

  •  plugins:没有压缩过的插件源码

  • src:没有压缩过的核心源码

  •  themes:主题样式,有个可以选择

  •  easyloader.js:源码加载器

  •  jquery.easyui.min.js:PC使用类库。

  •  jquery.easyui.moblie.js:手机端使用类库

  • jquery.min.js:Jquery框架

搭建环境的步骤如下:


1. 导入需要的css样式文件。easyui.css    icon.css                                                                   2. 导入相关的js文件
   jquery.min.js
  jquery.easyui.min.js
   jquery.easyui-lang-zh_CN.js 
3. 注意:
  themes中的文件相对路径不能变。

<
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值