Easyui入门学习知识
发布日期:2021-05-04 01:05:50 浏览次数:24 分类:技术文章

本文共 1190 字,大约阅读时间需要 3 分钟。

第一步:什么是easyui(容易)

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

学习目地:

  1. 掌握前端框架的相关概念
  2. 理解什么是组件
  3. 学习API文档的查看(重点)
  4. jquery的深入学习

第二步:在项目中添加easyui支持

需要下载一个:jquery-easyui-1.5.1.zip压缩文件.

内容:在这里插入图片描述

第三步:导入需要的文档和包

1. 导入jquery
2. 导入easyui
3. 导入easyui所需要的css
在WebContent下面创建一个common - - > heab.jsp:下面是源代码方便与每个页面不要每次导入
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% String ctx=request.getContextPath();request.setAttribute("ctx", ctx);%>

在这里插入图片描述

4. 创建easyui组件
4.1:直接通过html标签创建(定义easyui属性)data-*:H5之后一个新属性,用来给程序员添加自定义属性的,data-yf="name:zs,age:20"     4.2:JS创建 :jquery.min.js min:js原代码压缩,空格、回车、换行,studentName-->s_,下载js压缩工具

第四步:开始easyui的布局

1.第一种:panel(面板)

在这里插入图片描述
2.第二种:tabs(选项卡)
在这里插入图片描述
3.第三种:accordion(分类)
在这里插入图片描述
4.第四种:layout(布局)
在这里插入图片描述

---- 布局属性

在这里插入图片描述

---- 面板属性

在这里插入图片描述

---- 分类属性

在这里插入图片描述

---- 选项卡属性

在这里插入图片描述在这里插入图片描述

第五步:树形表格

TreeGrid(树形表格)

扩展自 . f n . d a t a g r i d . d e f a u l t s 。 使 用 .fn.datagrid.defaults。使用 .fn.datagrid.defaults使.fn.treegrid.defaults重写默认值对象。

树形表格用于显示分层数据表格。它是基于数据表格、组合树控件和可编辑表格。树形表格允许用户创建可定制的、异步展开行和显示在多列上的分层数据。

  1. tree:

    根节点
    父节点/子节点
    枝节点/叶节点

    < iframe scrolling="no" frameborder="0" src="" width="99%" height="99%">< /iframe >

在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45067120/article/details/104429237 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Easyui02mvc框架及动态树结构
下一篇:LINUX-如何安装“Xshell5”连接虚拟机版本的(基本指令)

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月24日 17时48分29秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

linux系统输入指令,Linux系统基础 - 基本操作命令 2019-04-21
linux设备管理命令,Linux命令(设备管理).doc 2019-04-21
linux 中文utf-8转gbk编码,Linux平台下 GBK编码转UTF-8编码 2019-04-21
linux安装软件在boot,在Linux系统上安装Spring boot应用的教程详解 2019-04-21
linux进入用户user1主目录,Linux系统命令提示符为[user1@localhost root]当前用户所在目录为( )... 2019-04-21
取消linux自动登录,linuxdeepin 如何取消自动登录啊? 2019-04-21
linux线程存储,Linux系统编程手册:线程:线程安全和每线程存储 2019-04-21
linux批处理模式,巧用linux-top的批处理模式 2019-04-21
linux信号量机制例题,第二章 信号量机制及几个经典例题 2019-04-21
linux ba 模拟,在你的 Python 游戏中模拟引力 | Linux 中国 2019-04-21
c语言表达式3649的值是,535个C语言经典实例目录.doc 2019-04-21
c语言Wndproc未定义,小弟我用c语言写了一个windows窗口,为什么有提示未定义的变量类型... 2019-04-21
c语言中malloc数组,如何在C中对malloc()数组进行一行赋值? 2019-04-21
c语言调存储过程,写留言板–调用存储过程出问题 2019-04-21
c语言编程max,C语言编程题及答案.doc 2019-04-21
android测试页面,自动执行界面测试 | Android 开发者 | Android Developers 2019-04-21
android 图片点击变色,Android开发实现ListView点击item改变颜色功能示例 2019-04-21
android增删改查布局,Android之父_增删改查 2019-04-21
vowifi android开关,如何配置VoLTE, ViLTE and VoWifi(IMS config for VoLTE, ViLTE and VoWifi) 2019-04-21
电脑端的mafsvr服务关掉_网吧才是电脑优化的精髓!学会3招你也不用羡慕网吧的流畅了... 2019-04-21