easyui01(基本布局)

一.概述

1.What?

jQuery EasyUI是一组基于jQuery的UI插件集合体,能帮助web开发者更轻松的打造出功能丰富并且美观的UI界面

2.Why?

①.使用easyui 不需要写很多代码,只需要编写一些简单 HTML 标记,就可以定义用户界面

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

③.easyui 能节省网页开发的时间和规模

④.easyui 很简单但功能很强大,容易上手

3.Where?

√ 后台管理界面

二.准备工作

①.下载easyui

EasyUI - helps you build your web pages easilyEasyUI is a complete framework for HTML5 web page. It provides easy to use components for building modern, interactive, javascript applications that work on pc and mobile devices.http://www.jeasyui.com/

②.页面中引入库

①引入JQuery(jquery.min.js)

②引入EasyUI(jquery.easyui.min.js)

③引入EasyUI的中文国际化js,让EasyUI支持中文(locale/easyui-lang-zh_CN.js)

④引入EasyUI的样式文件(/themes/default/easyui.css)

⑤引入EasyUI的图标样式文件(/themes/icon.css)

<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/icon.css"/>

三.使用

①两种方式:[Demo] [API文档]

②进行优化 提取公共页面

猜你喜欢

转载自blog.csdn.net/qq_73126462/article/details/131236380