Web應(yīng)用開發(fā)簡介.ppt

《Web應(yīng)用開發(fā)簡介.ppt》由會員分享，可在線閱讀，更多相關(guān)《Web應(yīng)用開發(fā)簡介.ppt（11頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、第1章 Web應(yīng)用開發(fā)簡介,1.2 使用Java開發(fā)Web應(yīng)用,1.3 集成開發(fā)環(huán)境,1.1 Web應(yīng)用介紹,1.1.1 Web的概念及發(fā)展,Web介紹 概念 World Wide Web簡稱為Web，中文譯為萬維網(wǎng)，是Internet上的一種服務(wù)。 歷史 1980年：Tim Berners-Lee負責(zé)的Enquire項目具有了Web類似思想。 1990年：直到1990年，第一臺Web服務(wù)器開始運行 。 1991年：CERN正式發(fā)布了Web技術(shù)標準 。 組成 服務(wù)器：物理設(shè)備指遠程計算機，軟件指根據(jù)用戶的請求將信息資源傳遞給用戶的應(yīng)用程序。 客戶端：物理設(shè)備指本地計算機，軟件指接受并顯示服務(wù)

2、器上傳遞過來的信息資源的應(yīng)用程序 發(fā)展 Web 1.0 ：稱為互聯(lián)網(wǎng)第一代，指的是2003年以前的互聯(lián)網(wǎng)模式。 Web 2.0 ：以用戶為靈魂，它允許多人參與，以可讀可寫的模式成為了互聯(lián)網(wǎng)新的發(fā)展趨勢。,,1.1.2 Web應(yīng)用程序,Web應(yīng)用程序介紹 概念 Web應(yīng)用程序是一種使用HTTP作為核心通信協(xié)議、通過互聯(lián)網(wǎng)讓W(xué)eb瀏覽器和服務(wù)器通訊的計算機程序。 技術(shù)組成 客戶端開發(fā)技術(shù) ：HTML 、CSS 、DOM 、ActiveX 、JavaScript 、VBScript 、Applet等 。 服務(wù)器端開發(fā)技術(shù) ：JSP/Servlet 、PHP 、ASP 、CGI、Perl、ISAPI

3、等。 層次結(jié)構(gòu) 表示層：采用Web瀏覽器實現(xiàn)。 業(yè)務(wù)邏輯層：由位于Web服務(wù)器上的各種服務(wù)器端程序?qū)崿F(xiàn)。 數(shù)據(jù)服務(wù)層：由數(shù)據(jù)庫服務(wù)器提供，數(shù)據(jù)庫服務(wù)器例如MySQL、SQL Server等。,返回,1.2.1 面向?qū)ο蟮木幊陶Z言,面向過程與面向?qū)ο?面向過程 面向過程是一種以事件為中心的編程思想，它將重點圍繞在數(shù)據(jù)的使用上，在程序設(shè)計過程中通過流程圖的方式輔助程序設(shè)計，然后用結(jié)構(gòu)化的編程語句來編寫程序。例如C、Cobol、Pascal等語言。 面向?qū)ο? 面向?qū)ο髮⒁鉀Q的問題分解成各個對象，建立對象的目的不是為了完成一個步驟，而是為了描敘解決問題中的各個步驟中的行為。面向?qū)ο缶幊谭绞绞墙?/p>

4、立在面向過程編程方式基礎(chǔ)上，其最重要的改變在于面向?qū)ο缶幊讨校绦驅(qū)@被操作的對象來設(shè)計，而不是操作本身。面向?qū)ο缶幊谭绞揭灶愖鳛闃?gòu)造程序的基本單位，具有封裝、抽象、繼承、多態(tài)性等特點。如Java、C++、Self等。,,1.2.2 豐富的框架技術(shù),框架技術(shù) 框架介紹 面向?qū)ο蟮囊粋€突出優(yōu)點就是復(fù)用，面向?qū)ο笙到y(tǒng)獲得的最大的復(fù)用方式就是使用框架?？蚣芷鋵嵕褪强芍赜玫脑O(shè)計架構(gòu)，應(yīng)用框架強調(diào)的是軟件的設(shè)計重用性和系統(tǒng)的可擴充性，以縮短大型應(yīng)用軟件系統(tǒng)的開發(fā)周期，提高開發(fā)質(zhì)量。 Java中常用的框架 Struts：一個基于Sun J2EE平臺的MVC框架，它將Servlet和JSP標簽作為實現(xiàn)自

