当前位置:文档之家› 总结

总结

工作综述:
1、通过几天的工作,将一个Extjs的一个MVC入门的小网页程序在今天完工了,名字叫account_manager(简称AM):
用了MVC的分层思想,在account_manager目录下建立一个app文件并在此文件中建立四个模块:controller层,view层,model层以及store层。
1)在controller层下的js(继承Ext.app.Controller)首先要加载其他其他层的js名的引用;然后调用init方法用于监听view层的事件,并处理事件。
2)在view层下面的js(两个:List继承Ext.grid.Panel,Edit继承Ext.window.Window) 要加载store层的js引用名;然后调用initComponent方法用于渲染(render)网页。
3)在store层下面的js(继承Ext.data.Store)要加载model层的引用;然后将自动加载设置为true;然后用代理(proxy)用read方式读取data下的json文件(用于显示到页面)或者以json
格式的方式将数据传送到服务器端(这个是虚拟的)。
4)在model层下的js(继承Ext.data.Model)定义了Store层的数据模型,从而使数据读取更加方便。
5)在app文件下还要定义一个data文件,用于存储json格式的数据源,用于支持store层的存、取。
6)通过app将js代码封装后,页面(jsp)上面只需要加载controller层的引用,并用一个launch方法通过容器显示页面信息。
以上就是整个程序的概述。
关于程序的bug:
1)第一天,刚刚写Ext程序时候,遇到了一个由于版本不同引起的bug,这个程序是参照“Ext4.0 MVC 指导"写的程序,但是我用的是4.1的包。在吴伟的指导下,解决了这个问题,并且了
解并掌握了如何调试程序的方法。
2)在写程序的过程中经常忘记写 引用名 如:controllers: 'Users',在网页控制台上会显示找不到XX类之类的错误提示。
3)还有初学者经常犯得错误,写错某些单词了,如:grid写成了gird,同样也有找不到XX类的提示。
关于如何解决bug :
1)通过控制台的提示知道犯了什么类型的错。
2)定义bug的范围:最好的方法就是用console.log()方法来写一个日志,然后刷新页面,再通过控制台错误提示就知道该程序执行到哪一步了。
3)仔细阅读错误提示,观察Network进一步解决错误。
4)如果通过持久的工作后依然不能解决就请教高手!
2、下午的工作概述:
阅读公司提供的程序源码:
1)将公司的源代码和自己之前的小程序的编程思想进行比较,发现他们之间的编程方式都比较相似,都是以controller层的为核心进行编程的;但是公司的代码比之前的程序代码量大很多,而且技术也运用的多得多。
2)学习公司代码里面编程用到的语句,不懂的或者模棱两可的都一一进行理解,如果通过代码的上下关联还不能理解的话,通过上网进行

查找。
具体的知识点:
1)JS中this的用法:
this是js的一个关键字,随着函数使用的场合不同,this的值会发生变化,但是总有一个原则,那就是this指的事调用函数的那个对象。
2)Ext.requires的作用。

相关主题
文本预览
相关文档 最新文档