如何使用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文件。
-
水浒传写的是哪个朝代
(01)《水浒传》是一部中国古代小说,又称《忠义水浒传》、《忠义水浒》等,作者是施耐庵。小说的故事发生在北宋末年,即11世纪初到12世纪初的时期。北宋朝代经历了几次政权更迭和社会动乱,国力衰落,统治失序。而《水浒传》所描写的故事背景正是在这个时期。(02)小说主要围...
-
酒能寄快递吗
(01)酒在寄快递方面需要考虑以下因素:1.国家法律法规:不同国家对于寄送酒类的规定存在差异,一些国家可能允许寄送酒类,但也有些国家可能禁止或限制寄送酒类。(02)在寄送酒类之前,需要先了解目的地国家的法律法规和邮寄政策。2.邮寄公司政策:邮寄公司通常有自己的规定和限...
-
扑街是什么意思?粤语中骂人的词,源自英文Poor guy
解答:扑街主要表达3种意思:1.原意是走路被绊倒,扑倒在马路上;2.游戏中角色死亡,或者指乞丐;3.粤语中的“仆街”同意,源自外语中的“poorguy”,本意是骂人,也可表达一种倒霉的意思。扑街是什么意思?1.古文中扑街是扑倒在路上是指走路被绊倒,“扑”是扑倒,“街”是在街上...
-
荷花与莲花的区别是什么
(01)荷花和莲花是两种不同的水生植物,它们在外观、生长环境、用途等方面都有所不同。外观:荷花和莲花的外观有明显的区别。荷花的花瓣较大,颜色多样,包括红色、粉色、白色等,而莲花的花瓣较小,颜色也相对单一,主要是白色或粉红色。(02)此外,荷花的花蕾呈圆锥形,莲花的花蕾则...