我之前使用extjs4+java spring MVC架构了一套“模块常规功能自定义的系统”，该系统中详细讲解了设计思想，但并未有实现过程。由于extjs5的发布，并有许多新特性，而我对原系统正有重构和加入新功能的想法，因此决定对该系统进行升级，并将升级的开发过程写成博客。
系统开发将分成二个阶段：
- 第一阶段将用extjs5搭建前台界面，完成界面的总体布局、若干种菜单、表格Grid、窗体Form、数据记录的增册查改、以及若干自定义组件，还有界面属性的自定义与展示。
- 第二阶段将开发java后台的控制体系，使其和前台结合，能够完成整个自定义系统的运转。
系统开发要使用的工具：
- eclipse ；
- extjs5 SDK (extjs5下载地址)；
- sencha cmd（sencha cmd 下载），这个用来建立extjs5的应用程序，可以打包和压缩extjs的源程序；
- ruby (ruby 下载地址) ，这是sencha cmd 的一个支持环境。 （最好安装1.93版，其他版本sencha cmd 在在使用过程中会出现错误）。
下载及安装过程在各网站上都有详细的说明，这里就不重复了。
由于先开发前台的界面和功能，因此需要对extjs有一定的了解，系统中我不会很详细的讲解每一条语句,对于基本的属性和函数需要自己去查api进行了解。最终目标是要开发一套根据配置文件来自定义界面的系统，开发过程中也不会使用界面生成器，所有的界面都是自己写代码，这样更有利于熟悉extjs的层次结构。
从extjs4开始，加入了MVC的架构，开发程序使用OOP的技术，使程序的结构和可读性大大加强。在extjs5中，又增加了MVVM的特性，根据我的理解就是界面的控件的属性可以根据绑定值自动的改变，这对于我来说是一个十分重要的新特性，在此之前某些功能都是我自己手工完成编码，现在可以自动实现了。
从下节开始，我将用eclipse建立一个Dynamic web Project, 然后在其 war 目录下用 sencha cmd 建立一个extjs5的工程，建立好的工程有一些自动生成的js代码，在启动了服务后可以在浏览器中查看。
原文出处:http://www.qeefee.com/article/000375(起飞网)
时间： 2024-10-13 15:35:55