5、身功能的一部分。 WebWork：一個基于Web的MVC框架。它在運行時通過Interceptor（攔截器）自動應(yīng)用，因此脫離了Action類。 Struts 2：它建立在Struts框架與WebWork框架基礎(chǔ)之上，繼承了二者的優(yōu)點，是目前非常流行的一個Web框架。 Spring：一個以IoC和AOP為核心的輕量級容器框架。它提供了一系列的Java EE開發(fā)解決方案，包括表示層的Spring MVC、持久層的Spring JDBC以及業(yè)務(wù)層事務(wù)管理等眾多的企業(yè)級應(yīng)用技術(shù)。 Hibernate：一個ORM（對象關(guān)系映射）框架，它對JDBC進行了輕量級的封裝。通過使用Hibernate框架，開發(fā)

6、人員能夠以面向?qū)ο蟮乃季S方式來操作數(shù)據(jù)庫。 Ibatis：相對于Hibernate而言，Ibatis是一個“半自動化”的ORM實現(xiàn)框架，它主要致力于POJO與SQL之間的映射關(guān)系，是對“全自動化”O(jiān)RM框架的一種有益補充。 EasyJWeb：EasyJWeb是一個核心基于模板技術(shù)實現(xiàn)的MVC框架，主要致力于Java Web應(yīng)用程序的快速開發(fā)。,,1.2.3 XML、CSS的應(yīng)用（1）,XML 簡介 XML中文稱為可擴展標記語言，它是由W3C（萬維網(wǎng)協(xié)會）推出的新一代數(shù)據(jù)交互的標準，主要用于定義Web網(wǎng)頁上的文檔元素和商業(yè)文檔。 語言特點 XML是一種數(shù)據(jù)存儲語言，它使用一系列簡單的標記（或

7、者稱為元素）來描述數(shù)據(jù)，包含XML語言的文件稱為XML文件，它通常以“.xml”結(jié)尾，例如： 張三 09213班 用途 實現(xiàn)不同應(yīng)用程序之間的數(shù)據(jù)交互 對一種數(shù)據(jù)實現(xiàn)多種樣式 實現(xiàn)數(shù)據(jù)的分布式處理,,1.2.3 XML、CSS的應(yīng)用（2）,CSS 簡介 CSS中文稱為層疊樣式表單，由W3C的CSS工作組設(shè)置和維護，它是一種用來表現(xiàn)HTML或XML等文件式樣的計算機語言，屬于瀏覽器解釋型語言，不需要編譯，就可以直接由瀏覽器執(zhí)行。 語言特點 CSS語法非常簡單，組成CSS語法的元素只有CSS選擇符與CSS屬性。每個CSS選擇符可以包含一個或多個CSS屬性。將下面的X

8、ML文件使用CSS設(shè)置樣式： 張三 09213班 CSS的代碼： #studentName {color:blue} .studentClass {color:red},,1.2.4 JavaScript與Ajax（1）,JavaScript 簡介 JavaScript是由Netscape公司開發(fā)的一種客戶端腳本語言，它允許在HTML基礎(chǔ)上進行交互式Web網(wǎng)頁的開發(fā)。JavaScript的出現(xiàn)使網(wǎng)頁與用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多的活躍元素。JavaScript很多情況下用在客戶端數(shù)據(jù)校驗方面，一定程度上減輕了服務(wù)器的負載量

9、，為客戶提供更流暢的瀏覽效果。 語言特點 在頁面中直接使用： 引用外部文件： 問候頁面 ,,1.2.4 JavaScript與Ajax（2）,Ajax 簡介 Ajax可以解決傳統(tǒng)的Web應(yīng)用中頁面刷新的問題。Ajax全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種結(jié)合了XML以及JavaScript等編程技術(shù)，用于創(chuàng)建交互式網(wǎng)頁應(yīng)用的Web開發(fā)技術(shù)。 語言特點 包含的技術(shù)： XMLHttpRequest：是由微軟開發(fā)的可以在不刷新頁面的情況下直接進行腳本與服務(wù)器通信的技術(shù)。在Ajax中，XM

