管理信息系統(tǒng)第五版黃梯云Web開發(fā)的基本技術(shù)liang_第1頁
管理信息系統(tǒng)第五版黃梯云Web開發(fā)的基本技術(shù)liang_第2頁
管理信息系統(tǒng)第五版黃梯云Web開發(fā)的基本技術(shù)liang_第3頁
管理信息系統(tǒng)第五版黃梯云Web開發(fā)的基本技術(shù)liang_第4頁
管理信息系統(tǒng)第五版黃梯云Web開發(fā)的基本技術(shù)liang_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第四章Web開發(fā)的根本技術(shù)主講人：田占偉郵箱：第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/2321.1Internet地址Internet地址惟一地確定Internet上每臺(tái)計(jì)算機(jī)與每個(gè)用戶的位置。對(duì)用戶來說，Internet地址有兩種表示形式：IP地址和域名。IP地址域名接入Internet的計(jì)算機(jī)也有一個(gè)由授權(quán)機(jī)構(gòu)分配的號(hào)碼，這個(gè)號(hào)碼就叫IP地址。IP地址分前后兩局部，前面的局部叫網(wǎng)絡(luò)號(hào)，后面的局部叫主機(jī)號(hào)。由于IP地址的數(shù)字地址很難記憶，通常使用一個(gè)文字IP地址來表示，把它叫做域名。2024/1/2331.2Internet提供的效勞Internet提供的常用的效勞有：電子郵件服務(wù)1文件傳輸服務(wù)（FTP服務(wù)）2萬維網(wǎng)服務(wù)（www服務(wù)）3新聞公告類服務(wù)42024/1/2341.3www效勞在萬維網(wǎng)上不僅可以看到文字、圖片，而且可以聽到聲音、看到動(dòng)畫。www效勞是通過客戶機(jī)上的Web瀏覽器和Web站點(diǎn)上的Web效勞器之間的通信來實(shí)現(xiàn)的〔見圖4.1〕。圖4.1Web服務(wù)器的工作原理2024/1/2351.4網(wǎng)頁和超文本經(jīng)過系統(tǒng)設(shè)計(jì)，設(shè)計(jì)人員應(yīng)能為程序開發(fā)人員提供完整、清楚的設(shè)計(jì)文檔，并對(duì)設(shè)計(jì)標(biāo)準(zhǔn)中不清楚的地方做出解釋。系統(tǒng)設(shè)計(jì)中，應(yīng)遵循以下原那么：〔一〕網(wǎng)頁網(wǎng)頁是我們?cè)诰W(wǎng)上用瀏覽器〔如InternetExplorer，簡(jiǎn)稱IE〕看到的那些頁面。這些頁面實(shí)際上都是一個(gè)個(gè)文件。由假設(shè)干互連的文本塊組成的文本就是超文本。在www系統(tǒng)中，信息是按超文本方式組織的?！捕矵TML文件這種文件是用超文本標(biāo)語言〔HTML，HyperTextMarkupLanguage〕寫的。它存放在WEB效勞器上，關(guān)于HTML在下一節(jié)還要詳細(xì)闡述?！踩硡f(xié)議www效勞是執(zhí)行協(xié)議進(jìn)行傳輸?shù)?。如果輸入以下一句，進(jìn)行信息定位,就可指向哈爾濱工業(yè)大學(xué)主頁所在的位置：://我們把它稱為哈工大www效勞器的URL〔統(tǒng)一資源定位器〕2024/1/2361.4網(wǎng)頁和超文本經(jīng)過系統(tǒng)設(shè)計(jì)，設(shè)計(jì)人員應(yīng)能為程序開發(fā)人員提供完整、清楚的設(shè)計(jì)文檔，并對(duì)設(shè)計(jì)標(biāo)準(zhǔn)中不清楚的地方做出解釋。系統(tǒng)設(shè)計(jì)中，應(yīng)遵循以下原那么：〔四〕www瀏覽器這是客戶機(jī)上的一種軟件，通過它可以找到并瀏覽Internet上各種WWW效勞器上的主頁。常用的瀏覽器軟件有微軟公司的InternetExplorer和Netscape公司的Navigator等?！参濉乘阉饕嫠阉饕媸荌nternet上的一種www效勞器，它能在Internet中主動(dòng)搜索其他www效勞器中的信息并對(duì)其索引。使用搜索引擎時(shí)，用戶輸入關(guān)鍵字后，搜索引擎能返回包含該關(guān)鍵字信息的URL，并提供通向該站點(diǎn)的鏈接。2024/1/237第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/2382.1用HTML做簡(jiǎn)單的網(wǎng)頁超文本文件是由超文本標(biāo)記語言(HTML)寫成，這種文件的格式就是大家所熟知的ASCII格式。把文檔中各種不同的內(nèi)容用不同的標(biāo)記元素對(duì)其屬性做上標(biāo)記。這樣一來，超文本就是由標(biāo)記和文本內(nèi)容兩者組成的了。還有一種標(biāo)記方式叫做單標(biāo)記方式，它不是成對(duì)地出現(xiàn)標(biāo)記，只需一個(gè)標(biāo)記單獨(dú)使用，就能完整地表達(dá)意思。雙標(biāo)記方式單標(biāo)記方式<HRSIZE=2ALIGN=LEFTWIDTH=200>例2024/1/2392.2HTML文檔的一般結(jié)構(gòu)下面舉例說明HTML文檔的一般結(jié)構(gòu)：<html><head><title>網(wǎng)上市場(chǎng)</title></head><body><p>你想要買嗎?</P><p>你可以訪問<ahref=“：//shouji〞>網(wǎng)站</a>了解有關(guān)信息。</P></body></html>建立和運(yùn)行上述HTML文件的最原始的方法是將它寫到Window附件中的記事本上，形成.txt文件，然后將后綴改為.html,用鼠標(biāo)雙擊文件名，即可運(yùn)行。這里：〈html〉和〈/html〉表示超文本的開始與結(jié)束；〈head〉和〈/head〉是超文本文件頭的起止；〈body〉和〈/body〉是超文本正文主體的起止；〈p〉和〈/p〉是段落的起止；〈a〉和〈/a〉是定義超文本鏈接點(diǎn)的標(biāo)記元素。href是標(biāo)記元素a的屬性。2024/1/23102.3在網(wǎng)頁中插入圖片如果想在方才顯示的屏幕上增加一個(gè)名為gxkj.gif的圖形〔見圖4.2〕，只要在上述HTML文檔中增加下面一句即可：〈IMGSRC=“gxkj.gif〞widfh“20〞height“15〞〉這里IMG是插入圖形文件的標(biāo)記。“SRC=”后面的gxkj.gif是圖形文件名。此圖寬20MM，高15MM,可由掃描得到。圖4.2插入圖片你想買手機(jī)嗎？可以訪問手機(jī)網(wǎng)站來了解有關(guān)信息圖片2024/1/23112.4用HTML定義表格運(yùn)用標(biāo)記元素可以寫出供瀏覽表格用的HTML文本。下面列出的HTML文本可以顯示出圖4.3所示的表格：<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名稱</caption><tralign=center><tdwidth="30%">第一標(biāo)題列</th><tdwidth="30%">第二標(biāo)題列</td><tdwidth="40%">第三標(biāo)題列</td></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>第一標(biāo)題列第二標(biāo)題列第三標(biāo)題列

