频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
【项目成长日记】如何使用EasyUI-demo创建自己的项目
2016-09-05 09:52:56         来源:宋荣凯 廊坊师范信息技术提高班 十二期  
收藏   我要投稿

【前言】

7月伊始的时候,我们的米总给我们研发团队下达了新的指令。 “9月份之前,要把我们的ITOO5.1搞出来!”我和我的小伙伴们都有点慌了,毕竟我们的ITOO是个百万数量级访问多模块的大应用 。2个月的时间也不算很充裕。而我们的小队更是负责一个全新的模块开发,连需求文档都有自己搞。所以,为了节省开发时间,我们决定使用Easy-UI来作为我们的界面主体。

【正文】

 

\
那我美丽的小羊妹妹可能会问了:“那凯哥哥,什么是Easy-UI呀?”

 

 

\
小凯同学:“这你可就问对人了,我昨天才用EasyUI实现了一个Demo呢。UI呢,就是User Interface的意思,中文就是用户界面,EasyUI呢从名字就能看出来,它是帮助开发人员轻松实现界面设计的。它是一组基于JQuery的UI插件集合。通俗点说,就是别人做好的功能界面给你源码你来用。“

 

 

\
“听起来可能有点复杂,我们来看看怎么用吧!”

 

 

\
“嗯嗯,是的呢!”

 

 

\
“首先我们要登录EasyUI的官方网站。”

 

 

\

 

 

\
“看到那个‘查看EasyUI demo’按钮了吗?”

 

 

\
“看到了呢!”

 

 

\
“单击它就好了” “然后我们以表单为例来看怎么使用它。”

 

 

\

 

 

\

 

 

\
“可是凯哥哥,我粘贴上以后为什么是这个样子呀?好丑呀!”

 

 

\

 

 

\

 

 

\
“你呀! 还是那么心急。我还没说完呢,你就急着上手了。下面才是重点。你看!”

 

 

\

 

“这些引用我们都还没有呢!”

 

\
“那这些引用要从哪里找呀!”

 

 

\

 

“这里”

 

\

 

 

\

 

 

\

 

“下载好这个包以后,解压,复制,粘贴到我们的项目里”

 

\

 

 

\

 

“建一个文件夹,贴进来就好了”

“然后再更改一下引用地址就好了!”

 

\
“凯哥哥,我改好了,可是还不行”

 

 

\

 

 

\

 

“格式,顺序都是要一样的 。像这样~”

 

\

 

“看!”

\

 

 

\

 

“真是太棒了!,我也会用Easy-UI了。”

【结尾】

笨笨的小羊妹妹都学会用EasyUI了,那聪明的你呢?赶快动手尝试吧。

特别鸣谢:感谢美丽的周丽同同学不厌其烦的帮助。附上博客链接以表敬意。

阿童木子的博客

点击复制链接 与好友分享!回本站首页
相关TAG标签 项目 日记
上一篇:webpack入门学习笔记
下一篇:CSS3渐变效果(20160827-0027)
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站