您现在的位置:首页 >> 前端 >> 内容

【项目成长日记】如何使用EasyUI-demo创建自己的项目

时间:2016/9/5 9:52:56 点击:

  核心提示:【前言】7月伊始的时候,我们的米总给我们研发团队下达了新的指令。 9月份之前,要把我们的ITOO5.1搞出来!我和我的小伙伴们都有点慌了,毕竟我们的ITOO是个百万数量级访问多模块的大应用 。2个月的...

【前言】

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

【正文】

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
那我美丽的小羊妹妹可能会问了:“那凯哥哥,什么是Easy-UI呀?”

 

 

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

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“听起来可能有点复杂,我们来看看怎么用吧!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“嗯嗯,是的呢!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“首先我们要登录EasyUI的官方网站。”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“看到那个‘查看EasyUI demo’按钮了吗?”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“看到了呢!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“单击它就好了” “然后我们以表单为例来看怎么使用它。”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“可是凯哥哥,我粘贴上以后为什么是这个样子呀?好丑呀!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“你呀! 还是那么心急。我还没说完呢,你就急着上手了。下面才是重点。你看!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

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

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“那这些引用要从哪里找呀!”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

“这里”

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

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

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

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

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

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目
“凯哥哥,我改好了,可是还不行”

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

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

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

“看!”

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

 

【项目成长日记】如何使用EasyUI-demo创建自己的项目

 

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

【结尾】

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

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

阿童木子的博客

作者:网络 来源:宋荣凯 廊坊师范信息