extjs入门教程SSH+Maven+Extjs4+MySQL实战开发.docx

《extjs入门教程SSH+Maven+Extjs4+MySQL实战开发.docx》由会员分享，可在线阅读，更多相关《extjs入门教程SSH+Maven+Extjs4+MySQL实战开发.docx（9页珍藏版）》请在三一办公上搜索。

1、extjs入门教程SSH+Maven+Extjs4+MySQL实战开发extjs入门教程-基于SSH+Maven+Extjs4+MySQL技术实战开发CRM客户关系管理系统 一、extjs入门教程课程简介 1.1、extjs入门教程课程背景 J2ee技术已经流行很多年了，在很多的B/S架构中之前都是jsp页面组成的。后来产生了很多的前台框架，或者称之为富客户端。Extjs就是其中之一，从起初的版本到extjs4.2版，extjs已经发展为一个成熟的框架了。在企业开发中被广泛的应用。 Maven是基于项目对象模型(POM)，可以通过一小段描述信息来管理项目的构建，报告和文档的软件项目管理工具。绝

2、大多数开发人员都把 Ant 当作 Java 编程项目的标准构建工具。遗憾的是，Ant 的项目管理工具不能满足绝大多数开发人员的需要。通过检查 Ant 构建文件，很难发现项目的相关性信息和其它信息。 Maven 除了以程序构建能力为特色之外，还提供 Ant 所缺少的高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目，而使用 Ant 则需要十几行。事实上，由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司项目采用 Maven 的比例在持续增长。 1.2、extjs入

3、门教程课程内容 主要内容是extjs4.2高级组件和MVC设计模式，通过一个简单的开发带领大家熟悉常用的高级组件以及extjs4.x的MVC设计模式的使用方式。后台开发使用的技术有：Maven3.1、struts2+spring3+hibernate4框架。课程偏重于extjs4.2框架，适合对extjs有一定基础的同学。其中后台框架的jar包，使用的原则是：在稳定的基础上采用最新版本的jar包。 1.3、extjs入门教程课程大纲 围绕在客户关系管理系统这个系统，一个需求比较全面的系统。搭建Extjs的MVC开发框架，前后台结合使用将常用的高级组件讲一遍。全面的将系统开发完成，同时分享一些个

4、人的开发经验。同时将系统中一些难以使用Extjs实现的功能，也给大家解决了一下，如：权限分配、权限树。 可细分为如下三部分： 1、Maven3.1的开发和使用 2、接近最新版本的SSH三大框架整合的应用，涉及到一些新的技术 3、Extjs4.x的MVC开发，自定义组件、解决了有些Extjs不容易实现的模块，如：权限分配。 extjs入门教程具体课程内容如下： 第一讲： 项目介绍、CRM介绍和Maven环境搭建 第二讲：Maven的聚合和继承 第三讲：数据库操作模块接口编写 第四讲：数据库操作模块接口实现 第五讲：数据库操作模块测试 第六讲：ExtJs MVC框架搭建、MVC分模块编写Contr

5、oller、View、Model、Store模块 第七讲：ExtJs MVC框架搭建+验证码生成程序 第八讲：需求讲解+后台搭建+登录功能 第九讲：继续搭建后台框架 第十讲：创建菜单树，实现权限初步管理 第十一讲：登录功能+根据权限列出操作菜单(上) 第十二讲：登录功能+根据权限列出操作菜单(下) 第十三讲：登录功能+根据权限列出操作菜单(补充) 第十四讲：Controller初步使用、组件的获取方式和菜单树的点击事件 第十五讲：详细讲解MVC中View、Store、Model的关系、销售机会管理模块界面搭建 第十六讲：销售机会模块：展示所有的销售机会 第十七讲：添加销售机会、删除销售机会 第

6、十八讲：借助添加销售机会功能，详细讲解添加功能的操作 第十九讲：修改销售机会、添加过滤器、处理编码问题 第二十讲：指派销售机会功能、下拉列表的使用 第二十一讲：删除销售机会、查看未分配的、已分配、分配给我的销售机会、高级搜索 第二十二讲：定制开发计划(前端实现)、开发成功的销售机会、开发失败的销售机会 第二十三讲：定制开发计划后台、查询计划列表、添加计划、修改计划(前端实现) 第二十四讲：标记销售机会开发成功OR失败、前台框架增、删、改的方法封装 第二十五讲：客户信息管理、后台Model、Action创建，前台Model、View、Store、Controller 第二十六讲：添加、修改客户信

