1. 程式人生 > >jQuery EasyUI詳細入門學習一

jQuery EasyUI詳細入門學習一

 前言:當你看到這篇文章的時候,首先,你需要有一定的javascript與jquery的基礎,要不你真的是不明白的。所以請先學習javaCript與html等基礎知識,然後再來學習jQuery easyui,當然如果你一定要先學這個,可能學習起來有點吃力。

jQuery 有差不多2000多個外掛,而jQuery EasyUI只是其中的一個外掛,對於後端人員來說,會使用這個也不錯了。

    簡介:jQuery EasyUI是一組基於jQuery的UI外掛集合,而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI介面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要了解的只有一些簡單的html標籤。但功能相對沒extjs強大,但頁面也是相當好看的。一些功能也足夠開發者使用,相對於extjs更輕量。jQuery EasyUI為我們提供了大多數UI控制元件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 

   特點:基於jquery使用者介面外掛的集合 為一些當前用於互動的js應用提供必要的功能 使用 EasyUI你不需要寫很多的javascript程式碼,通常只需要寫HTML標記來定義使用者介面即可 支援HTML5 開發產品時可節省時間和資源 簡單,但很強大 支援擴充套件,可根據自己的需求擴充套件控制元件 目前各項不足正已版本遞增的方式不斷完善 (bug)。

  結構說明:官方下載地址:http://www.jeasyui.com/index.php
目錄結構說明: Demo目錄:示例
Locale目錄:國際化檔案
Plugins目錄:外掛
src目錄:原始碼
Themes目錄:主題
jquery.min.js檔案:jQuery檔案
jquery.easyui.min.js檔案:EasyUI主檔案

 jQuery EasyUI是一組基於jQuery的UI外掛集合,而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI介面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要了解的只有一些簡單的html標籤。但功能相對沒extjs強大,但頁面也是相當好看的。一些功能也足夠開發者使用,相對於extjs更輕量。

    jQuery EasyUI為我們提供了大多數UI控制元件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。

特點:

基於jquery使用者介面外掛的集合
為一些當前用於互動的js應用提供必要的功能
使用 EasyUI你不需要寫很多的javascript程式碼,通常只需要寫HTML標記來定義使用者介面即可
支援HTML5
開發產品時可節省時間和資源
簡單,但很強大
支援擴充套件,可根據自己的需求擴充套件控制元件

目前各項不足正已版本遞增的方式不斷完善 (bug)

下載地址:

下載地址:http://www.jeasyui.com/index.php
目錄結構說明:
Demo目錄:示例
Locale目錄:國際化檔案
Plugins目錄:外掛
src目錄:原始碼
Themes目錄:主題
jquery.min.js檔案:jQuery檔案

jquery.easyui.min.js檔案:EasyUI主檔案

匯入EasyUI到軟體工程中
需要說明的:
這裡我們為了便於學習,將整個EasyUI包匯入工程
在實際開發中,只需要匯入使用檔案即可
報錯問題:

jquery.min.js檔案報錯不是有語法錯誤,是檔案壓縮問題,不影響使用

案例demo


相關推薦

jQuery EasyUI詳細入門學習

 前言:當你看到這篇文章的時候,首先,你需要有一定的javascript與jquery的基礎,要不你真的是不明白的。所以請先學習javaCript與html等基礎知識,然後再來學習jQuery easyui,當然如果你一定要先學這個,可能學習起來有點吃力。 jQuery

jQuery EasyUI快速入門實戰教程()-入門

jquery javascript easyui 1、jQuery EasyUI概述jQuery EasyUI是一組基於jQuery的UI插件集合體,而jQuery EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富並且美觀的UI界面。開發者不需要編寫復雜的javascript,也不需要

express入門學習()

