文档章节

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

beifeng_泠
 beifeng_泠
发布于 2013/12/30 13:48
字数 2075
阅读 277
收藏 0

一、课程简介 

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

© 著作权归作者所有

共有 人打赏支持
beifeng_泠
粉丝 1
博文 7
码字总数 15857
作品 0
虹口
Tomcat 系统架构与设计模式_ 设计模式分析

门面设计模式 门面设计模式在 Tomcat 中有多处使用,在 Request 和 Response 对象封装中、Standard Wrapper 到 ServletConfig 封装中、ApplicationContext 到 ServletContext 封装中等都用到...

lvzjane
2014/11/03
0
0
JavaScript常用设计模式

设计模式 设计模式是一种在长时间的经验与错误中总结出来可服用的解决方案。 设计模式主要分为3类: 创建型设计模式:专注于处理对象的创建 Constructor构造器模式,Factory工厂模式,Singl...

a独家记忆
07/13
0
0
观察者模式 vs 发布-订阅模式

我曾经在面试中被问道,“观察者模式和发布订阅模式的有什么区别?” 我迅速回忆起“Head First设计模式”那本书: 发布 + 订阅 = 观察者模式 “我知道了,我知道了,别想骗我” 我微笑着回答...

缪宇
06/29
0
0
依赖注入[2]: 基于IoC的设计模式

正如我们在《控制反转》提到过的,很多人将IoC理解为一种“面向对象的设计模式”,实际上IoC自身不仅与面向对象没有必然的联系,它也算不上是一种设计模式。一般来讲,设计模式提供了一种解决...

Artech
07/26
0
0
20个设计模式和软件设计面试问题

不管是参加Java面试还是C#面试,设计模式和软件设计都是任何编程面试中的必问问题。实际上,编程能力和设计技巧是对彼此很好的补充。一个好的程序员通常都是一个好的软件设计人员。他们知道怎...

LCZ777
2014/08/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

VS code编辑器安装 php7.2 NTS 版本 Xdebug

本文使用的是 phpstudy 一键安装包(windows32位) php 版本是 php7.2 NTS 1、在 phpstudy 面板中开启 phpdebug 扩展 // 其他选项菜单-> php 扩展与设置-> php 扩展 2、官方下载 Xdebug // ...

削个椰子皮_给个梨
10分钟前
0
0
Swagger中配置了@ApiModelProperty的allowableValues属性但不显示的问题

现在用Swagger来生成API文档的例子已经非常多了,今天碰到开发同事问了一个问题,帮着看了一下,主要还是配置方法的问题,所以记录一下。如果您也碰到了同样的问题,希望本文对您有用。 问题...

程序猿DD
40分钟前
1
0
sql 命令

show variables like '%general%'; show variables like '%log_output%'; show variables like '%quer%'; show global status like '%slow%';...

JavaSon712
48分钟前
2
0
Django修改默认数据库引擎

Django默认数据库引擎为sqlite3,除了sqlite3,还支持postgresql、mysql、oracle 配置如下:其中postgresql_psycopg2为postgresql的适配器。 'django.db.backends.postgresql' 'django.db.bac......

MichaelShu
53分钟前
0
0
动画源码解析

目录介绍 1.Animation和Animator区别 2.Animation运行原理和源码分析 2.1 基本属性介绍 2.2 如何计算动画数据 2.3 什么是动画更新函数 2.4 动画数据如何存储 2.5 Animation的调用 3.Animator...

潇湘剑雨
59分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部