ExtJs学习~~前言

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaozhegaa/article/details/82806835

额外说一句,感谢广大网友对我的认可,我分享的博客还是比较基础的,我的初衷不是让大家从我这里学会一个技术,将某个技术剖析得多么的详细,而是让大家了解有这样的一个技术,并且能够快速入门,开发属于自己的一个小小的Demo。只要掌握这些基础性的东西,在项目实战中,就能够快速的上手,逐渐掌握该技术的使用就可以了。

吐槽一下,csdn现在是不支持嵌入html代码了吗?知道怎么自定义样式的,可以留言告诉我。个人觉得心啊在CSDN写博客不是很方便,很好控制,很想换个地方写博客~~尴尬

ExtJS入门相对于JavaScriptAngularJSBootstrap还是有一定难度的,特别是要转换思维,改成面对组件的开发。

记得在第一次接触ExtJs的时候,花了很长的时间去看了很多视频教学,大多数是将ExtJs各种组件的用法,布局之类的,花费了很多时间,收获甚微,一直到真正接触项目,在项目中才慢慢了解各种组件,可以说,我对Extjs的学习就是在项目中实践。我个人认为目前国内关于ExtJs的视频还是比较的一般般。

近来,公司也刚好在用ExtJs开发一个后台系统,硬着头皮稍稍整理了一下Extjs快速入门的知识,分享给你身边的同事。此次分享的效果还是很好的,同事们对ExtJs有了很大认识,并且我总结了ExtJs的开发步骤(思路),开发一个新的模块,能以最短的时间去完成,并且对一些有规律的组件,例如table组件的column定义,直接写了自动生成的代码去完成,大大提高了快发的效率。目前同事们都能够独立进行开发。现在拿出来分享一下,希望能帮助到你们。

有一点要说明的是,目前公司是内网开发,写得资料没办法拿出来,只能以照片的方式分享给大家,这样大家无法Copy源码,我会参考上一个项目适当的给一些源码参考,大家主要是参考里面的思想。授人以鱼不如授人以渔~~~~~先分享一张图片给大家看看,不喜欢的可以不看~~~ 后面的治疗都是以拍照截图的方式分享的

ExtJS比较适合做后台管理系统。

分享我第一个项目的效果图:ExtJs6.X版本的 ~~由于是录像截图,可能有点模糊,凑合点看


 

第二个项目是公司内部使用的项目,不方便截图,跟上面很类似,都是左边菜单栏,右边显示内容这样的结构。

上述的项目,其实是借鉴官方提供的Demo进行改造而来的。

http://extjs.org.cn/

接下来的博客中,会把一些上面的代码分享出来给大家~~   

最后,个人建议,如果你不是对前端技术比较熟悉的,建议还是暂时不要用ExtJs6的后台模板。因为呢 ~ ~ ExtJs6的官方手册是英文的,而且关于这个ExtJs6相关博客资料比较少。你在网上搜索的Demo大部分都是ExtJs4的案例,ExtJs6在语法上跟ExtJs4还是有点不大一样。遇到问题了,可能会耗费自己比较多的时间。

猜你喜欢

转载自blog.csdn.net/xiaozhegaa/article/details/82806835