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)，可以通过一小段描述信息来管理项目的构建，报告和文 档的软件项目管理工具。绝大多数开发人员都把 Ant 当作 Java 编程项目的标准构建工具。遗憾的 是，Ant 的项目管理工具（作为 make 的替代工具）不能满足绝大多数开发人员的需要。通过检查 Ant 构建文件，很难发现项目的相关性信息和其它信息（如开发人员/ 拥有者、版本或站点主页） 。 Maven 除了以程序构建能力为特色之外，还提供 Ant 所缺少的高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的 项目，而使用 Ant 则需要十几行。事实上，由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司项目采用 Maven 的比例在持续增长。 1.2、extjs 入门教程课程内容 主要内容是 extjs4.2高级组件和 MVC 设计模式，通过一个简单的开发带领大家熟悉常用的高 级组件以及 extjs4.x 的 MVC 设计模式的使用方式。后台开发使用的技术有： Maven3.1、struts2+spring3+hibernate4框架。课程偏重于 extjs4.2框架，适合对 extjs 有一定基础 的同学。其中后台框架的 jar 包，使用的原则是：在稳定的基础上采用最新版本的 jar 包。 1.3、extjs 入门教程课程大纲 围绕在客户关系管理系统（CRM）这个系统，一个需求比较全面的系统。搭建 Extjs 的 MVC 开 发框架，前后台结合使用将常用的高级组件讲一遍。全面的将系统开发完成，同时分享一些个人的 开发经验。同时将系统中一些难以使用 Extjs 实现的功能，也给大家解决了一下，如：权限分配、权 限树。 可细分为如下三部分： 1、Maven3.1 的开发和使用 2、接近最新版本的 SSH 三大框架整合的应用，涉及到一些新的技术 3、Extjs4.x 的 MVC 开发，自定义组件、解决了有些 Extjs 不容易实现的模块，如：权限 分配。 extjs 入门教程具体课程内容如下： 第一讲： 项目介绍、CRM 介绍和 Maven 环境搭建 第二讲：Maven 的聚合和继承 第三讲：数据库操作模块接口编写 第四讲：数据库操作模块接口实现 第五讲：数据库操作模块测试 第六讲：ExtJs MVC 框架搭建、MVC 分模块编写 Controller、View、Model、Store 模块 第七讲：ExtJs MVC 框架搭建+ 验证码生成程序 第八讲：需求讲解+后台搭建+登录功能 第九讲：继续搭建后台框架 第十讲：创建菜单树，实现权限初步管理 第十一讲：登录功能+根据权限列出操作菜单(上) 第十二讲：登录功能+根据权限列出操作菜单(下) 第十三讲：登录功能+根据权限列出操作菜单(补充) 第十四讲：Controller 初步使用、组件的获取方式和菜单树的点击事件 第十五讲：详细讲解 MVC 中 View、Store 、Model 的关系、销售机会管理模块界面搭建 第十六讲：销售机会模块：展示所有的销售机会 第十七讲：添加销售机会、删除销售机会 第十八讲：借助添加销售机会功能，详细讲解添加功能的操作 第十九讲：修改销售机会、添加过滤器、处理编码问题 第二十讲：指派销售机会功能、下拉列表的使用 第二十一讲：删除销售机会、查看未分配的、已分配、分配给我的销售机会、高级搜索 第二十二讲：定制开发计划(前端实现) 、开发成功的销售机会、开发失败的销售机会 第二十三讲：定制开发计划后台、查询计划列表、添加计划、修改计划(前端实现) 第二十四讲：标记销售机会开发成功 OR 失败、前台框架增、删、改的方法封装 第二十五讲：客户信息管理、后台 Model、Action 创建，前台 Model、View、Store、Controller 第二十六讲：添加、修改客户信息 第二十七讲：动态改变 Store 的参数，查看指定客户的联系人信息 第二十八讲：重写前端分页组件，修改联系人信息，添加联系人信息 第二十九讲：查询客户交往记录 第三十讲：客户流失预警，查看预警 第三十一讲：流失预警暂缓措施，查看详细 第三十二讲：服务管理：创建服务 第三十三讲：服务查看、未处理、已处理、处理中 第三十四讲：服务指派、填写反馈信息、查看归档服务 第三十五讲：我的服务处理、查看我处理完成的服务 第三十六讲：统计报表之图表工具讲解(上) 第三十七讲：统计报表之图表工具讲解(下) 第三十八讲：图表使用实践：统计报表-销售机会统计 第三十九讲：客户服务分析、客户流失分析、服务类型管理 第四十讲：部门管理、创建部门树形结构(递归构造) 第四十一讲：部门树的添加、修改和删除(上) 第四十二讲：树形下拉列表的使用，修改部门信息 第四十三讲：用户管理：查看用户列表，添加用户初步前台实现 第四十四讲：添加用户、修改用户(下拉树形结构) 第四十五讲：角色管理界面搭建，查询用户角色 第四十六讲：权限树的显示、权限树插件讲解 第四十七讲：角色的添加、修改、删除 第四十八讲：主题讲解，如何切换 第四十九讲：主题制作专题：快速制作主题方法(上) 第五十讲：主题制作专题：快速制作主题方法(下) 第五十一讲：主题制作专题：标准方法制作主题(上) 第五十二讲：主题制作专题：标准方法制作主题(下) 二、extjs 入门教程课程在实际开发中的应用 2.1 、extjs 入门教程企业中的应用 作为 java 开发，肯定会遇到很多的 B/S 架构的软件。如果每做一套系统，都需要开发一套美 工页面的话，在很大程度上降低了开发效率，而且并不能保证每一套页面都能兼容市场上90%以上 的浏览器，在界面展示方面也就是常见的那些，太高级的开发难度增加。 使用前台框架恰好解决了这个问题，降低了成本的同时还加快了开发效率，并且项目利于管 理。多功能复杂的界面很轻松就能实现，几乎兼容市场上所有的浏览器，异步通信技术以及前端处 理技术大大降低了服务器的压力，所以 Extjs 框架是很好的一个选择。 2.2 、学习 extjs 入门教程的目标 目标一、熟练的使用 Extjs4.X 搭建 MVC 框架，进行开发 目标二、掌握各种获取 Extjs 组件的方法 目标三、掌握 Extjs 的页面布局方式 目标四、掌握 Extjs 弹出窗体的使用 目标五、掌握高级组件：grid 、tree、form、ajax、chart 、panel 目标六、使用普通的动态下拉框、多选下拉框、树形结构的下拉框 目标七、学会根据 Extjs 自身组件去自定义自己需求的组件 目标八、掌握 Exjts 的图表功能，制作报表 目标九、Extjs 扩展组件权限树，动态修改角色的权限 目标十、两种主题制作方法，附送7中主题。 目标十一、可以使用 Maven 分模块开发 目标十二、使用 Maven 创建自己的功能模块 目标十三、使用 Maven 搭建 SSH2 MVC 开发框架 目标十四、了解 Hibernate4.2.6、struts 2.3.15.2、spring3.2.4的新特性 2.3 、extjs 入门教程课程的特色 本课程 extjs 入门教程主要是采用 extjs 的 MVC 设计模式，开发一个客户关系管理系统 （CRM） ，前台和后台独立分开，在实际开发应用中将常用的高级组件与大家分享。 1、在 extjs 中如何获取其他组件，尤其是在 mvc 设计模式中。 2、如何使用 store 动态传递参数，在翻页的同时也能够传递参数。 3、完美的创建我们自己的主题，真正的解决主题的问题，最后附送7套主题。 4、给出了一些 Extjs 难以实现的解决方案，如下拉树菜单、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中使用插件与自定义组件技术。 亮点八、解决了一些 Extjs 难以实现的一些组件：动态权限树、下拉树菜单等，Extjs 并没有 给提供相关的方法，我们采用 Extjs 的一些其他方法加上自己写的方法来实现。 亮点九、项目中使用了 Extjs 的图表功能，简单的开发了一个统计模块。 亮点十、开发中，充分利用了 Extjs API 和 Extjs 的 Example。如何查阅 api，如何查找我想要 的功能，如何查看例子。对于一些未知的功能，如何通过查找 extjs 的工程包进行自我学习。非常适 合初学者，通过自学慢慢的变成一个高手！ 一些模块，学员可以将相关的代码，抽取出去即可直接使用。 三、extjs 入门教程学习建议 3.1 、extjs 入门教程时间安排 根据大家的时间，自行安排学习。 3.2、 extjs 入门教程学习要求 Extjs 框架很强大，但是也很不好学，由 javascript 为基础，通过编程的方式实现界面。对于 初学者，首先要掌握 Extjs 的基本组件：数据模型、数据代理、事件机制，然后在将 grid、tree 、panel 等高级组件学会，在学高级组件的同时注意组件功能的扩展。关键是自己要多练 习，完全用 extjs 开发一个系统，如果你不去开发，你永远想象不到你遇到的问题。 每学习一课都要动手将代码打一遍。不要复制我的代码，自己动手会有更深刻的体会，加深自己的 记忆。 3.3 、extjs 入门教程一些建议 学习别人的示例对于我们开发帮助会非常大，示例包括基本组件的应用、综合应用等多个方 面。在此，简单推荐几个。 1、学好基础知识，然后掌握每一个高级组件。在 Ext 官方示例中提供了很详细的例子。 在 ext 项目下载包的 examples 目录中，包括各个控件的基本应用演示，同时还有一些比较复杂的组 合示例，有简有繁，非常适合初学者认真研究。 2、其它示例，在 ext 社区中还有很多比较优秀的 ext 应用示例，有些只是一个应用演示， 虽然没有提供源码下载，但我们可以直接下载引用的 js 文件来得到这些示例的 ext 应用代码，同样 能取起到非常好的学习效果。 四、学习后能做什么 基本上所有的前台你都可以实现了，extjs 还可以将 fusionchart（图表）等一系列的前台插件封 装成一个 extjs 自己的对象。 在开发可以中完全按照 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 不会长时间占用太多，如果 占用多的话，浏览器会给出中止脚本运行的提