7、息 第二十七讲：动态改变Store的参数，查看指定客户的联系人信息 第二十八讲：重写前端分页组件，修改联系人信息，添加联系人信息 第二十九讲：查询客户交往记录 第三十讲：客户流失预警，查看预警 第三十一讲：流失预警暂缓措施，查看详细 第三十二讲：服务管理：创建服务 第三十三讲：服务查看、未处理、已处理、处理中 第三十四讲：服务指派、填写反馈信息、查看归档服务 第三十五讲：我的服务处理、查看我处理完成的服务 第三十六讲：统计报表之图表工具讲解(上) 第三十七讲：统计报表之图表工具讲解(下) 第三十八讲：图表使用实践：统计报表-销售机会统计 第三十九讲：客户服务分析、客户流失分析、服务类型管理 第

8、四十讲：部门管理、创建部门树形结构(递归构造) 第四十一讲：部门树的添加、修改和删除(上) 第四十二讲：树形下拉列表的使用，修改部门信息 第四十三讲：用户管理：查看用户列表，添加用户初步前台实现 第四十四讲：添加用户、修改用户(下拉树形结构) 第四十五讲：角色管理界面搭建，查询用户角色 第四十六讲：权限树的显示、权限树插件讲解 第四十七讲：角色的添加、修改、删除 第四十八讲：主题讲解，如何切换 第四十九讲：主题制作专题：快速制作主题方法(上) 第五十讲：主题制作专题：快速制作主题方法(下) 第五十一讲：主题制作专题：标准方法制作主题(上) 第五十二讲：主题制作专题：标准方法制作主题(下) 二、

9、extjs入门教程课程在实际开发中的应用 2.1 、extjs入门教程企业中的应用 作为java开发，肯定会遇到很多的B/S架构的软件。如果每做一套系统，都需要开发一套美工页面的话，在很大程度上降低了开发效率，而且并不能保证每一套页面都能兼容市场上90%以上的浏览器，在界面展示方面也就是常见的那些，太高级的开发难度增加。 使用前台框架恰好解决了这个问题，降低了成本的同时还加快了开发效率，并且项目利于管理。多功能复杂的界面很轻松就能实现，几乎兼容市场上所有的浏览器，异步通信技术以及前端处理技术大大降低了服务器的压力，所以Extjs框架是很好的一个选择。 2.2 、学习extjs入门教程的目标 目

10、标一、熟练的使用Extjs4.X搭建MVC框架，进行开发 目标二、掌握各种获取Extjs组件的方法 目标三、掌握Extjs的页面布局方式 目标四、掌握Extjs弹出窗体的使用 目标五、掌握高级组件：grid、tree、form、ajax、chart、panel 目标六、使用普通的动态下拉框、多选下拉框、树形结构的下拉框 目标七、学会根据Extjs自身组件去自定义自己需求的组件 目标八、掌握Exjts的图表功能，制作报表 目标九、Extjs扩展组件权限树，动态修改角色的权限 目标十、两种主题制作方法，附送7中主题。 目标十一、可以使用Maven分模块开发 目标十二、使用Maven创建自己的功能模

11、块 目标十三、使用Maven搭建SSH2 MVC开发框架 目标十四、了解Hibernate4.2.6、struts 2.3.15.2、spring3.2.4的新特性 2.3 、extjs入门教程课程的特色 本课程extjs入门教程主要是采用extjs的MVC设计模式，开发一个客户关系管理系统，前台和后台独立分开，在实际开发应用中将常用的高级组件与大家分享。 1、在extjs中如何获取其他组件，尤其是在mvc设计模式中。 2、如何使用store动态传递参数，在翻页的同时也能够传递参数。 3、完美的创建我们自己的主题，真正的解决主题的问题，最后附送7套主题。 4、给出了一些Extjs难以实现的解决

12、方案，如下拉树菜单、store动态传递参数、权限树控制等。 2.4 、extjs入门教程课程亮点： 亮点一、完全用ext4.2最新API完成，涉及到Extjs4.x全部最新特性 亮点二、完整演示extjs4.2+java框架技术Maven3.1+SSH2+MySql数据库整合 亮点三、可以学习extjs4.2的MVC模式的经典企业应用。 亮点四、Extjs4.x的主题制作功能，并附送7套个性主题。 亮点五、学习并掌握extjs4.2常见组件及高级组件的详细讲解与实例项目。 亮点六、整个项目80%讲师全部手敲代码实现。 亮点七、可以学习到如何在extjs4.2中使用插件与自定义组件技术。 亮点八

