extjs入門教程-SSHMavenExtjs4MySQL實戰(zhàn)開發(fā).doc

extjs入門教程-基于SSH+Maven+Extjs4+MySQL技術(shù)實戰(zhàn)開發(fā)CRM客戶關(guān)系管理系統(tǒng)一、extjs入門教程課程簡介 1.1、extjs入門教程課程背景 J2ee技術(shù)已經(jīng)流行很多年了，在很多的B/S架構(gòu)中之前都是jsp頁面組成的。后來產(chǎn)生了很多的前臺框架，或者稱之為富客戶端。Extjs就是其中之一，從起初的版本到extjs4.2版，extjs已經(jīng)發(fā)展為一個成熟的框架了。在企業(yè)開發(fā)中被廣泛的應用。 Maven是基于項目對象模型(POM)，可以通過一小段描述信息來管理項目的構(gòu)建，報告和文檔的軟件項目管理工具。絕大多數(shù)開發(fā)人員都把 Ant 當作 Java 編程項目的標準構(gòu)建工具。遺憾的是，Ant 的項目管理工具（作為 make的替代工具）不能滿足絕大多數(shù)開發(fā)人員的需要。通過檢查 Ant 構(gòu)建文件，很難發(fā)現(xiàn)項目的相關(guān)性信息和其它信息（如開發(fā)人員/擁有者、版本或站點主頁）。 Maven 除了以程序構(gòu)建能力為特色之外，還提供 Ant 所缺少的高級項目管理工具。由于 Maven 的缺省構(gòu)建規(guī)則有較高的可重用性，所以常常用兩三行 Maven 構(gòu)建腳本就可以構(gòu)建簡單的項目，而使用 Ant 則需要十幾行。事實上，由于 Maven 的面向項目的方法，許多 Apache Jakarta 項目發(fā)文時使用 Maven，而且公司項目采用 Maven 的比例在持續(xù)增長。 1.2、extjs入門教程課程內(nèi)容 主要內(nèi)容是extjs4.2高級組件和MVC設(shè)計模式，通過一個簡單的開發(fā)帶領(lǐng)大家熟悉常用的高級組件以及extjs4.x的MVC設(shè)計模式的使用方式。后臺開發(fā)使用的技術(shù)有：Maven3.1、struts2+spring3+hibernate4框架。課程偏重于extjs4.2框架，適合對extjs有一定基礎(chǔ)的同學。其中后臺框架的jar包，使用的原則是：在穩(wěn)定的基礎(chǔ)上采用最新版本的jar包。 1.3、extjs入門教程課程大綱 圍繞在客戶關(guān)系管理系統(tǒng)（CRM）這個系統(tǒng)，一個需求比較全面的系統(tǒng)。搭建Extjs的MVC開發(fā)框架，前后臺結(jié)合使用將常用的高級組件講一遍。全面的將系統(tǒng)開發(fā)完成，同時分享一些個人的開發(fā)經(jīng)驗。同時將系統(tǒng)中一些難以使用Extjs實現(xiàn)的功能，也給大家解決了一下，如：權(quán)限分配、權(quán)限樹。 可細分為如下三部分： 1、Maven3.1的開發(fā)和使用 2、接近最新版本的SSH三大框架整合的應用，涉及到一些新的技術(shù) 3、Extjs4.x的MVC開發(fā)，自定義組件、解決了有些Extjs不容易實現(xiàn)的模塊，如：權(quán)限分配。 extjs入門教程具體課程內(nèi)容如下： 第一講： 項目介紹、CRM介紹和Maven環(huán)境搭建 第二講：Maven的聚合和繼承 第三講：數(shù)據(jù)庫操作模塊接口編寫 第四講：數(shù)據(jù)庫操作模塊接口實現(xiàn) 第五講：數(shù)據(jù)庫操作模塊測試 第六講：ExtJs MVC框架搭建、MVC分模塊編寫Controller、View、Model、Store模塊 第七講：ExtJs MVC框架搭建+驗證碼生成程序 第八講：需求講解+后臺搭建+登錄功能 第九講：繼續(xù)搭建后臺框架 第十講：創(chuàng)建菜單樹，實現(xiàn)權(quán)限初步管理 第十一講：登錄功能+根據(jù)權(quán)限列出操作菜單(上) 第十二講：登錄功能+根據(jù)權(quán)限列出操作菜單(下) 第十三講：登錄功能+根據(jù)權(quán)限列出操作菜單(補充) 第十四講：Controller初步使用、組件的獲取方式和菜單樹的點擊事件 第十五講：詳細講解MVC中View、Store、Model的關(guān)系、銷售機會管理模塊界面搭建 第十六講：銷售機會模塊：展示所有的銷售機會 第十七講：添加銷售機會、刪除銷售機會 第十八講：借助添加銷售機會功能，詳細講解添加功能的操作 第十九講：修改銷售機會、添加過濾器、處理編碼問題 第二十講：指派銷售機會功能、下拉列表的使用 第二十一講：刪除銷售機會、查看未分配的、已分配、分配給我的銷售機會、高級搜索 第二十二講：定制開發(fā)計劃(前端實現(xiàn))、開發(fā)成功的銷售機會、開發(fā)失敗的銷售機會 第二十三講：定制開發(fā)計劃后臺、查詢計劃列表、添加計劃、修改計劃(前端實現(xiàn)) 第二十四講：標記銷售機會開發(fā)成功OR失敗、前臺框架增、刪、改的方法封裝 第二十五講：客戶信息管理、后臺Model、Action創(chuàng)建，前臺Model、View、Store、Controller 第二十六講：添加、修改客戶信息 第二十七講：動態(tài)改變Store的參數(shù)，查看指定客戶的聯(lián)系人信息 第二十八講：重寫前端分頁組件，修改聯(lián)系人信息，添加聯(lián)系人信息 第二十九講：查詢客戶交往記錄 第三十講：客戶流失預警，查看預警 第三十一講：流失預警暫緩措施，查看詳細 第三十二講：服務管理：創(chuàng)建服務 第三十三講：服務查看、未處理、已處理、處理中 第三十四講：服務指派、填寫反饋信息、查看歸檔服務 第三十五講：我的服務處理、查看我處理完成的服務 第三十六講：統(tǒng)計報表之圖表工具講解(上) 第三十七講：統(tǒng)計報表之圖表工具講解(下) 第三十八講：圖表使用實踐：統(tǒng)計報表-銷售機會統(tǒng)計 第三十九講：客戶服務分析、客戶流失分析、服務類型管理 第四十講：部門管理、創(chuàng)建部門樹形結(jié)構(gòu)(遞歸構(gòu)造) 第四十一講：部門樹的添加、修改和刪除(上) 第四十二講：樹形下拉列表的使用，修改部門信息 第四十三講：用戶管理：查看用戶列表，添加用戶初步前臺實現(xiàn) 第四十四講：添加用戶、修改用戶(下拉樹形結(jié)構(gòu)) 第四十五講：角色管理界面搭建，查詢用戶角色 第四十六講：權(quán)限樹的顯示、權(quán)限樹插件講解 第四十七講：角色的添加、修改、刪除 第四十八講：主題講解，如何切換 第四十九講：主題制作專題：快速制作主題方法(上) 第五十講：主題制作專題：快速制作主題方法(下) 第五十一講：主題制作專題：標準方法制作主題(上) 第五十二講：主題制作專題：標準方法制作主題(下)二、extjs入門教程課程在實際開發(fā)中的應用 2.1 、extjs入門教程企業(yè)中的應用 作為java開發(fā)，肯定會遇到很多的B/S架構(gòu)的軟件。如果每做一套系統(tǒng)，都需要開發(fā)一套美工頁面的話，在很大程度上降低了開發(fā)效率，而且并不能保證每一套頁面都能兼容市場上90%以上的瀏覽器，在界面展示方面也就是常見的那些，太高級的開發(fā)難度增加。 使用前臺框架恰好解決了這個問題，降低了成本的同時還加快了開發(fā)效率，并且項目利于管理。多功能復雜的界面很輕松就能實現(xiàn)，幾乎兼容市場上所有的瀏覽器，異步通信技術(shù)以及前端處理技術(shù)大大降低了服務器的壓力，所以Extjs框架是很好的一個選擇。 2.2 、學習extjs入門教程的目標 目標一、熟練的使用Extjs4.X搭建MVC框架，進行開發(fā) 目標二、掌握各種獲取Extjs組件的方法 目標三、掌握Extjs的頁面布局方式 目標四、掌握Extjs彈出窗體的使用 目標五、掌握高級組件：grid、tree、form、ajax、chart、panel 目標六、使用普通的動態(tài)下拉框、多選下拉框、樹形結(jié)構(gòu)的下拉框 目標七、學會根據(jù)Extjs自身組件去自定義自己需求的組件 目標八、掌握Exjts的圖表功能，制作報表 目標九、Extjs擴展組件權(quán)限樹，動態(tài)修改角色的權(quán)限 目標十、兩種主題制作方法，附送7中主題。 目標十一、可以使用Maven分模塊開發(fā) 目標十二、使用Maven創(chuàng)建自己的功能模塊 目標十三、使用Maven搭建SSH2 MVC開發(fā)框架 目標十四、了解Hibernate4.2.6、struts 2.3.15.2、spring3.2.4的新特性 2.3 、extjs入門教程課程的特色 本課程extjs入門教程主要是采用extjs的MVC設(shè)計模式，開發(fā)一個客戶關(guān)系管理系統(tǒng)（CRM），前臺和后臺獨立分開，在實際開發(fā)應用中將常用的高級組件與大家分享。 1、在extjs中如何獲取其他組件，尤其是在mvc設(shè)計模式中。 2、如何使用store動態(tài)傳遞參數(shù)，在翻頁的同時也能夠傳遞參數(shù)。 3、完美的創(chuàng)建我們自己的主題，真正的解決主題的問題，最后附送7套主題。 4、給出了一些Extjs難以實現(xiàn)的解決方案，如下拉樹菜單、store動態(tài)傳遞參數(shù)、權(quán)限樹控制等。 2.4 、extjs入門教程課程亮點： 亮點一、完全用ext4.2最新API完成，涉及到Extjs4.x全部最新特性 亮點二、完整演示extjs4.2+java框架技術(shù)Maven3.1+SSH2+MySql數(shù)據(jù)庫整合 亮點三、可以學習extjs4.2的MVC模式的經(jīng)典企業(yè)應用。 亮點四、Extjs4.x的主題制作功能，并附送7套個性主題。 亮點五、學習并掌握extjs4.2常見組件及高級組件的詳細講解與實例項目。 亮點六、整個項目80%講師全部手敲代碼實現(xiàn)。 亮點七、可以學習到如何在extjs4.2中使用插件與自定義組件技術(shù)。 亮點八、解決了一些Extjs難以實現(xiàn)的一些組件：動態(tài)權(quán)限樹、下拉樹菜單等，Extjs并沒有給提供相關(guān)的方法，我們采用Extjs的一些其他方法加上自己寫的方法來實現(xiàn)。 亮點九、項目中使用了Extjs的圖表功能，簡單的開發(fā)了一個統(tǒng)計模塊。 亮點十、開發(fā)中，充分利用了Extjs API和Extjs的Example。如何查閱api，如何查找我想要的功能，如何查看例子。對于一些未知的功能，如何通過查找extjs的工程包進行自我學習。非常適合初學者，通過自學慢慢的變成一個高手！ 一些模塊，學員可以將相關(guān)的代碼，抽取出去即可直接使用。三、extjs入門教程學習建議 3.1 、extjs入門教程時間安排 根據(jù)大家的時間，自行安排學習。 3.2、 extjs入門教程學習要求 Extjs框架很強大，但是也很不好學，由javascript為基礎(chǔ)，通過編程的方式實現(xiàn)界面。對于初學者，首先要掌握Extjs的基本組件：數(shù)據(jù)模型、數(shù)據(jù)代理、事件機制，然后在將grid、tree、panel等高級組件學會，在學高級組件的同時注意組件功能的擴展。關(guān)鍵是自己要多練習，完全用extjs開發(fā)一個系統(tǒng)，如果你不去開發(fā)，你永遠想象不到你遇到的問題。 每學習一課都要動手將代碼打一遍。不要復制我的代碼，自己動手會有更深刻的體會，加深自己的記憶。 3.3 、extjs入門教程一些建議 學習別人的示例對于我們開發(fā)幫助會非常大，示例包括基本組件的應用、綜合應用等多個方面。在此，簡單推薦幾個。 1、學好基礎(chǔ)知識，然后掌握每一個高級組件。在Ext官方示例中提供了很詳細的例子。在ext項目下載包的examples目錄中，包括各個控件的基本應用演示，同時還有一些比較復雜的組合示例，有簡有繁，非常適合初學者認真研究。 2、其它示例，在ext社區(qū)中還有很多比較優(yōu)秀的ext應用示例，有些只是一個應用演示，雖然沒有提供源碼下載，但我們可以直接下載引用的js文件來得到這些示例的ext應用代碼，同樣能取起到非常好的學習效果。四、學習后能做什么 基本上所有的前臺你都可以實現(xiàn)了，extjs還可以將fusionchart（圖表）等一系列的前臺插件封裝成一個extjs自己的對象。 在開發(fā)可以中完全按照extjs的編程方式進行開發(fā)。但是它不適合做網(wǎng)站，因為搜索引擎搜索不到你網(wǎng)站的信息。五、extjs入門教程一些常見的問題 1、extjs頁面加載慢、運行不流暢 加載慢這個確實是個問題，在ie下比較明顯，因為ie9之下不支持css3，而extjs4.x采用的是css3樣式。當你使用ie瀏覽器的時候，那些華麗的顏色都是通過加載圖片進行顯示的，加載圖片比加載一個顏色碼（#23E59F）慢的多了，但是谷歌、火狐等瀏覽器就不存在這樣的問題了。至于運行不流暢，不是前臺的問題，有可能是extjs自身在請求數(shù)據(jù)的時候，服務器處理的慢，extjs自身反應是非常快的，除非你的電腦cpu使用率較高。 2、顏色單一，頁面容易產(chǎn)生審美疲勞 在extjs4.x之前，改變extjs的主題是一件很輕松的事情，而到了extjs4.x要改變extjs4.x的主題樣式好像變的遙不可及了。主要是extjs4.x之后用的是css3樣式，是通過sass編程的方式產(chǎn)生的。不過在本課程中，完美的解決了這個問題，你很輕的就可以設(shè)計出自己的主題。如果對窗體組件不滿意也可以自定義窗體組件。 3、Extjs不好有些功能不能實現(xiàn) 應該是你掌握的基礎(chǔ)不夠牢固，也有可能你是說的extjs4.x之前的。在extjs4.2技術(shù)方面已經(jīng)相當?shù)某墒炝?。之前的版本有些方法在api中已經(jīng)提到了，但是用起來卻不管用，這是extjs產(chǎn)品的不完善。在extjs4.2中這種情況已經(jīng)很少了，也是不太重要的功能。 4、我的項目太龐大了，使用它用戶在使用的時候消耗太多的CPU 可以采用Extjs在前臺處理數(shù)據(jù)，會消耗一定的內(nèi)存，但是CPU不會長時間占用太多，如果占用多的話，瀏覽器會給出中止腳本運行的