easyUI入门

Lee_mons

于 2021-09-10 18:54:45 发布

阅读量84

点赞数

分类专栏： easyUI 文章标签： easyui jquery

本文链接：https://blog.csdn.net/Cat_Jay_Fish/article/details/120227902

版权

easyUI 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

课程目标

为啥要学easyUI，因为便于开发

什么是easyUI，easyUI是jQuery和HTML4的前端框架

在哪里，一般是后端管理系统

常用控件：layout、tree、tabs、datagrid、form、messager、combobox

怎样布局？

1.在eclipse中建立folder文件

是在webcontent中建立。。。。

其次

在静态文件夹中建立三个文件夹

分别是css（css工具类），images（图片），js（js工具类）

把文件（jQuery-easyUI-1.5.1）放入js中

新建一个界面，放入以下代码

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">   
<script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script>   
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

放入后记得改路径名，切记

布局代码

<body class="easyui-layout">   
    <div data-options="region:'north',title:'网上书城',split:true" style="height:100px;"></div>   
    <div data-options="region:'south',title:'版权信息',split:true" style="height:100px;"></div>   
    <!-- <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> -->   
    <div data-options="region:'west',title:'菜单管理',split:true" style="width:100px;"></div>   
    <div data-options="region:'center',title:'内容区域'" style="padding:5px;background:#eee;"></div>   
</body>

最后我们看一下样式结果

Lee_mons

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyUI入门

课程目标为啥要学easyUI，因为便于开发什么是easyUI，easyUI是jQuery和HTML4的前端框架在哪里，一般是后端管理系统常用控件：layout、tree、tabs、datagrid、form、messager、combobox怎样布局？1.在eclipse中建立folder文件是在webcontent中建立。。。。其次在静态文件夹中建立三个文件夹分别是css（css工具类），images（图片），js（js工具类）把文件（jQ...
复制链接

扫一扫