easyui01

最新推荐文章于 2024-07-12 14:10:05 发布
最新推荐文章于 2024-07-12 14:10:05 发布
阅读量81 收藏
点赞数
分类专栏： Java 文章标签： easyui javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65423584/article/details/124595243
版权

 思维导图  

三W 

节省开发时间，简单，功能强大，容易上手

准备工作：

下载easyUI

页面中引入库

 

 

代码如下： 

<script type="text/javascript">
    alert(ctx);
    
    </script>
</head>
<body class="easyui-layout">   
    <div data-options="region:'north',split:true" style="height:85px;text-align:center;">
    <h1>书籍后台管理</h1>
    </div>   
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;text-align:center;">
    <h4>&copy; 成山工作室版权所有 违权使用必究</h4>
    </div>   
    <div data-options="region:'west',title:'功能导航',split:true" style="width:100px;">
   
<!-- 左侧tree控件 -->
    <ul id="myTree" class="easyui-tree"></ul>
    
    </div>   
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#fff;">
 
    </div>   
</body>

代码如下：  

 <%
    //获取绝对路径
    String path=request.getContextPath();
    //存域对象中
    request.setAttribute("ctx", path);
    %>
    <script type="text/javascript">
    var ctx='${ctx}';
    
    </script>
<!-- 引入easyui的css -->
	    <link rel="stylesheet" type="text/css" href="${ctx}/js/jquery-easyui-1.5.5.2/themes/default/easyui.css">   
<!-- 引入easyui的图标库 -->
	    <link rel="stylesheet" type="text/css" href="${ctx}/js/jquery-easyui-1.5.5.2/themes/icon.css">    
<!-- 引入jquery的类库 -->	    
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<!-- 引入easyui的类库 -->
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<!-- 引入easyui中文版 -->
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>

效果展示： 

 

半条O魚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyui视频教程
08-31
通过观看“EasyUI入门视频教程01.avi”，你将迈出学习EasyUI的第一步，逐步熟悉其基本概念和使用方法。继续深入学习后续的视频，你将能够熟练地运用EasyUI构建专业级的Web应用界面，提升开发效率，同时为用户提供...
easyui 01
z466764的博客
04-09 86
一、什么是Easyui？ easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。 外文名：jQueryEasyUI 定义：基于jQuery的UI插件集合体 二. 搭建框架2.1:导入css样式和js文件 2.
Easyui01
weixin_62980310的博客
04-05 906
一，Easyui是什么？ 二，搭建框架 打开eclipse后，先防止出现乱码问题，设置编码方式 编码方式设置后建立一个动态web工程 然后创建目录工程 三，操作 先在需要的界面引入 样式文件（注意解决路径问题，推荐使用绝对路径） 创建一个目录 在index调用 四，创建布局 可以查看“jQuery EasyUI 1.5API 中文版“...
easyui01（基本布局）
weixin_67465673的博客
05-11 300
easyui的入门
easyui01:基本布局
weixin_62735525的博客
05-01 669
先通过图片了解easyui 下载的官方网站： EasyUI - helps you build your web pages easily 代码块： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- 引入公共页面 --> <%@ include file="common/head.jsp" %> &lt..
Jquery EasyUI 日历Demo
10-12
$('.easyui-datebox').datebox('setValue', '2022-01-01'); // 设置最小日期和最大日期 $('.easyui-datebox').datebox({ formatter: function(date){ return date.getFullYear() +'-'+ (date.getMonth()+1) +'...
EasyUI入门教程--第01课_EasyUI简介.avi
04-20
EasyUI入门教程--第01课_EasyUI简介.avi，这是由孙宇老师录制的视频，现在很难找了，讲得很详细，授人以鱼，不如授人以渔。 第01课(大概介绍一下easyui，和组织的地址，官方网站等) 第02课(介绍easyloader组件和...
easyui后台前端框架
02-18
例如，通过 lowDemo.html 可能展示了权限分配的低级演示，而 sport01.html 可能是用于展示与角色关联的特定功能。 3. **报表管理**：报表是后台系统中常见的数据展示形式。staAnalysis1.html 和 staAnalysis.html ...
aspnet Easyui开发框架源码
03-18
01 Reference DLL 这里主要包括第三方的框架和组件项目，把这些文件分门别类地集中放在此目录下。 02 Solution Items 项目的规范、流程、重要文件等。 03 Test 这里主要放置测试需要的一些信息，如测试版本、测试...
【人工智能】-- 受限玻尔兹曼机
考研小钻风
07-11 1548
受限玻尔兹曼机（RBM）是一种具有独特结构和强大学习能力的概率图模型。在结构上，RBM 由两层神经元组成，即可见层和隐藏层。层内神经元无连接，层间神经元全连接。这种结构简化了计算，同时也使得模型能够有效地学习数据中的特征和模式。在学习过程中，RBM 通过不断调整参数（包括权重、可见层偏置和隐藏层偏置）来优化模型。常见的学习算法如对比散度（CD）算法，通过采样和近似计算梯度来更新参数。RBM 具有多种应用，例如在数据降维方面，它能够将高维数据映射到低维的隐藏层表示；
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 354
原生WebSocket： new WebSocket。
vue 自定义滚动条同步拖动（移动端）
最新发布
u014206461的博客
07-12 162
vue 自定义滚动条同步拖动（移动端）
Webkit简介以及工作流程
读心悦
07-10 329
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
在项目中，如何使用springboot+vue+springsecurity+redis缓存+Axios+MySQL数据库+mybatis
huanghm88的专栏
07-11 689
在Spring Boot中，可以使用Spring Data JPA和MyBatis来配置MySQL数据库。在Vue项目中，可以创建一个config.js文件来配置后端的API地址，然后在需要发送请求的地方使用Axios发送请求。根据业务需求，在Spring Boot中编写相应的接口和服务层代码，包括数据访问、业务逻辑等。在Vue中，可以使用Axios发送HTTP请求，并将响应的数据展示在前端页面上。分别启动后端的Spring Boot应用和前端的Vue应用，访问前端页面，就可以看到与后端进行通信的效果。
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 201
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
Vue3 使用 Vue Router 时，prams 传参失效和报错问题
专注基础架构领域
07-12 465
我尝试使用 prams 传递数据当我跳转页面时,得到的 prams 数据为空 ,控制台也出现了 Vue Router 的警告点开链接后发现了原因,。也就是说，从Vue Router的2022-8-22 这次更新后，我们使用上面的方式在新页面无法获取：vue也给我们提出了解决方案：使用 query 的方式传参只要改成query 传参就好了,注意query传参只能用路由表中的 path ,不是 name ,并且所有参数都会显示在URL 地址上。将参数放在 pinia 或 vuex仓库里。
TS类型声明文件（二）如何在 TS 中导入导出局部类型
weixin_43303603的博客
07-10 260
系列文章之：如何在 TypeScript 中导入导出局部类型
js中scrollIntoView第一次不生效，第二次生效
风如也的博客
07-12 160
方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。如果是因为元素还没有完全渲染完成，可以在。关键是确保在页面完全加载和渲染之后再调用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值