版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaozhegaa/article/details/82806835
额外说一句,感谢广大网友对我的认可,我分享的博客还是比较基础的,我的初衷不是让大家从我这里学会一个技术,将某个技术剖析得多么的详细,而是让大家了解有这样的一个技术,并且能够快速入门,开发属于自己的一个小小的Demo。只要掌握这些基础性的东西,在项目实战中,就能够快速的上手,逐渐掌握该技术的使用就可以了。
吐槽一下,csdn现在是不支持嵌入html代码了吗?知道怎么自定义样式的,可以留言告诉我。个人觉得心啊在CSDN写博客不是很方便,很好控制,很想换个地方写博客~~尴尬
ExtJS入门相对于JavaScript、AngularJS、Bootstrap还是有一定难度的,特别是要转换思维,改成面对组件的开发。
记得在第一次接触ExtJs的时候,花了很长的时间去看了很多视频教学,大多数是将ExtJs各种组件的用法,布局之类的,花费了很多时间,收获甚微,一直到真正接触项目,在项目中才慢慢了解各种组件,可以说,我对Extjs的学习就是在项目中实践。我个人认为目前国内关于ExtJs的视频还是比较的一般般。
近来,公司也刚好在用ExtJs开发一个后台系统,硬着头皮稍稍整理了一下Extjs快速入门的知识,分享给你身边的同事。此次分享的效果还是很好的,同事们对ExtJs有了很大认识,并且我总结了ExtJs的开发步骤(思路),开发一个新的模块,能以最短的时间去完成,并且对一些有规律的组件,例如table组件的column定义,直接写了自动生成的代码去完成,大大提高了快发的效率。目前同事们都能够独立进行开发。现在拿出来分享一下,希望能帮助到你们。
有一点要说明的是,目前公司是内网开发,写得资料没办法拿出来,只能以照片的方式分享给大家,这样大家无法Copy源码,我会参考上一个项目适当的给一些源码参考,大家主要是参考里面的思想。授人以鱼不如授人以渔~~~~~先分享一张图片给大家看看,不喜欢的可以不看~~~ 后面的治疗都是以拍照截图的方式分享的
ExtJS比较适合做后台管理系统。
分享我第一个项目的效果图:ExtJs6.X版本的 ~~由于是录像截图,可能有点模糊,凑合点看
第二个项目是公司内部使用的项目,不方便截图,跟上面很类似,都是左边菜单栏,右边显示内容这样的结构。
上述的项目,其实是借鉴官方提供的Demo进行改造而来的。