BS結構應用程序相關技術講座.ppt

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