10、LHttpRequest用于完成異步向服務(wù)器進行數(shù)據(jù)傳輸?shù)墓δ堋?JavaScript：一種客戶端腳本語言。在Ajax中，JavaScript起到了一個紐帶的作用，將其它技術(shù)進行有機結(jié)合，同時其自身又發(fā)揮著客戶端校驗的作用。 CSS：層疊樣式表單。在Ajax中，CSS提供了從內(nèi)容中分離應(yīng)用樣式和設(shè)計的機制。 DOM：文檔對象模型，它是一種與瀏覽器、平臺、語言無關(guān)的接口，可以訪問頁面其他的標準組件。在Ajax中，DOM用于在不刷新頁面的情況下對已載入頁面進行動態(tài)更新，實現(xiàn)數(shù)據(jù)的動態(tài)顯示和交互。 XML：可擴展標記語言，是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。在Ajax中，XML用于處理數(shù)據(jù)交互格式。

11、 XHTML：XHTML稱為可擴展超文本標識語言，它結(jié)合了部分XML的強大功能及大多數(shù)HTML的簡單特性。在Ajax中，XHTML用于結(jié)合CSS實現(xiàn)頁面的外觀表示。 XSLT：用于將XML文檔轉(zhuǎn)換為XHTML文檔或其他XML文檔的語言。在Ajax中，XSLT用于結(jié)合XML進行數(shù)據(jù)交換及相關(guān)操作。,返回,1.3.1 集成開發(fā)環(huán)境簡介,,,集成開發(fā)環(huán)境 用途 集成開發(fā)環(huán)境，英文名稱為Integrated Development Environment，簡稱為IDE，它是一種用于輔助開發(fā)人員開發(fā)應(yīng)用程序的應(yīng)用軟件。 開發(fā)Java應(yīng)用常用的IDE IntelliJ IDEA：IntelliJ IDEA

12、是JetBrains公司的產(chǎn)品，它是Java語言開發(fā)的集成環(huán)境，官方下載網(wǎng)址為 IntelliJ IDEA具有的突出功能包括智能代碼助手、代碼自動提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查等。 JBuilder：JBuilder最初是由Borland公司開發(fā)的產(chǎn)品，目前已歸Embarcadero公司所有，它是針對Java的開發(fā)工具，官方下載網(wǎng)址為 JBuilder具有專業(yè)化的圖形調(diào)試介面，支持遠程調(diào)試和多線程調(diào)試，它能夠簡化團隊合作，適合企業(yè)的J2EE開發(fā)。 Eclipse：Eclipse最初是由IBM公司開發(fā)的IDE，目前由非營利軟件供應(yīng)商聯(lián)盟Eclipse基金會（

13、Eclipse Foundation）管理。官方下載網(wǎng)址為http://www.eclipse.org/downloads/。 Eclipse是開放源代碼的軟件開發(fā)項目，它的最大的特點就是其擴展性，幾乎能夠集成開發(fā)人員編寫的任何開放源代碼插件。,1.3.2 Web應(yīng)用服務(wù)器說明,,Web應(yīng)用服務(wù)器 用途 Web應(yīng)用服務(wù)器是為創(chuàng)建、部署、運行以及管理Web應(yīng)用提供多種運行時服務(wù)（如事務(wù)、安全等等）的分布式系統(tǒng)，它是應(yīng)用程序運行的一個基本環(huán)境。 Java應(yīng)用中常用的Web應(yīng)用服務(wù)器 Tomcat：Tomcat是由Apache軟件基金會（Apache Software Foundation）的提供的。Tomcat服務(wù)器是一個免費的、開放源代碼的Web應(yīng)用服務(wù)器。Tomcat服務(wù)器在運行時占用的系統(tǒng)資源小、擴展性好、支持負載平衡與郵件服務(wù)等開發(fā)應(yīng)用系統(tǒng)常用的功能，因此目前許多Web服務(wù)器都是采用的Tomcat。 官方下載網(wǎng)址為 http://tomcat.apache.org/。 WebLogic：WebLogic是由BEA公司出品的。它是一個Java企業(yè)級應(yīng)用服務(wù)器，用于開發(fā)、集成、部署和管理大型分布式Web應(yīng)用、網(wǎng)絡(luò)應(yīng)用和數(shù)據(jù)庫應(yīng)用。WebLogic在使應(yīng)用服務(wù)器成為企業(yè)應(yīng)用架構(gòu)的基礎(chǔ)方面處于領(lǐng)先地位，因此它是開發(fā)、部署Internet上企業(yè)級應(yīng)用的首選。 官方下載網(wǎng)址為 ,返回,