easyui 入门

最新推荐文章于 2024-08-22 08:16:42 发布

前端叶孤城

最新推荐文章于 2024-08-22 08:16:42 发布

阅读量1.7k

点赞数

分类专栏： jquery Easyui

本文为博主原创文章，转载需注明来源, 文章不足,欢迎留言指正

本文链接：https://blog.csdn.net/fsxxzq521/article/details/78672185

版权

jquery Easyui 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

引用官网的介绍：http://www.jeasyui.net/

easyui是一种基于jQuery的用户界面插件集合。

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

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

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

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

easyui很简单但功能强大的。

1.使用easyui ,首先在easyui官网上下载；http://www.jeasyui.net/download/。

2.将下载好的zip压缩包解压之后，就可以放入项目中使用了。

3.在项目中需要引用

这四个文件。

4.首先写一个布局：

<body class="easyui-layout">
    <div data-options="region:'north',title:'hello'" style="height: 80px;">
        easyui demo
    </div>
<div data-options="region:'west',title:'功能菜单'" style="width:290px"></div>
<div data-options="region:'center',title:'内容'"></div>
<div data-options="region:'south',title:'下方'"  style="height: 80px;"></div>
</body>

效果如下：