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

《Web應(yīng)用開發(fā)簡介.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《Web應(yīng)用開發(fā)簡介.ppt（11頁珍藏版）》請(qǐng)?jiān)谘b配圖網(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負(fù)責(zé)的Enquire項(xiàng)目具有了Web類似思想。 1990年：直到1990年，第一臺(tái)Web服務(wù)器開始運(yùn)行 。 1991年：CERN正式發(fā)布了Web技術(shù)標(biāo)準(zhǔn) 。 組成 服務(wù)器：物理設(shè)備指遠(yuǎn)程計(jì)算機(jī)，軟件指根據(jù)用戶的請(qǐng)求將信息資源傳遞給用戶的應(yīng)用程序。 客戶端：物理設(shè)備指本地計(jì)算機(jī)，軟件指接受并顯示服務(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ā)展趨勢(shì)。,,1.1.2 Web應(yīng)用程序,Web應(yīng)用程序介紹 概念 Web應(yīng)用程序是一種使用HTTP作為核心通信協(xié)議、通過互聯(lián)網(wǎng)讓W(xué)eb瀏覽器和服務(wù)器通訊的計(jì)算機(jī)程序。 技術(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瀏覽器實(shí)現(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ū)ο?面向過程 面向過程是一種以事件為中心的編程思想，它將重點(diǎn)圍繞在數(shù)據(jù)的使用上，在程序設(shè)計(jì)過程中通過流程圖的方式輔助程序設(shè)計(jì)，然后用結(jié)構(gòu)化的編程語句來編寫程序。例如C、Cobol、Pascal等語言。 面向?qū)ο? 面向?qū)ο髮⒁鉀Q的問題分解成各個(gè)對(duì)象，建立對(duì)象的目的不是為了完成一個(gè)步驟，而是為了描敘解決問題中的各個(gè)步驟中的行為。面向?qū)ο缶幊谭绞绞墙?/p>

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

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

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

7、者稱為元素）來描述數(shù)據(jù)，包含XML語言的文件稱為XML文件，它通常以“.xml”結(jié)尾，例如： 張三 09213班 用途 實(shí)現(xiàn)不同應(yīng)用程序之間的數(shù)據(jù)交互 對(duì)一種數(shù)據(jù)實(shí)現(xiàn)多種樣式 實(shí)現(xiàn)數(shù)據(jù)的分布式處理,,1.2.3 XML、CSS的應(yīng)用（2）,CSS 簡介 CSS中文稱為層疊樣式表單，由W3C的CSS工作組設(shè)置和維護(hù)，它是一種用來表現(xiàn)HTML或XML等文件式樣的計(jì)算機(jī)語言，屬于瀏覽器解釋型語言，不需要編譯，就可以直接由瀏覽器執(zhí)行。 語言特點(diǎn) CSS語法非常簡單，組成CSS語法的元素只有CSS選擇符與CSS屬性。每個(gè)CSS選擇符可以包含一個(gè)或多個(gè)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ǔ)上進(jìn)行交互式Web網(wǎng)頁的開發(fā)。JavaScript的出現(xiàn)使網(wǎng)頁與用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多的活躍元素。JavaScript很多情況下用在客戶端數(shù)據(jù)校驗(yàn)方面，一定程度上減輕了服務(wù)器的負(fù)載量

9、，為客戶提供更流暢的瀏覽效果。 語言特點(diǎn) 在頁面中直接使用： 引用外部文件： 問候頁面 ,,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ù)。 語言特點(diǎn) 包含的技術(shù)： XMLHttpRequest：是由微軟開發(fā)的可以在不刷新頁面的情況下直接進(jìn)行腳本與服務(wù)器通信的技術(shù)。在Ajax中，XM

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

11、 XHTML：XHTML稱為可擴(kuò)展超文本標(biāo)識(shí)語言，它結(jié)合了部分XML的強(qiáng)大功能及大多數(shù)HTML的簡單特性。在Ajax中，XHTML用于結(jié)合CSS實(shí)現(xiàn)頁面的外觀表示。 XSLT：用于將XML文檔轉(zhuǎn)換為XHTML文檔或其他XML文檔的語言。在Ajax中，XSLT用于結(jié)合XML進(jìn)行數(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具有的突出功能包括智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查等。 JBuilder：JBuilder最初是由Borland公司開發(fā)的產(chǎn)品，目前已歸Embarcadero公司所有，它是針對(duì)Java的開發(fā)工具，官方下載網(wǎng)址為 JBuilder具有專業(yè)化的圖形調(diào)試介面，支持遠(yuǎn)程調(diào)試和多線程調(diào)試，它能夠簡化團(tuán)隊(duì)合作，適合企業(yè)的J2EE開發(fā)。 Eclipse：Eclipse最初是由IBM公司開發(fā)的IDE，目前由非營利軟件供應(yīng)商聯(lián)盟Eclipse基金會(huì)（

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