EasyUI框架简单介绍

EasyUI框架

easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。

使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

入门案例

导入函数类库

编辑页面代码

        
        
拖动DIV
        
测试div
    

3关于后台页面说明

关于页面布局说明

   <-- data-options 是UI框架的特定的属性 -->
   

   

树形结构展现

   

   
   

   
   

   商品管理
      

         
商品查询
         
商品新增
         

            我是三级biaoqian
            

               
一
               
一
               
一
            
         
      
   
   
   
   

   内容管理
   

      
内容新增
   
   
   
   
   
   

选项卡技术

function addTab(title, url){  
    if ($('#tt').tabs('exists', title)){
        $('#tt').tabs('select', title);
    } else {
        //iframe  画中画的效果
        var url2 = "https://map.baidu.com/search/%E5%85%A8%E5%9B%BD/@12959219.601961922,4825334.624608941,5z?querytype=s&wd=%E5%85%A8%E5%9B%BD&c=1&provider=pc-aladin&pn=0&device_ratio=1&da_src=shareurl";
        var content = '';
        $('#tt').tabs('add',{  
            title:title,  
            content:content,
            closable:true  
        });  
    }
}