BS結(jié)構(gòu)應(yīng)用程序相關(guān)技術(shù)講座.ppt

B/S結(jié)構(gòu)應(yīng)用程序 相關(guān)技術(shù)講座,2019年7月26日,指導(dǎo)教師,姓名：邢承杰 工作單位：北大計(jì)算中心 電子郵件地址：,講座的適用范圍,掌握了軟件開發(fā)的基本知識和方法，沒有實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)的同學(xué) 從事其它結(jié)構(gòu)應(yīng)用程序開發(fā)，但沒接觸過B/S結(jié)構(gòu)應(yīng)用程序開發(fā)的同學(xué),關(guān)于本講座,在可選則的課題當(dāng)中，有一類題目要求采用B/S結(jié)構(gòu)開發(fā) 例如：電子購物網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) ，論壇程序的設(shè)計(jì)與實(shí)現(xiàn)等,講座內(nèi)容,基礎(chǔ)知識入門 如何開始一個(gè)項(xiàng)目的開發(fā) 數(shù)據(jù)庫技術(shù)簡介 ASP技術(shù)簡介 JSP技術(shù)簡介,基礎(chǔ)知識入門,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu) B/S結(jié)構(gòu)應(yīng)用程序的運(yùn)行過程 HTML語言簡介 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu),同學(xué)們在畢業(yè)設(shè)計(jì)中所研究的課題，從內(nèi)容上分成兩類數(shù)據(jù)管理方面的課題和網(wǎng)絡(luò)管理方面的課題 課題的題型大致分成如下幾種類型研究型課題、設(shè)計(jì)型課題和應(yīng)用型課題 絕大多數(shù)應(yīng)用型課題屬于網(wǎng)絡(luò)應(yīng)用程序，也就是說程序運(yùn)行需要網(wǎng)絡(luò)的支持；一般需要需要訪問數(shù)據(jù)庫 應(yīng)用程序的結(jié)構(gòu)（model，模型，模式）簡單說就是程序如何存放以及如何運(yùn)行,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu)（續(xù)一）,目前具有的結(jié)構(gòu) 主機(jī)/終端結(jié)構(gòu) 文件/服務(wù)器結(jié)構(gòu) 客戶機(jī)/服務(wù)器結(jié)構(gòu)（Client/Server結(jié)構(gòu)，簡稱C/S結(jié)構(gòu)） 瀏覽器/服務(wù)器結(jié)構(gòu)（Browser/Server結(jié)構(gòu)，簡稱B/S結(jié)構(gòu)） 點(diǎn)對點(diǎn)結(jié)構(gòu)（Peer to Peer結(jié)構(gòu)） 目前主流的結(jié)構(gòu)有2種 Client/Server結(jié)構(gòu) Browser/Server結(jié)構(gòu),Client/Server結(jié)構(gòu),Client/Server結(jié)構(gòu)，它把集中管理模式轉(zhuǎn)化為一種服務(wù)器與客戶機(jī)負(fù)荷均衡的分布式計(jì)算模式 Client/Server結(jié)構(gòu)的應(yīng)用程序通常將程序存放于客戶端，將數(shù)據(jù)存放于服務(wù)器端。 適合于程序用戶數(shù)量較少，或者程序功能復(fù)雜占用資源大的情況,Client/Server結(jié)構(gòu)（續(xù)一）,優(yōu)點(diǎn)：程序開發(fā)相對容易；運(yùn)行速度快 缺點(diǎn)：維護(hù)升級困難 使用舉例：銀行柜臺的應(yīng)用系統(tǒng)，股票交易系統(tǒng)等,Browser/Server體系結(jié)構(gòu),Browser/Server體系結(jié)構(gòu)，此結(jié)構(gòu)采用瘦客戶端的設(shè)計(jì)，客戶端只安裝瀏覽器（browser），所有程序及數(shù)據(jù)均存放在服務(wù)器端。 適合于程序用戶數(shù)量大，或者程序的復(fù)雜程度和資源占用程度相對較小的情況,Browser/Server體系結(jié)構(gòu)（續(xù)一）,優(yōu)點(diǎn)：升級維護(hù)十分方便；對用戶的硬件要求低 缺點(diǎn)：程序開發(fā)相對復(fù)雜；運(yùn)行速度較慢；對服務(wù)器的硬件要求高 使用舉例：各種網(wǎng)上郵件系統(tǒng)，論壇程序等,基礎(chǔ)知識入門,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu) B/S結(jié)構(gòu)應(yīng)用程序的運(yùn)行過程 HTML語言簡介 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁,B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程,下圖為Browser/Server結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程。,C/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程,下圖為Client/Server結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程。,基礎(chǔ)知識入門,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu) B/S結(jié)構(gòu)應(yīng)用程序的運(yùn)行過程 HTML語言簡介 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁,HTML語言簡介,HyperText Markup Language超文本標(biāo)記語言，用于網(wǎng)頁制作的語言，并通過瀏覽器解釋執(zhí)行 HTML語言是構(gòu)成B/S結(jié)構(gòu)應(yīng)用程序的“基本”元素,HTML語言簡介（續(xù)一）,HTML并不是程序設(shè)計(jì)語言，它僅用來控制瀏覽器表現(xiàn)文字、圖片，以及如何建立文件之間的連接，而程序設(shè)計(jì)語言是通過一連串的語句來驅(qū)使操作系統(tǒng)或應(yīng)用程序完成某些工作 因此HTML語言簡單易學(xué)，同學(xué)們并不需要專門去學(xué)，用到再學(xué)即可。 HTML語言編寫的程序以文本文件的形式存放，因此任何文本編輯器均可用來編寫HTML程序,HTML的基本概念（請看演示）,標(biāo)記 區(qū)段 標(biāo)記的參數(shù) 語法 HTML編輯工具,基礎(chǔ)知識入門,網(wǎng)絡(luò)應(yīng)用程序的結(jié)構(gòu) B/S結(jié)構(gòu)應(yīng)用程序的運(yùn)行過程 HTML語言簡介 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁,靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁,單純使用HTML語言制作的網(wǎng)頁并不會因時(shí)因地而產(chǎn)生變化，所以稱為靜態(tài)網(wǎng)頁（.htm） 為了讓網(wǎng)頁具備動態(tài)變化的能力，人們考慮將程序加到純HTML文件中，從而發(fā)展出動態(tài)網(wǎng)頁技術(shù) 動態(tài)網(wǎng)頁技術(shù)ASP,JSP,PHP(.asp.jsp.php) 動態(tài)頁面運(yùn)行需要Web服務(wù)器軟件的支持，不能使用瀏覽器直接打開,培訓(xùn)內(nèi)容,基礎(chǔ)知識 如何開始一個(gè)項(xiàng)目的開發(fā) 數(shù)據(jù)庫技術(shù)簡介 ASP技術(shù)簡介 JSP技術(shù)簡介,如何開始,一般項(xiàng)目開發(fā)過程簡介 課題項(xiàng)目開發(fā)過程簡介 開發(fā)運(yùn)行環(huán)境的配置 開發(fā)工具簡介（Dreamweaver）,一般項(xiàng)目開發(fā)過程簡介,制定計(jì)劃 需求分析和定義 軟件設(shè)計(jì) 程序編碼 軟件測試 運(yùn)行和維護(hù),如何開始,一般項(xiàng)目開發(fā)過程簡介 課題項(xiàng)目開發(fā)過程簡介 開發(fā)運(yùn)行環(huán)境的配置 開發(fā)工具簡介（Dreamweaver）,課題項(xiàng)目開發(fā)過程簡介,制定計(jì)劃 需求分析和定義 軟件設(shè)計(jì) 程序編碼 軟件測試 運(yùn)行和維護(hù),在課題要求中已給出,需要同學(xué)自己完成,不需要完成,課題項(xiàng)目的具體開發(fā)過程,熟悉開發(fā)工具，如Dreamweaver。（用1-2天） 掌握開發(fā)技術(shù)，如數(shù)據(jù)庫的應(yīng)用，ASP技術(shù)，JSP技術(shù)等。（我們用3周，步驟1、2通常稱為技術(shù)儲備，解決用什么做的問題） 看一看已有的程序是如何工作的，了解程序需要實(shí)現(xiàn)的功能。（此步驟通常稱為需求分析，解決做什么的問題。一般與前兩項(xiàng)工作同時(shí)進(jìn)行，我給大家的課題詳細(xì)說明就是一個(gè)小的需求分析文檔）,課題項(xiàng)目的具體開發(fā)過程（續(xù)一）,軟件設(shè)計(jì)。設(shè)計(jì)內(nèi)容包括采用何種程序結(jié)構(gòu)、采用何種開發(fā)技術(shù)技術(shù)、采用何種數(shù)據(jù)庫、劃分功能模塊、功能模塊間的關(guān)系等等。（此階段通常成為設(shè)計(jì)階段，解決如何做的問題，我們不用提前進(jìn)行設(shè)計(jì)，可以在編程的同時(shí)進(jìn)行設(shè)計(jì)） 程序編碼 測試,如何開始,一般項(xiàng)目開發(fā)過程簡介 課題項(xiàng)目開發(fā)過程簡介 開發(fā)運(yùn)行環(huán)境的配置 開發(fā)工具簡介（Dreamweaver）,開發(fā)運(yùn)行環(huán)境的軟硬件要求,推薦配置： 硬件條件：奔騰III以上、256M內(nèi)存以上的臺式機(jī)和筆記本均可 軟件條件：操作系統(tǒng)需采用Windows2000 Pro或者WindowsXP Pro 最低配置: 硬件條件：586以上、64M內(nèi)存以上的臺式機(jī)和筆記本均可 軟件條件：操作系統(tǒng)Windows98即可,需要安裝的軟件介紹,采用ASP技術(shù) Internet信息服務(wù)器Access數(shù)據(jù)庫(Win2000,低) Internet信息服務(wù)器SQL Server數(shù)據(jù)庫(Win2000,中) Personal Web ServerAccess數(shù)據(jù)庫(Win98,低) 采用JSP技術(shù) JDK1.4+TomcatSQL Server數(shù)據(jù)庫(Win2000, 高) 采用其它開發(fā)技術(shù),軟件安裝的位置,ASP 瀏覽器(OS) IIS Access ASP 瀏覽器(OS) IIS SQL Server ASP 瀏覽器(OS) PWS Access ASP 瀏覽器(OS) JDK1.4+Tomcat SQL Server 其它 瀏覽器(OS) 其它服務(wù)器軟件 其它數(shù)據(jù)庫,開發(fā)運(yùn)行時(shí)是否需要三臺電腦？,大型項(xiàng)目的開發(fā)運(yùn)行環(huán)境往往都按照上面的結(jié)構(gòu)來配置 課題項(xiàng)目的開發(fā)不需要這樣，也沒有條件這樣配置 可以將瀏覽器、WEB服務(wù)器軟件和數(shù)據(jù)庫服務(wù)器軟件安裝在一臺機(jī)器上 技術(shù)上完全可行 開發(fā)上簡便，硬件要求低,開發(fā)運(yùn)行時(shí)只需要一臺電腦！,瀏覽器,Web服務(wù)器軟件,數(shù)據(jù)庫服務(wù)器軟件,這就是我們要配置的環(huán)境,安裝步驟一，瀏覽器的安裝,操作系統(tǒng)安裝好后，IE瀏覽器自動安裝 由于是課題系統(tǒng)，不是實(shí)際運(yùn)行的系統(tǒng)，我們只要保證程序能夠在IE中正常運(yùn)行即可 有條件的化，請將IE升級到最新版本，這樣能夠支持許多HTML語言的新特性，并且增加程序的兼容性,安裝步驟二，Web服務(wù)器的安裝,ASP技術(shù)：IIS的安裝 安裝軟件（2000或XP光盤自帶） 配置服務(wù)器屬性（在“網(wǎng)站”、“主目錄”、“文檔”三個(gè)選項(xiàng)卡中進(jìn)行設(shè)置）,安裝步驟二，Web服務(wù)器的安裝（續(xù)一）,JSP技術(shù)：JDK和Tomcat的安裝 先安裝JDK1.4.2 然后安裝Tomcat 將程序目錄置于webapp文件夾下 配置server.xml和web.xml文件,安裝步驟三，數(shù)據(jù)庫服務(wù)器的安裝,ACCESS的安裝 安裝OFFICE軟件時(shí)，選擇安裝ACCESS組件即可 建立ACCESS數(shù)據(jù)庫文件，ACCESS數(shù)據(jù)庫是以文件形式存儲數(shù)據(jù)的,安裝步驟三，數(shù)據(jù)庫服務(wù)器的安裝（續(xù)一）,SQL Server的安裝步驟 安裝軟件 啟動服務(wù)管理器 啟動企業(yè)管理器，創(chuàng)建數(shù)據(jù)庫 創(chuàng)建用戶,安裝步驟三，數(shù)據(jù)庫服務(wù)器的安裝（續(xù)二）,SQL Server的版本問題 2000/XP Professional操作系統(tǒng)下 SQL Server 7.0安裝Desktop版 SQL Server 2000安裝Personal版 2000/2003 Server版操作系統(tǒng)下 SQL Server 7.0安裝標(biāo)準(zhǔn)版 SQL Server 2000安裝標(biāo)準(zhǔn)版 XP HOME版操作系統(tǒng)下 SQL Server 7.0安裝Desktop版 SQL Server 2000安裝Personal版,開發(fā)運(yùn)行環(huán)境配置,到此結(jié)束,如何開始,一般項(xiàng)目開發(fā)過程簡介 課題項(xiàng)目開發(fā)過程簡介 開發(fā)運(yùn)行環(huán)境的配置 開發(fā)工具簡介（Dreamweaver）,開發(fā)工具簡介（Dreamweaver）,Dreamweaver的安裝和使用 程序安裝 開發(fā)環(huán)境介紹,培訓(xùn)內(nèi)容,基礎(chǔ)知識 如何下手 數(shù)據(jù)庫技術(shù)簡介 ASP技術(shù)簡介 JSP技術(shù)簡介,數(shù)據(jù)庫技術(shù)簡介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖) 數(shù)據(jù)庫服務(wù)器軟件,SQL(Structured Query Language),是發(fā)送給數(shù)據(jù)庫并要求數(shù)據(jù)庫操作其數(shù)據(jù)的指令 是專門為數(shù)據(jù)庫設(shè)計(jì)的語言，比計(jì)算機(jī)程序設(shè)計(jì)語言要簡單的多 SQL語言主要分成兩部分DDL(Data Definition Language)和DML(Data Manipulation Language)，前者用于建立數(shù)據(jù)庫，后者用于操作數(shù)據(jù)庫中的數(shù)據(jù) 與HTML語言的相似之處 不屬于程序設(shè)計(jì)語言 用于控制 簡單易學(xué),SQL舉例,Select (name,age,sex) from tbl_user where userid=“10001” 從數(shù)據(jù)庫中查詢數(shù)據(jù) Insert into tbl_user (userid,name,age,sex) values(10001,Mike,25,m) 向數(shù)據(jù)庫中插入數(shù)據(jù),數(shù)據(jù)庫技術(shù)簡介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖) 數(shù)據(jù)庫服務(wù)器軟件,ODBC(Open DataBase Connectivity),ODBC可理解為一個(gè)程序 ODBC程序中包含了與各種數(shù)據(jù)庫連接的驅(qū)動程序，用來實(shí)現(xiàn)應(yīng)用程序與不同數(shù)據(jù)庫的連接 ODBC程序中還包括一個(gè)與應(yīng)用程序的接口程序，實(shí)現(xiàn)不同程序與數(shù)據(jù)庫的連接 特點(diǎn)：能夠存取不同廠商所提供的數(shù)據(jù)庫,ODBC出現(xiàn)前應(yīng)用程序連接數(shù)據(jù)庫,利用ODBC連接數(shù)據(jù)庫,數(shù)據(jù)庫技術(shù)簡介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖) 數(shù)據(jù)庫服務(wù)器軟件,JDBC(Java DataBase Connectivity),JDBC也可理解為一個(gè)程序 JDBC程序中也包含了與各種數(shù)據(jù)庫連接的驅(qū)動程序，用來實(shí)現(xiàn)應(yīng)用程序與不同數(shù)據(jù)庫的連接 JDBC程序中同樣包括一個(gè)與應(yīng)用程序的接口程序，實(shí)現(xiàn)不同程序與數(shù)據(jù)庫的連接 特點(diǎn)：能夠存取不同廠商所提供的數(shù)據(jù)庫,JDBC(Java DataBase Connectivity),概念與ODBC類似 JDBC與ODBC的關(guān)系,？,JAVA程序利用JDBC連接數(shù)據(jù)庫,JDBCODBC橋驅(qū)動,JAVA應(yīng)用程序,SQL Server,Oracal,Access,JDBC-ODBC橋驅(qū)動,ODBC API ODBC驅(qū)動程序,數(shù)據(jù)庫技術(shù)簡介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖) 數(shù)據(jù)庫服務(wù)器軟件,B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖),數(shù)據(jù)訪問的具體過程是什么？,B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖),瀏覽器,ODBC(JDBC) 驅(qū)動程序,.asp或.jsp文件,Web服務(wù)器,數(shù)據(jù)庫 服務(wù)器,頁面請求,頁面應(yīng)答,數(shù)據(jù)庫技術(shù)簡介,SQL(Structured Query Language) ODBC(Open DataBase Connectivity) JDBC(Java DataBase Connectivity) B/S結(jié)構(gòu)應(yīng)用程序的執(zhí)行過程(數(shù)據(jù)庫訪問部分細(xì)化圖) 數(shù)據(jù)庫服務(wù)器軟件,數(shù)據(jù)庫服務(wù)器軟件,ACCESS 微軟Office軟件自帶 安裝簡單 容易上手，適合初次接觸數(shù)據(jù)庫編程的同學(xué)使用 一般用于小型系統(tǒng),數(shù)據(jù)庫服務(wù)器軟件（續(xù)一）,SQL Server 從網(wǎng)上下載或?qū)ふ褼版光盤 安裝比較復(fù)雜 使用起來并不算復(fù)雜，也比較容易上手 安全性、可靠性比較高，適合于各類系統(tǒng),數(shù)據(jù)庫服務(wù)器軟件（續(xù)二）,MySQL 免費(fèi)，可以從網(wǎng)上下載 安裝比較復(fù)雜，使用不復(fù)雜但界面不如SQL Server 通常結(jié)合JSP或PHP技術(shù)使用 Orocal 從網(wǎng)上下載或?qū)ふ褼版光盤 安裝，使用比較復(fù)雜 一般不用于教學(xué)目的,數(shù)據(jù)庫服務(wù)器軟件（續(xù)三）,ODBC程序 Windows操作系統(tǒng)自帶 使用簡單 結(jié)合ASP技術(shù)使用 JDBC程序 需要自己下載安裝，SQL Server的JDBC程序可以從微軟的網(wǎng)站下載 安裝過程較復(fù)雜 結(jié)合JSP技術(shù)使用,培訓(xùn)內(nèi)容,基礎(chǔ)知識 如何下手 數(shù)據(jù)庫技術(shù)簡介 ASP技術(shù)簡介 JSP技術(shù)簡介,ASP開發(fā)技術(shù)簡介,推薦教材 了解.asp文件 掌握制作ASP網(wǎng)頁必備的知識 ASP對象介紹 ASP開發(fā)實(shí)例,推薦教材,Active Server Pages & Web 數(shù)據(jù)庫 人民郵電出版社 王國榮著 這是一本學(xué)習(xí)ASP技術(shù)非常好的教材，非常適合初學(xué)者 這本書在市面上已經(jīng)很難買到，大家可在圖書館中借閱，或在網(wǎng)上下載電子書,了解.asp文件,使用ASP技術(shù)編寫的程序需要以后綴名.asp存儲，例如index.asp 沒有插入任何ASP程序的.asp文件，也就是一般的.htm文件，只是它以.asp來命名而已 通常的.asp文件是在靜態(tài)頁面中加入VBscript程序代碼生成,制作ASP網(wǎng)頁必備的知識,VBscript語言 VBscript語言是VB程序設(shè)計(jì)語言的子集合 VBscript是為了符合Internet小而精的條件而從VB之中萃取其精華功能的程序語言 它與VB的語法是相同的，但功能上的限制比較多 如果學(xué)過VB則VBscript語言的語法不成問題，否則需要首先學(xué)習(xí)語法，一般介紹ASP技術(shù)的教材都會介紹VBscript語言的語法,制作ASP網(wǎng)頁必備的知識（續(xù)一）,ASP內(nèi)建對象 Server Application Cookie Response Request Session,Response對象,服務(wù)器用來響應(yīng)（回復(fù)）瀏覽器索取的文件或數(shù)據(jù)，即服務(wù)器向?yàn)g覽器傳送數(shù)據(jù) Response.write 將信息輸出到瀏覽器 Response.redirect 從當(dāng)前頁面跳轉(zhuǎn)到另外一個(gè)頁面,Request對象,Request是與Response相對應(yīng)的對象 Response對象的用途是回復(fù)信息給瀏覽器，而Request對象則用來讀取瀏覽器的信息，即瀏覽器向服務(wù)器傳送數(shù)據(jù) Request(“name”) 有了Response和Request兩個(gè)對象之后，我們能夠完成瀏覽器與服務(wù)器之間的數(shù)據(jù)交換,Session對象,.asp頁面程序的有效期當(dāng)其開始被Web服務(wù)器解釋時(shí)，是其生命周期的開始；而當(dāng)其全部被執(zhí)行完畢后，是其生命周期的結(jié)束 變量的有效期隨.asp頁面程序的有效期 Session對象是.asp文件共用的對象 用來在.asp頁面之間傳遞參數(shù) 有效期是整個(gè)