如何使用easyUI创建控制面板panel
easyUI是最为常用的前端框架之一,经常用在开发WEB网站的前端。easyUI里面包含了很多的组件,其中常用的组件有layout布局、表单form、窗口Window、树tree等等,还可以跟jQuery结合使用。现在,我们来看看如何使用easyUI创建控制面板panel吧。
操作方法
(01)新建文档双击桌面上的Dreamweaver图标,打开软件,也可以打开其他的软件,只要能编写代码的IDE都行。我姑且以Dreamweaver软件为例,然后在界面的菜单栏中找到【文件】--【新建】--【HTML】,创建一张HTML页面。
(02)保存快捷键【Ctrl+S】,会弹出【保存位置】,一般是保存在www里面或者站点中,文件名输入panel,保存类型 All Document类型,然后点击【保存】按钮即可。
(03)导入js文件将easyUI文件夹导入站点中,然后在easyUI中拉出4个js文件到head头部内,如下文件:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/>
(04)编写控制面板panel在【panel页面】的body主体中编写如下的代码:<div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" data-options="iconCls:'icon-save',closable:true, collapsible:true,minimizable:true,maximizable:true"> <p>panel content.</p> <p>panel content.</p> </div>
(05)启动wampserver服务器双击wampserver图标,在桌面的右下角位置会出现个小图标,图标由红色变成橙色,最后变成绿色,即表示wampserver启动完成。
(06)预览方法点击Dreamweaver中的【地球图标】,会弹出下拉菜单,选择【预览在360se】。在360浏览器中预览。
(07)预览效果在浏览器中的预览效果如下图所示。点击图片的右上角的四个图标可以关闭、放大、缩小等控制面板panel。
(08)为了便于理解,贴出编辑控制面板的全部代码,如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/></head><body><div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" data-options="iconCls:'icon-save',closable:true, collapsible:true,minimizable:true,maximizable:true"> <p>panel content.</p> <p>panel content.</p> </div> </body>
特别提示
要记得导入easyUI文件夹到站点中并引入4个js文件。
-
情商和智商的区别是什么?情商和智商哪个更重要
解答:情商是指一个人为人处事,察言观色和控制情绪的能力,而智商是指一个人的智力高低,这两个分别是大脑在情绪和智力方面的不同表现,一般来说智商高的人,情商不会太差,所以两者是有一定联系的,下面就跟着探秘志一起来看看吧!情商是什么情商简称为EQ,通常是指人在挫折耐...
-
猴年马月是哪年哪月
(01)猴年是指中国农历中的甲申年,即十二生肖中的猴年份。根据农历的循环,每12年为一个轮回,猴年会周期性地出现。(02)以下是猴年对应的公历年份和农历日期的一些例子:-1920年:庚申年(猴年)(农历正月初一至腊月二十九/三十)-1932年:壬申年(猴年)(农历正月初一至腊月二十九/三十)-1...
-
世界十大催眠曲:第一公认最有效,第四至今没有人听完
导语:催眠曲就是通过音乐来帮助被催眠者进入睡眠的状态,对于无法入睡的人能起到很好的治疗作用,其中著名的世界十大催眠曲则分别是哥德堡变奏曲,weightless,Sleepsong,Dream13,玄秘曲,摇篮曲,月光曲,α脑波音乐,帕赫贝尔的卡农,佛经,下面就跟着探秘志小编一起来看看吧!哥...
-
绣球菌怎么吃
(01)绣球菌(Hydrangeamacrophylla)是一种观赏植物,花朵多为蓝色或粉红色,常用于装饰和花束制作。然而,绣球菌并不适合食用,因为其花朵和其他部分可能对人体有毒。(02)以下是关于绣球菌的一些详细信息:1.毒性:绣球菌含有所谓的花青素,主要存在于花朵和叶子中。花青素可能对人...