easyui.基本布局

最新推荐文章于 2024-05-25 15:41:54 发布
最新推荐文章于 2024-05-25 15:41:54 发布
阅读量649 收藏 3
点赞数 8
文章标签： easyui jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_64938628/article/details/124685575
版权
本文介绍了jQuery EasyUI，一个用于创建功能丰富且美观UI界面的jQuery插件集合。虽然不再主流，但仍然有其应用场景。文章通过简单的步骤指导如何使用EasyUI进行布局，并提供了index.jsp主页面和sidebarTree.json的源代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言：今天我们来讲一下easyui，但现在easyui不常用（但还是有人用的），所有了解一下就可以了。

目录

什么是easyui？

使用easyui写布局

第一步

第二步

 源代码

index.jsp(主页面)

 sidebarTree.json

运行效果 

什么是easyui？

     jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

我没有找到easyui的官网╮(╯▽╰)╭，但我找到了一位大佬制作的简体中文离线版本的easyui

http://download.youkuaiyun.com/album/detail/343 

使用easyui写布局

第一步

最低0.47元/天 解锁文章
EasyUI【入门】
m0_64522859的博客
05-06 713
目录 1.jQuery EasyUI框架概述 1.1 什么是jQuery EasyUI? 1.2 jQuery Easy的作用 1.3 EasyUI的目录说明 1.3.1 下载路径 1.3.2 必须的基础支持库 1.3.3 目录说明 2.WEB项目搭建EasyUI环境 搭建环境的步骤如下： 3.EasyUI入门示例 3.1 标准开发步骤 3.2 代码模板 3.3 EasyUI的三大基础概念 3.3.1 属性设置 3.3.2 事件触发设置 3.3.3 方法调用设置 4
easyui(基本布局)
weixin_66202611的博客
05-02 1106
概述： What is easyui？ jQuery EasyUI是一组基于jQuery的UI插件集合体，能帮助 优点：web开发者更轻松的打造出功能丰富并且美观的UI界面 为什么要学？ ①.使用easyui 不需要写很多代码，只需要编写一些简单 HTML 标记，就可以定义用户界面 ②.easyui 是个完美支持 HTML5 网页的完整框架 ③.easyui 能...
Easyui真的要慢慢淡出视线吗？我个人觉得还是挺好用的呢。
poly88的博客
11-15 382
优点:写的少，干的多，文档全面！一个后端差不多能搞定。各位猿哥哥，你们工作中还在使用这个吗？这是一个简单的easyUI调查贴。
EasyUI——基本布局
weixin_65975275的博客
05-09 2087
EasyUI的基本介绍以及基本布局
在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法
11-24
EasyUI是基于jQuery的一个强大且易用的前端框架，它提供了丰富的组件和功能，如表格、对话框、菜单、布局等，极大地简化了网页的构建过程。然而，如同所有软件工具一样，EasyUI在实际应用中也可能出现错误或不兼容性...
easyui.rar
06-14
2. **主题与样式**：EasyUI 提供多种预设主题，允许开发者根据项目需求定制界面风格，同时通过CSS3实现响应式布局，适应不同设备的显示。 3. **数据绑定**：EasyUI 支持JSON格式的数据绑定，使得前端与后端数据交互...
easyui.rar_easyui
07-15
2. **布局组件**：如面板（panel）、布局（layout）、分页（pagination）等，用于组织和管理页面结构。 3. **数据操作组件**：如树形视图（tree）、下拉树（combotree）、下拉列表（combobox）、时间选择器...
easyui基本布局
m0_67514201的博客
04-09 1751
目录 1.什么是easyui？ 2.easyui能带给我们什么好处？ 3.easyui如何使用？ 4.组件 5,引入 easyui 相关文件 6,easyui框架的使用 http://www.jeasyui.net/（中文网） http://www.jeasyui.com/（英文版） EasyUI官方下载地址：http://www.jeasyui.com/download/index.php 常见UI： Layui，Bootstrap，element ui,ant de...
easyui 主页布局
04-11
<div class="easyui-layout" <div data-options="region:'north'" <div data-options="region:'south',split:true" <div data-options="region:'east',split:true,title:'East',collapsible:true" <table id="tt" class="easyui-propertygrid" data-options=" url: 'propertygrid_data1.json', method: 'get', showGroup: true, fit: true, border: false "> </table> </div> <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" </div> </div>
easyui 基础布局
最新发布
2402_85275973的博客
05-25 753
首先在Eclipse中创建一个新的项目，在WebContent中创建一个js文件夹，把easyui文件夹（jquery-easyui-1.5.5.2）整个赋值到js文件夹中。<div data-options="region:'west',title:'目录',split:true" style="width: 200px;把 json 文件复制到 WebContent 中 ,使用 js 事件，实现把 json 文件的数据加载进 ul 中。）ul 标签代码放到目录的<div>中。
easyUi的简单布局案例
大表哥
12-16 868
EasyUi代码 layout.html --> //通用的跳转 MyTitle标签 myUrl路径 function urlClick(MyTitle,myUrl){ //判断标签页是否存在 var falg=$("#tt").tabs("ex
EasyUI-布局
李守宏
04-30 3737
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> LayOut Border布局
easyui 布局
u010395804的专栏
09-02 1217
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> ">
【EasyUI】——EasyUI的布局
Coder Yasmine
07-21 5118
做一个网站首先要有网站的布局，所谓的布局其实就是网页的排版，就是说你的网页显示时是什么样子的。
EasyUI -- Layout（布局）
师旭阳_码农日记
07-09 5857
第一章  介绍                    EasyUI -- Layout（布局）将布局容器分成了5个区域，分别是：east（东）、west（西）、south（南）、north（北）和center（中）。center（中）区域是必须的，其他边缘区域都是可选的。每个边缘区域都可以通过拖拽的方式改变大小，也可以点击折叠按钮将面板折叠起来。EasyUI 的布局是很灵活的，可以根据用户的需求
jQuery-easyUI布局
shenyong_upc的专栏
02-28 988
 效果图如下： 使用Jquery EasyUi开发之前首先要引用Jquery EasyUi的Js和Css文件，引用如下： 1 2 3 4 5 6 7 "../jquery.min.js" type="text/javascript">   "../jquery.easyui.min.js" type="text/javascript"
实现信息集中访问的可拖拽easyui-portal布局组件
在深入探讨“可拖拽布局组件easyui-portal”的知识点之前，有必要先明确几个基础概念，包括portal技术、可拖拽界面设计以及easyui框架的基本原理和应用。 首先，portal技术是一种网页内容聚合技术，它的核心目的是...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值