圖4.3瀏覽器上顯示的表格2024/1/2312第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/23133.Frontpage如果使用微軟公司的FrontPage這種WEB編程工具就可以做到在幾乎不需要編寫HTML代碼的情況下，完成網(wǎng)頁的制作，同時(shí)自動(dòng)地生成HTML文件。產(chǎn)品號(hào)產(chǎn)品型號(hào)生產(chǎn)廠家價(jià)格

產(chǎn)品價(jià)格表圖4.5一個(gè)被鏈接的頁面下面通過將圖4.4和圖4.5二個(gè)頁面相鏈接的例子來說明用FrontPage制作HTML文件的過程。動(dòng)態(tài)字幕網(wǎng)上手機(jī)商場(chǎng)產(chǎn)品價(jià)格表見正按八折銷售，歡迎選購手機(jī)照片圖4.4一個(gè)主頁面2024/1/23143.Frontpage1.定義主網(wǎng)頁2.網(wǎng)頁分區(qū)3.輸入網(wǎng)頁標(biāo)題文字第1步第2步第3步第4步第5步第6步第7步4.插入照片6.做被連接的網(wǎng)頁5.做動(dòng)態(tài)字幕7.建立超鏈接，填URL地址新建—網(wǎng)頁—普通網(wǎng)頁—確定網(wǎng)頁名字并存儲(chǔ)點(diǎn)擊“插入表格〞按鈕，做出2×2表格，并把表格實(shí)線變?yōu)樘摼€方法同用WORD編寫文字，在左上格寫上“網(wǎng)上商場(chǎng)〞幾個(gè)字點(diǎn)擊選圖片鈕—用右鍵點(diǎn)圖片—點(diǎn)擊圖片屬性—外觀尺寸在右下格寫“正按八折銷售,歡送選購〞字樣，選中后—插入—組件—字幕—字幕屬性—樣式—格式—字體另外做一個(gè)被連接的網(wǎng)頁〔價(jià)格表〕主網(wǎng)頁右上寫“產(chǎn)品價(jià)格表見://shuoji〞,選中后，用右鍵點(diǎn)擊選“超鏈接屬性〞，填上URL地址.2024/1/2315第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/23164.交互網(wǎng)頁的制作我們需要通過網(wǎng)頁實(shí)現(xiàn)網(wǎng)上注冊(cè)、網(wǎng)上交談、網(wǎng)上查詢。這就需要使用交互性標(biāo)記元素，通過交互性標(biāo)記元素在網(wǎng)頁上顯示出一個(gè)人機(jī)對(duì)話的表單接口界面〔參圖4.6〕請(qǐng)?zhí)峁┮韵滦畔ⅲ缓髥螕籼峤恍彰好艽a：提交清楚圖4.6人機(jī)對(duì)話的界面2024/1/23174.交互網(wǎng)頁的制作我們看一下，用FORM標(biāo)記元素在HTML頁面上實(shí)現(xiàn)“提交〞〔一局部功能〕的HTML文檔。tijiao.htm<formmethod=“post〞action=〞fanhui.asp〞><p>請(qǐng)?zhí)峁┮韵滦畔?然后單擊提交。<p>姓名：<inputname=“myname〞size=〞36〞><p>密碼：<inputname=“password〞type=passwordsize=〞36〞><p><inputtype=submitvalue=〞提交〞><inputtype=resetvalue=〞去除〞></from>FORM語句段的結(jié)構(gòu)如下：<FORMMETHOD=〞POST〞(指從客戶機(jī)將信息發(fā)送到Web效勞器) ACTION=〞URL〞(激活處理交互信息的程序)<INPUTTYPE=…NAME=…VALUE=…>〈/FORM〉HTML的交互性標(biāo)記元素〈FORM〉和〈INPUT〉僅僅提供了一個(gè)接口界面,要全部實(shí)現(xiàn)交互功能，僅靠HTML是不夠的，還必須有ASP環(huán)境來進(jìn)行處理。2024/1/2318第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/2319例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉市場(chǎng)標(biāo)題〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉這里是市場(chǎng)！〈BR〉〈%next%〉〈/body〉〈/html〉5.1ASP的定義和工作原理ASP〔ActiveServerPages〕是微軟公司推出的，為其WEB效勞器開發(fā)的一個(gè)組件。通過ASP，我們能夠?qū)TML頁面、腳本命令、ASP內(nèi)置對(duì)象和ActiveX組件結(jié)合起來，建立動(dòng)態(tài)、交互的Web應(yīng)用程序。簡(jiǎn)單地講，ASP是位于Web效勞器端的腳本運(yùn)行環(huán)境。ASP文件可以包含以下的幾個(gè)部分：1.文本；2.HTML標(biāo)記；3.ASP腳本命令。其中ASP腳本命令可以包含ASP對(duì)象，ActiveX組件和任何腳本語言（如VB腳本所言、JAVA腳本語言等）。ASP腳本命令寫在“〈%”和“%〉”兩個(gè)符號(hào)之間。2024/1/2320圖4.8ASP的工作過程5.1ASP的定義和工作原理運(yùn)行以下ASP文件VB-SCR-EXM.ASP后能顯示出五行文字，內(nèi)容都是“這里是市場(chǎng)！〞，但字體將逐行放大。例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉市場(chǎng)標(biāo)題〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉這里是市場(chǎng)！〈BR〉〈%next%〉〈/body〉〈/html〉上述ASP文件是怎樣執(zhí)行〔運(yùn)行〕的呢？其過程如圖4.8所示：2024/1/23215.2ASP腳本編程ASP的目的是實(shí)現(xiàn)用戶與WEB效勞器之間的信息交互。那么，通過什么來交換信息呢？首先，前面第三節(jié)中講過，可以使用HTML中的FORM〔表單〕。接收用戶輸入的HTML文件為：tijiao.htm〈formmethod=“post〞action=“fanhui.asp〞>〈p〉請(qǐng)?zhí)峁┮韵滦畔?，然后單擊提交?！磒〉姓名：〈inputname=“myname〞size=“36〞>〈p〉密碼：〈inputname=“password〞type=passwordsize=“36〞>〈p〉〈inputtype=submitvalue=“提交〞><inputtype=resetvalue=“去除〞>〈/form〉處理上面表單提交的數(shù)據(jù)，并將有關(guān)內(nèi)容返回給用戶的ASP文件為：fanhui.asp〈%myname=Request.Form(“myname〞)password=request.form(“password〞)Ifpassword=〞123456〞then%〉〈%=myname%〉先生〔女士〕：我們接受您的申請(qǐng)。您可以用以下密碼查閱我們的資料：abcde〈%else%〉對(duì)不起！您的密碼不對(duì)。〈%Endif%〉2024/1/23225.3Internet信息效勞在調(diào)試和運(yùn)行ASP文件之前，需在操作系統(tǒng)中先裝好IIS效勞，然后才可以運(yùn)行，步驟如下：1.安裝IIS2.啟動(dòng)Internet信息服務(wù)3.將你設(shè)計(jì)的asp加入4.運(yùn)行翻開“控制面板〞，然后單擊啟動(dòng)“添加/刪除程序〞，按向?qū)е甘?，完成?duì)IIS的安裝。單擊Windows開始菜單所有程序管理工具IIS，即可啟動(dòng)“Internet信息效勞〞管理工具；IIS默認(rèn)的文檔只有default.htm和default.asp，根據(jù)需要，應(yīng)將你設(shè)計(jì)的asp參加.在瀏覽器中輸入://localhost/syasp/cx-send.asp,即可運(yùn)行。這里我們假定cx-send.asp是你的asp程序文件名。2024/1/2323第一節(jié)萬維網(wǎng)〔WorldWideWeb〕第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)ASP〔動(dòng)態(tài)效勞主頁〕第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0本章內(nèi)容2024/1/23246.Web數(shù)據(jù)庫Web數(shù)據(jù)庫系統(tǒng)是指以HTML為代表的Web頁面〔即網(wǎng)頁〕與位于底層的數(shù)據(jù)庫的集成。Internet用戶可以通過Web頁面來訪問和數(shù)據(jù)庫中的數(shù)據(jù)。Oracle，Sybase，SQLServer等都可以為Web提供數(shù)據(jù)庫支持。重要的是要解決Web頁面和數(shù)據(jù)庫之間的通信問題。2024/1/23256.Web數(shù)據(jù)庫ODBC是一種編程接口，它能使應(yīng)用程序訪問支持SQL查詢語言的數(shù)據(jù)庫管理系統(tǒng)，實(shí)現(xiàn)與各種數(shù)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論