easyui01(基本布局)

普利斯坑坑密

已于 2022-05-05 21:15:41 修改

阅读量115

点赞数

文章标签： easyui 前端 javascript

于 2022-05-05 20:50:17 首次发布

本文链接：https://blog.csdn.net/weixin_63544775/article/details/124597287

版权

哈喽大家好~今天我们来了解的是easyui入门~

一、入门

WWW
环境安装下载 2个css（easyui.css icon.css） 3个js jQuery easyui CN.js

两种方式：
离线API文档
Demo
json格式的回顾：

对象：{"uname":"屌丝","uage":38}

数组：[]

对象数组：[{"uname":"屌丝","uage":38},{"uname":"屌丝","uage":38}]

布局：layout

树型表
自关联表

大类表
did dname
1 水果茶
2 养生茶

小类表
xid xname did
1 美容类 1
2 营养类 2

一、主界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<%@ include file="common/head.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
   /* alert(ctx);--弹出路径 */
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',split:true" style="height:100px;text-align: center;"><h2>管理界面</h2></div>
<div data-options="region:'south',split:true" style="height:70px;text-align: center;">©@玉渊工作室</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>
</html>

普利斯坑坑密

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui01(基本布局)

哈喽大家好~今天我们来了解的是easyui入门~一、入门WWW环境安装下载 2个css（easyui.css icon.css） 3个js jQuery easyui CN.js两种方式：离线API文档Demojson格式的回顾：对象：{"uname":"屌丝","uage":38}数组：[]对象数组：[{"uname":"屌丝","uage":38},{"uname":"屌丝","uage":38}]布局：layout树型表自关联表大类表did dnam.
复制链接

扫一扫