基于MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统(主题皮肤、高级组件)

一、课程简介 

1.1、课程背景

     J2ee技术已经流行很多年了，在很多的B/S架构中之前都是jsp页面组成的。后来产生了很多的前台框架，或者称之为富客户端。Extjs就是其中之一，从起初的版本到extjs4.2版，extjs已经发展为一个成熟的框架了。在开发中被广泛的应用。

 

1.2、课程内容

     主要内容是extjs4.2高级组件和MVC设计模式，通过一个简单的开发带领大家熟悉常用的高级组件以及extjs4.x的MVC设计模式的使用方式。后台采用的是struts2+spring+hibernate框架。课程偏重于extjs4.2框架，适合对extjs有一定基础的同学。

 

1.3、课程大纲

     围绕在线投稿系统这个简单的小系统，搭建Extjs的MVC开发框架，前后台结合使用将常用的高级组件讲一遍

 

 

 

二、课程在实际开发中的应用

 

 

2.1 、企业中的应用

 

     软件开发，目前好的岗位就是电信和金融方面的。在这两个方面，我们大多数用到的都是一些管理或者维护展示用的系统。如果每做一套系统，都需要开发一套美工页面的话，在很大程度上降低了开发效率，而且并不能保证每一套页面都能兼容市场上90%以上的浏览器，在界面展示方面也就是常见的那些，太高级的开发难度增加。

使用前台框架恰好解决了这个问题，降低了成本的同时还加快了开发效率，并且项目利于管理。多功能复杂的界面很轻松就能实现，几乎兼容市场上所有的浏览器，异步通信技术以及前端处理技术大大降低了服务器的压力，所以Extjs是很好的一个选择。

 

2.2 、学习的目标

 

     关于前台的任意需求你都能够实现，你可以结合其他组件，但是前台框架只使用extjs框架。

 

2.3 、课程的特色

 

     本课程主要是采用extjs的MVC设计模式，开发一个在线投稿系统，前台和后台独立分开，在实际开发应用中将常用的高级组件与大家分享。

     1、在extjs中如何获取其他组件，尤其是在mvc设计模式中。

     2、如何使用store动态传递参数，在翻页的同时也能够传递参数。

     3、完美的创建我们自己的主题，真正的解决主题的问题。

 

2.4 、课程亮点：

 

     亮点一、完全用ext4.2最新API完成，涉及到Extjs4.x全部最新特性

 

     亮点二、完整演示extjs4.2+java框架技术ssh2+mysql数据库整合

 

     亮点三、可以学习extjs4.2的mvc模式的经典企业应用

 

     亮点四、了解并会使用extjs4.2的主题皮肤功能

 

     亮点五、学习并掌握extjs4.2常见组件及高级组件的详细讲解与实例项目

 

     亮点六、整个项目80%讲师全部手敲代码实现

 

     亮点七、可以学习到如何在extjs4.2中使用插件与自定义组件技术

 

     亮点八、整个项目是讲师原来内部企业在用的一个小项目，实用性和实战性很强，

 

     学员拿到后，略加改动，便可用到自己的项目中。

 

 

三、学习建议

 

 

3.1 、时间安排

     根据大家的时间，自行安排学习

 

3.2、 学习要求

 

     Extjs框架很强大，但是也很不好学，由javascript为基础，通过编程的方式实现界面。对于初学者，首先要掌握Extjs的基本组件：数据模型、数据代理、事件机制，然后在将grid、tree、panel等高级组件学会，在学高级组件的同时注意组件功能的扩展。关键是自己要多练习，完全用extjs开发一个系统，如果你不去开发，你永远想象不到你遇到的问题。

每学习一课都要动手将代码打一遍。不要复制我的代码，自己动手会有更深刻的体会，加深自己的记忆。

 

3.3 、一些建议

 

     学习别人的示例对于我们开发帮助会非常大，示例包括基本组件的应用、综合应用等多个方面。在此，简单推荐几个。

     1、学好基础知识，然后掌握每一个高级组件。在Ext官方示例中提供了很详细的例子。在ext项目下载包的examples目录中，包括各个控件的基本应用演示，同时还有一些比较复杂的组合示例，有简有繁，非常适合初学者认真研究。

     2、其它示例，在ext社区中还有很多比较优秀的ext应用示例，有些只是一个应用演示，虽然没有提供源码下载，但我们可以直接下载引用的js文件来得到这些示例的ext应用代码，同样能取起到非常好的学习效果。

 

 

四、学习后能做什么

 

 

     基本上所有的前台你都可以实现了，extjs还可以将fusionchart（图表）等一系列的前台插件封装成一个extjs自己的对象。 在开发可以中完全按照extjs的编程方式进行开发。但是它不适合做网站，因为搜索引擎搜索不到你网站的信息。

 

 

五、一些常见的问题

 

 

1、extjs页面加载慢、运行不流畅

 

     加载慢这个确实是个问题，在ie下比较明显，因为ie9之下不支持css3，而extjs4.x采用的是css3样式。当你使用ie浏览器的时候，那些华丽的颜色都是通过加载图片进行显示的，加载图片比加载一个颜色码（#23E59F）慢的多了，但是谷歌、火狐等浏览器就不存在这样的问题了。至于运行不流畅，不是前台的问题，有可能是extjs自身在请求数据的时候，服务器处理的慢，extjs自身反应是非常快的，除非你的电脑cpu使用率较高。

 

2、 颜色单一，页面容易产生审美疲劳

 

     在extjs4.x之前，改变extjs的主题是一件很轻松的事情，而到了extjs4.x要改变extjs4.x的主题样式好像变的遥不可及了。主要是extjs4.x之后用的是css3样式，是通过sass编程的方式产生的。不过在本课程中，完美的解决了这个问题，你很轻的就可以设计出自己的主题。如果对窗体组件不满意也可以自定义窗体组件。

 

3、 Extjs不好有些功能不能实现

 

     应该是你掌握的基础不够牢固，也有可能你是说的extjs4.x之前的。在extjs4.2技术方面已经相当的成熟了。之前的版本有些方法在api中已经提到了，但是用起来却不管用，这是extjs产品的不完善。在extjs4.2中这种情况已经很少了，也是不太重要的功能。

 

4、 我的项目太庞大了，使用它用户在使用的时候消耗太多的CPU

 

     可以采用Extjs在前台处理数据，会消耗一定的内存，但是CPU不会长时间占用太多，如果占用多的话，浏览器会给出中止脚本运行的提示的。如果项目太庞大，建议不要一个页面处理所有的业务。可以采用多个页面，每一个大功能可以分成一个独立的页面。否则处理太多的数据extjs还是很消耗内存的。

 

 

软件的版本：

 

1. MyEclipse 8.5及以上

 

2. Hibernate3、struts 2.1.6、spring2.x

 

3. Ext-4.2.1.883

 

更多内容，敬请关注：http://url7.me/rpvE1

有兴趣的同学请加QQ群:2群：217108493       4群：275733010