文档章节

基于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
Jt —— 面向 Java 模式的框架

Jt 是一种用于快速实现 Java 应用程序的设计模式框架。Jt 在许多大的任务关键型系统中有应用。该框架实现以下目标: 框架架构基于一个消息传送设计模式:框架组件能够交互信息并通过发送、接...

红薯
2010/10/25
686
1
JavaScript常用设计模式

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

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

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

缪宇
06/29
0
0
写给 Python 初学者的设计模式入门

有没有想过设计模式到底是什么?通过本文可以看到设计模式为什么这么重要,通过几个Python的示例展示为什么需要设计模式,以及如何使用。 设计模式是什么? 设计模式是经过总结、优化的,对我...

oschina
2014/03/12
5.3K
13

没有更多内容

加载失败,请刷新页面

加载更多

使用正则表达式实现网页爬虫的思路详解

网页爬虫:就是一个程序用于在互联网中获取指定规则的数据。这篇文章主要介绍了使用正则表达式实现网页爬虫的思路详解,需要的朋友可以参考下 网页爬虫:就是一个程序用于在互联网中获取指定规...

前端小攻略
33分钟前
0
0
vue中锚点的三种方法

第一种: router.js中添加 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return {selector:to.hash } } } 组件: <template><div><ul class="li......

peakedness丶
35分钟前
0
0
记一次面试最常见的10个Redis"刁难"问题

导读:在程序员面试过程中Redis相关的知识是常被问到的话题。作为一名在互联网技术行业打击过成百上千名的资深技术面试官,本文作者总结了面试过程中经常问到的问题。十分值得一读。 Redis在...

小刀爱编程
今天
20
0
TiDB Lab 诞生记 | TiDB Hackathon 优秀项目分享

本文由红凤凰粉凤凰粉红凤凰队的成员主笔,他们的项目 TiDB Lab 在本届 TiDB Hackathon 2018 中获得了二等奖。TiDB Lab 为 TiDB 培训体系增加了一个可以动态观测 TiDB / TiKV / PD 细节的动画...

TiDB
今天
5
0
当区块链遇到零知识证明

本文由云+社区发表 当区块链遇到零知识证明 什么是零知识证明 零知识证明的官方定义是能够在不向验证者任何有用的信息的情况下,使验证者相信某个论断是正确的。这个定义有点抽象,下面笔者举...

腾讯云加社区
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部