• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • easyui入門

    目錄

    1 什么是 easyui

    jEasyUI是一組基于jQuery的UI插件集合體,而
    EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富并且美觀的UI界面。開發者不需要編寫復雜的javascript,也不需要對css樣式

    2 ui框架

    easyui=jquery+html4(用來做后臺的管理界面) 2016 不要錢
    bootstrap=jquery+html5 2016-2018 要錢
    layui 2018-2019 不要錢

    easyui jsp代碼

    1.引用easyui

        <%@ page language="java" contentType="text/html; charset=UTF-8"
            pageEncoding="UTF-8"%>
        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 全局樣式 -->
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/default/easyui.css">   
        <!-- 定義圖標的樣式 -->
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/icon.css">   
       	<!-- 組件庫源文件的js文件 -->
        <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.min.js"></script>   
        <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.easyui.min.js"></script>  
        
        <title>Layout布局</title>
        </head>
        <body class="easyui-layout">
        	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">a</div>
        	<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">a</div>
        	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">a</div>
        	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">a</div>
        	<div data-options="region:'center',title:'Center'"></div>
        </body>
        </html>
        
    

    結果
    在這里插入圖片描述

    版權聲明:本文為weixin_46705150原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/weixin_46705150/article/details/106879123

    智能推薦

    easyUI入門

    easyUI簡介 什么是easyUI? UI框架 為什么要學習easyUI? easyUI入門 什么是easyUI? easyUI是jQuery加上HTML4的一種UI框架,UI框架意味著是跟界面有關聯的 (用來做后臺的管理界面) easyui為創建現代化,互動,JavaScript應用程序,提供必要的功能。 使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單的HTML標記,就可以定義用...

    easyui入門

    easyui入門 1、什么是easyui 2、為什么要學習easyui 3、案例 1、什么是easyui easyui是一種基于JQuery前端框架 2、為什么要學習easyui 3、案例 首先要下載程序庫并導入EasyUI的CSS和Javascript文件到您的頁面 href中的路徑要修改 下載好程序庫導入項目后可以選中(easyui.css/icon.css/jquery-1.7.2.min....

    easyUI入門

    easyUI入門目錄 一、什么是easyui 二、 為什么要用easyui 三、案例 四、 效果圖 一、什么是easyui EasyUI是一組bai基于jQuery的UI插件集合體 二、 為什么要用easyui 從效果來看easyui的界面效果要遠遠差于bootstrap 跟layui比,界面效果也更差 從金錢的角度上,開發首先會排除掉bootstrap 從學習文檔的完整性、前端框架的穩定性,組件...

    easyui入門

    文章目錄 1、EasyUI方法 2、案例: 1、EasyUI方法 調用方法的語法:$(‘selector’).plugin(‘method’, parameter); 解釋: selector 是jQery對象選擇器。 plugin 是插件的名稱。 method 是相應插件現有的方法。 parameter 是參數對象,可以是一個對象、字符串等。 現在...

    easyui入門

    easyui入門: easyui=jquery+html4(用來做后臺的管理界面) EasyUI是一組基于jQuery的UI插件集合,而jQuery EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富并且美觀的UI界面。 開發者不需要編寫復雜的javascript,也不需要對css樣式有深入的了解,開發者需要了解的只有一些簡單的html標簽。 案例: 首先我們要用到easyui的時候需要...

    猜你喜歡

    easyui入門

    easyui入門 1、通過layout布局 2、通過tree加載菜單 3、通過菜單去打開不同的tab頁 4、運行效果為: 1、通過layout布局 所有以寫的util包以及mvc.xml 需要導入easyui框架需要需要的包 導入EasyUI的CSS和Javascript文件到index.jsp的頁面。 2、通過tree加載菜單 在layout布局的基礎上要創建index.js,同時也要配置到in...

    easyui入門

    ui框架: 分為三種: easyui=jquery+htm14(用來做后臺的管理界面) bootstrap=jquery+html5(收費) layui(現在較流行,免費,) 之所以將相對low的easyui,主要還是bootstrap部分收費,不適用,layui有些bug,不穩定。就來和大家講講easyui.(組件式開發) 首先,我們來個簡單的布局(導入j包) 案例一: 1、通過layout布局...

    hive 導出數據之一列多行,轉為一行多列

    需求:提取數據 說明:原數據是一列多行,需要轉化為一行多列 待查詢表為:temp_05 待查詢數據為: 待查詢數據如圖: 需要提取的數據表頭如下: 預定日期 昨日價格 前天價格 2018-02-01 2018-02-02 2018-02-03 2018-02-04 可用提數 SQL 數據如圖: 以下為嘗試過程 數據如圖: 數據如圖: 數據如圖: 數據如圖:...

    asp.net做一個簡易的聊天室

    要求: 結果: 關鍵代碼: Default.aspx Default.aspx.cs Default2.aspx Default2.aspx.cs Default3.aspx Default3.aspx.cs Default4.aspx...

    動態SQL和多表關聯-筆記

    《動態SQL與多表關聯》筆記 學習目標 能夠使用動態SQL完成SQL拼接 能夠使用resultMap完成多表查詢 能夠使用一對一查詢 能夠使用一對多查詢 (注:多對多其實就是兩個一個多) 映射文件:為什么要resultMap 目標 定義結果映射 使用結果映射 回顧 在mybatis中有2種配置文件: 核心配置文件,如:sqlMapConfig.xml 實體類映射文件,如:UserMapper.xm...

    精品国产乱码久久久久久蜜桃不卡