13、、解决了一些Extjs难以实现的一些组件：动态权限树、下拉树菜单等，Extjs并没有给提供相关的方法，我们采用Extjs的一些其他方法加上自己写的方法来实现。 亮点九、项目中使用了Extjs的图表功能，简单的开发了一个统计模块。 亮点十、开发中，充分利用了Extjs API和Extjs的Example。如何查阅api，如何查找我想要的功能，如何查看例子。对于一些未知的功能，如何通过查找extjs的工程包进行自我学习。非常适合初学者，通过自学慢慢的变成一个高手！ 一些模块，学员可以将相关的代码，抽取出去即可直接使用。 三、extjs入门教程学习建议 3.1 、extjs入门教程时间安排 根据大家

14、的时间，自行安排学习。 3.2、 extjs入门教程学习要求 Extjs框架很强大，但是也很不好学，由javascript为基础，通过编程的方式实现界面。对于初学者，首先要掌握Extjs的基本组件：数据模型、数据代理、事件机制，然后在将grid、tree、panel等高级组件学会，在学高级组件的同时注意组件功能的扩展。关键是自己要多练习，完全用extjs开发一个系统，如果你不去开发，你永远想象不到你遇到的问题。 每学习一课都要动手将代码打一遍。不要复制我的代码，自己动手会有更深刻的体会，加深自己的记忆。 3.3 、extjs入门教程一些建议 学习别人的示例对于我们开发帮助会非常大，示例包括基本

15、组件的应用、综合应用等多个方面。在此，简单推荐几个。 1、学好基础知识，然后掌握每一个高级组件。在Ext官方示例中提供了很详细的例子。在ext项目下载包的examples目录中，包括各个控件的基本应用演示，同时还有一些比较复杂的组合示例，有简有繁，非常适合初学者认真研究。 2、其它示例，在ext社区中还有很多比较优秀的ext应用示例，有些只是一个应用演示，虽然没有提供源码下载，但我们可以直接下载引用的js文件来得到这些示例的ext应用代码，同样能取起到非常好的学习效果。 四、学习后能做什么 基本上所有的前台你都可以实现了，extjs还可以将fusionchart等一系列的前台插件封装成一个ex

16、tjs自己的对象。 在开发可以中完全按照extjs的编程方式进行开发。但是它不适合做网站，因为搜索引擎搜索不到你网站的信息。 五、extjs入门教程一些常见的问题 1、extjs页面加载慢、运行不流畅 加载慢这个确实是个问题，在ie下比较明显，因为ie9之下不支持css3，而extjs4.x采用的是css3样式。当你使用ie浏览器的时候，那些华丽的颜色都是通过加载图片进行显示的，加载图片比加载一个颜色码慢的多了，但是谷歌、火狐等浏览器就不存在这样的问题了。至于运行不流畅，不是前台的问题，有可能是extjs自身在请求数据的时候，服务器处理的慢，extjs自身反应是非常快的，除非你的电脑cpu使用

17、率较高。 2、颜色单一，页面容易产生审美疲劳 在extjs4.x之前，改变extjs的主题是一件很轻松的事情，而到了extjs4.x要改变extjs4.x的主题样式好像变的遥不可及了。主要是extjs4.x之后用的是css3样式，是通过sass编程的方式产生的。不过在本课程中，完美的解决了这个问题，你很轻的就可以设计出自己的主题。如果对窗体组件不满意也可以自定义窗体组件。 3、Extjs不好有些功能不能实现 应该是你掌握的基础不够牢固，也有可能你是说的extjs4.x之前的。在extjs4.2技术方面已经相当的成熟了。之前的版本有些方法在api中已经提到了，但是用起来却不管用，这是extjs产

18、品的不完善。在extjs4.2中这种情况已经很少了，也是不太重要的功能。 4、我的项目太庞大了，使用它用户在使用的时候消耗太多的CPU 可以采用Extjs在前台处理数据，会消耗一定的内存，但是CPU不会长时间占用太多，如果占用多的话，浏览器会给出中止脚本运行的提示的。如果项目太庞大，建议不要一个页面处理所有的业务。可以采用多个页面，每一个大功能可以分成一个独立的页面。否则处理太多的数据extjs还是很消耗内存的。 工具、软件或插件的版本： 1. Eclipse 3.1 2. Maven3.1以上、Hibernate4.2.6、struts 2.3.15.2、spring3.2.4 3. ExtJS4.1ExtJS4.2均可 extjs入门教程-基于SSH+Maven+Extjs4+MySQL技术实战开发CRM客户关系管理系统查看下载网址：