stat err 位置 中間 sta () some start status 一、安裝express cnpm || npm install express --save ; 1. Hello World var express = require(‘express

D3.js 入門學習()

min() 元素選擇器 eight 也會 127.0.0.1 暫時 網絡 doc 學習 一、安裝D3.js 1.網絡連接 <script src="https://d3js.org/d3.v4.min.js"></script> 2.命令行安裝

zookeeper入門學習()

角色 延長 rop ado lower 不能 分享 視圖 服務器端 概述:   ZooKeeper是Hadoop的開源子項目(Google Chubby的開源實現),它是一個針對大型分布式系統的可靠協調系統,提供的功能包括:配置維護、命名服務、分布式同步、組服務等。  

dubbo入門學習 SOA

   SOA是什麼?SOA全英文是Service-Oriented Architecture,中文意思是中文面向服務程式設計,是一種思想,一種方法論,一種分散式的服務架構(具體可以百度)。      用途:SOA解決多服務凌亂問題,SOA架構解決資料服務的

HttpClient_入門學習()

   HttpClient 是 ApacheJakarta Common 下的子專案,可以用來提供高效的、最新的、功能豐富的支援 HTTP 協 議的客戶端程式設計工具包(jar包),並且它支援 HTTP 協議最新的版本和建議。   

SpringMVC入門學習()

SpringMVC入門學習(一) ssm框架  spring  SpringMVC是一個Java WEB框架,現在我們知道Spring了,那麼,何為MVC呢? MVC是一種設計模式,其分為3個方面 model 模型:dao層和service層

Vue入門學習()

1、引入vue.js 2、建立Vue物件 3、雙向資料繫結v-bind 4、顯示資料 {{xxx}} 例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

SpringBoot入門學習—— 、SpringBoot的特點

一、SpringBoot的特點    微服務介紹 1. 什麼是微服務       在介紹微服務時,首先得先理解什麼是微服務,顧名思義,微服務得從兩個方面去理解,什麼是"微"、什麼是"服務", 微 狹義來講就是體積小、著名的"2 pizza 團隊"很好的詮

git入門學習(git安裝,增刪改查基本操作命令)

git 工作區 暫存區 版本庫 在當前目錄新建一個Git程式碼庫 git init (會多出.git資料夾) 設計提交程式碼時的使用者資訊 :git config --global  user.name zhangsan    git config --glob

git入門學習()本地倉庫

git 學習第一課 說明 Git是什麼 下載 使用 結束 說明 只是單純的記錄學習過程 Git是什麼 Git是目前世界上最先進的分散式版本控制系統(沒有之一)。 哈哈哈 是不是光看這句話 就

Redis(入門學習

NoSQL,Redis簡介: NoSQL簡介 Nosql的全稱是Not Only Sql,這個概念早起就有⼈提出,在09年的時候⽐較⽕。Nosql指的是⾮關係型資料庫,⽽ 我們常⽤的都是關係型資料庫。就像我們常⽤的mysql,sqlserver⼀樣,這些資料庫⼀般⽤來儲存重要資訊,應對普

Kotlin Android入門學習

Kotlin 是一種基於 JVM 的新的程式語言,由 JetBrains 開發,在 Apache 許可下已經開源; 主要優點有:開源、語言簡潔、安全、通用、互操作、句末不用分號、跟java互通!哈哈! Konlin在Android studio 中應用:

Quartz框架入門學習()

一.Quartz的簡單使用 Scheduler在使用之前需要例項化。一般通過SchedulerFactory來建立一個例項。有些使用者將factory的例項儲存在JNDI中,但直接初始化,然後使用該例項也許更簡單(見下面的示例)。 scheduler

JQuery easyui DataGrid隱藏某列的功能

Jquery easyui的DataGrid隱藏某一列的功能 示例 $('#table_grid').datagrid({ singleSelect: true, url: "&l

Spring Boot入門學習

特別感謝@how2j的教學,以下是原文地址: spring boot學習 1.為什麼要用Spring Boot? 在學習SSM(H)的過程中,需要做大量的配置工作,其實很多配置行為本身只是手段,並不是目的。 基於這個考慮,把該簡化的簡化,該省

Linux驅動入門學習():入門介紹

 我們今天所要說的是Linux驅動編寫。現在linux驅動比較流行,主要有幾個方面的原因:1)linux平臺免費,很多晶片廠商希望linux平臺支援自己的產品;2)最近Android平臺很火,這在無形之中幫了linux的忙,搞linux驅動的人也開始多了起來;3)還有

Linux簡單瞭解入門學習

1. 學習Linux之前先認識Unixl Unix是一個強大的多使用者、多工作業系統。l 於1969年在AT&T的貝爾實驗室開發。l UNIX的商標權由國際開放標準組織(The Open Group)所擁有。l UNIX作業系統是商業版,需要收費,價格比Microso

jQuery學習()——jQuery入門

完成 生效 ready 技術 button 覆蓋問題 包括 寫入 屬性和方法 1、jQuery基礎 Jquery它是一個庫(框架),要想使用它,必須先引入! jquery-1.8.3.js:一般用於學習階段。 jquery-1.8.3.min.js:用於項目使用階段 官網下