开始认识ext的时候是在某次参与的一个项目,当时是由公司架构师搭建的框架,之后只是参与了调优的工作,记得那时候版本还在4.x,当时基于完整的项目做些微调,一边看API一边修改,还算顺利,大致上也知道有这个东西,其他的一直没有过多深入了解,如今到了新公司,前端主要是有Extjs搭建,版本6.2.0,看了下源码,确实有些头晕,不说其他,就项目的结构都是比较陌生,其相互的关系又是那么隐晦,理解起来很是有难度。
在网上大致搜了些文档、教程,对extjs也有了简单的认识,首先ext以面向对象的设计思想、模块化开发、依赖注入、提供了比较完善的组件等等,当然对于开发提供了很多遍历,好像也没有很多公司用到,可能只有向比较大的企业热衷于此。由于组件的繁杂、配置的多元化、关系的维护等等都不是简简单单看下就能理解透彻的,仅仅是哪些API都是眼花缭乱,如何通过已有的元件扩展符合业务需要的界面,各个界面直接又是如何进行交互,在没有dom元素的操作情况下,如何知根知底地控制dom行为都是比较麻烦的,所以学习的成本与学习的难度不言而喻。
这次主要学习也是依据6.2.0版本,并且下载同版本sencha cmd并配置好环境变量,这个帮助我们更好的开发项目,首先通过命令生成项目
sencha -sdk EXT_HOME generate app appName APP_HOME
如果没有什么问题,在APP_HOME目录下会生成对应项目文件,之后的开发都是围绕这个项目开始
执行命令 sencha app build development 则在app/build下生成对应的文件
通过 sencha web start 启动项目,在浏览器通过localhost:1841访问项目,结果如下:
网友评论