管理信息系統(tǒng)Web開發(fā)的基本技術(shù)_第1頁
管理信息系統(tǒng)Web開發(fā)的基本技術(shù)_第2頁
管理信息系統(tǒng)Web開發(fā)的基本技術(shù)_第3頁
管理信息系統(tǒng)Web開發(fā)的基本技術(shù)_第4頁
管理信息系統(tǒng)Web開發(fā)的基本技術(shù)_第5頁
已閱讀5頁，還剩31頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

管理信息系統(tǒng)February4,2023第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0第四章Web開發(fā)的基本技術(shù)February4,202311.1Internet地址Internet地址惟一地確定Internet上每臺計算機與每個用戶的位置。對用戶來說，Internet地址有兩種表示形式：IP地址和域名。IP地址域名接入Internet的計算機也有一個由授權(quán)機構(gòu)分配的號碼，這個號碼就叫IP地址。IP地址分前后兩部分，前面的部分叫網(wǎng)絡(luò)號，后面的部分叫主機號。由于IP地址的數(shù)字地址很難記憶，通常使用一個文字IP地址來表示，把它叫做域名。February4,202321.2Internet提供的服務(wù)Internet提供的常用的服務(wù)有：電子郵件服務(wù)1文件傳輸服務(wù)（FTP服務(wù)）2萬維網(wǎng)服務(wù)（www服務(wù)）3新聞公告類服務(wù)4February4,202331.3www服務(wù)在萬維網(wǎng)上不僅可以看到文字、圖片，而且可以聽到聲音、看到動畫。www服務(wù)是通過客戶機上的Web瀏覽器和Web站點上的Web服務(wù)器之間的通信來實現(xiàn)的（見圖4.1）。圖4.1Web服務(wù)器的工作原理February4,202341.4網(wǎng)頁和超文本經(jīng)過系統(tǒng)設(shè)計，設(shè)計人員應(yīng)能為程序開發(fā)人員提供完整、清楚的設(shè)計文檔，并對設(shè)計規(guī)范中不清楚的地方做出解釋。系統(tǒng)設(shè)計中，應(yīng)遵循以下原則：（一）網(wǎng)頁網(wǎng)頁是我們在網(wǎng)上用瀏覽器（如InternetExplorer，簡稱IE）看到的那些頁面。這些頁面實際上都是一個個文件。由若干互連的文本塊組成的文本就是超文本。在www系統(tǒng)中，信息是按超文本方式組織的。

（二）HTML文件這種文件是用超文本標語言（HTML，HyperTextMarkupLanguage）寫的。它存放在WEB服務(wù)器上，關(guān)于HTML在下一節(jié)還要詳細闡述。（三）http協(xié)議www服務(wù)是執(zhí)行http協(xié)議進行傳輸?shù)?。如果輸入以下一句，進行信息定位,就可指向百度主頁所在的位置：http://我們把它稱為百度www服務(wù)器的URL（統(tǒng)一資源定位器）February4,202351.4網(wǎng)頁和超文本經(jīng)過系統(tǒng)設(shè)計，設(shè)計人員應(yīng)能為程序開發(fā)人員提供完整、清楚的設(shè)計文檔，并對設(shè)計規(guī)范中不清楚的地方做出解釋。系統(tǒng)設(shè)計中，應(yīng)遵循以下原則：（四）www瀏覽器這是客戶機上的一種軟件，通過它可以找到并瀏覽Internet上各種WWW服務(wù)器上的主頁。常用的瀏覽器軟件有微軟公司的InternetExplorer和Netscape公司的Navigator等。（五）搜索引擎搜索引擎是Internet上的一種www服務(wù)器，它能在Internet中主動搜索其他www服務(wù)器中的信息并對其索引。使用搜索引擎時，用戶輸入關(guān)鍵字后，搜索引擎能返回包含該關(guān)鍵字信息的URL，并提供通向該站點的鏈接。February4,20236第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,202372.1用HTML做簡單的網(wǎng)頁超文本文件是由超文本標記語言(HTML)寫成，這種文件的格式就是大家所熟知的ASCII格式。把文檔中各種不同的內(nèi)容用不同的標記元素對其屬性做上標記。這樣一來，超文本就是由標記和文本內(nèi)容兩者組成的了。還有一種標記方式叫做單標記方式，它不是成對地出現(xiàn)標記，只需一個標記單獨使用，就能完整地表達意思。雙標記方式單標記方式<HRSIZE=2ALIGN=LEFTWIDTH=200>例February4,202382.2HTML文檔的一般結(jié)構(gòu)下面舉例說明HTML文檔的一般結(jié)構(gòu)：<html><head><title>網(wǎng)上手機市場</title></head><body><p>你想要買手機嗎?</P><p>你可以訪問<ahref=“http：//”>手機網(wǎng)站</a>了解有關(guān)信息。</P></body></html>建立和運行上述HTML文件的最原始的辦法是將它寫到Window附件中的記事本上，形成.txt文件，然后將后綴改為.html,用鼠標雙擊文件名，即可運行。這里：〈html〉和〈/html〉表示超文本的開始與結(jié)束；〈head〉和〈/head〉是超文本文件頭的起止；〈body〉和〈/body〉是超文本正文主體的起止；〈p〉和〈/p〉是段落的起止；〈a〉和〈/a〉是定義超文本鏈接點的標記元素。href是標記元素a的屬性。February4,202392.3在網(wǎng)頁中插入圖片如果想在方才顯示的屏幕上增加一個名為gxkj.gif的圖形（見圖4.2），只要在上述HTML文檔中增加下面一句即可：〈IMGSRC=“gxkj.gif”width“20”height“15”〉這里IMG是插入圖形文件的標記?！癝RC=”后面的gxkj.gif是圖形文件名。此圖寬20MM，高15MM,可由掃描得到。圖4.2插入圖片你想買手機嗎？可以訪問手機網(wǎng)站來了解有關(guān)信息圖片F(xiàn)ebruary4,2023102.4用HTML定義表格運用標記元素可以寫出供瀏覽表格用的HTML文本。下面列出的HTML文本可以顯示出圖4.3所示的表格：<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名稱</caption><tralign=center><tdwidth="30%">第一標題列</th><tdwidth="30%">第二標題列</td><tdwidth="40%">第三標題列</td></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>第一標題列第二標題列第三標題列

圖4.3瀏覽器上顯示的表格February4,202311第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,2023123.Frontpage如果使用微軟公司的FrontPage這種WEB編程工具就可以做到在幾乎不需要編寫HTML代碼的情況下，完成網(wǎng)頁的制作，同時自動地生成HTML文件。產(chǎn)品號產(chǎn)品型號生產(chǎn)廠家價格

產(chǎn)品價格表圖4.5一個被鏈接的頁面下面通過將圖4.4和圖4.5二個頁面相鏈接的例子來說明用FrontPage制作HTML文件的過程。動態(tài)字幕網(wǎng)上手機商場產(chǎn)品價格表見正按八折銷售，歡迎選購手機照片圖4.4一個主頁面February4,2023133.Frontpage1.定義主網(wǎng)頁2.網(wǎng)頁分區(qū)3.輸入網(wǎng)頁標題文字第1步第2步第3步第4步第5步第6步第7步4.插入照片6.做被連接的網(wǎng)頁5.做動態(tài)字幕7.建立超鏈接，填URL地址新建—網(wǎng)頁—普通網(wǎng)頁—確定網(wǎng)頁名字并存儲點擊“插入表格”按鈕，做出2×2表格，并把表格實線變?yōu)樘摼€方法同用WORD編寫文字，在左上格寫上“網(wǎng)上手機商場”幾個字點擊選圖片鈕—用右鍵點圖片—點擊圖片屬性—外觀尺寸在右下格寫“正按八折銷售,歡迎選購”字樣，選中后—插入—組件—字幕—字幕屬性—樣式—格式—字體另外做一個被連接的網(wǎng)頁（手機價格表）主網(wǎng)頁右上寫“產(chǎn)品價格表見”,選中后，用右鍵點擊選“超鏈接屬性”，填上URL地址.February4,202314第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,2023154.交互網(wǎng)頁的制作我們需要通過網(wǎng)頁實現(xiàn)網(wǎng)上注冊、網(wǎng)上交談、網(wǎng)上查詢。這就需要使用交互性標記元素，通過交互性標記元素在網(wǎng)頁上顯示出一個人機對話的表單接口界面（參圖4.6）請?zhí)峁┮韵滦畔?，然后單擊提交姓名：密碼：提交清除圖4.6人機對話的界面February4,2023164.交互網(wǎng)頁的制作我們看一下，用FORM標記元素在HTML頁面上實現(xiàn)“提交”（一部分功能）的HTML文檔。tijiao.htm<formmethod=“post”action=”fanhui.asp”><p>請?zhí)峁┮韵滦畔?然后單擊提交。<p>姓名：<inputname=“myname”size=”36”><p>密碼：<inputname=“password”type=passwordsize=”36”><p><inputtype=submitvalue=”提交”><inputtype=resetvalue=”清除”></from>FORM語句段的結(jié)構(gòu)如下：<FORMMETHOD=”POST”(指

從客戶機將信息發(fā)送到Web服務(wù)器) ACTION=”URL”(激活處

理交互信息的程序)<INPUTTYPE=…NAME=…VALUE=…>〈/FORM〉HTML的交互性標記元素〈FORM〉和〈INPUT〉僅僅提供了一個接口界面,要全部實現(xiàn)交互功能，僅靠HTML是不夠的，還必須有ASP環(huán)境來進行處理。February4,202317第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,202318例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手機市場標題〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉

這里是手機市場！〈BR〉〈%next%〉〈/body〉〈/html〉5.1ASP的定義和工作原理ASP（ActiveServerPages）是微軟公司推出的，為其WEB服務(wù)器開發(fā)的一個組件。通過ASP，我們能夠?qū)TML頁面、腳本命令、ASP內(nèi)置對象和ActiveX組件結(jié)合起來，建立動態(tài)、交互的Web應(yīng)用程序。簡單地講，ASP是位于Web服務(wù)器端的腳本運行環(huán)境。ASP文件可以包含以下的幾個部分：1.文本；2.HTML標記；3.ASP腳本命令。其中ASP腳本命令可以包含ASP對象，ActiveX組件和任何腳本語言（如VB腳本所言、JAVA腳本語言等）。ASP腳本命令寫在“〈%”和“%〉”兩個符號之間。February4,202319圖4.8ASP的工作過程5.1ASP的定義和工作原理運行下列ASP文件VB-SCR-EXM.ASP后能顯示出五行文字，內(nèi)容都是“這里是手機市場！”，但字體將逐行放大。例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手機市場標題〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉

這里是手機市場！〈BR〉〈%next%〉〈/body〉〈/html〉上述ASP文件是怎樣執(zhí)行（運行）的呢？其過程如圖4.8所示：February4,2023205.2ASP腳本編程ASP的目的是實現(xiàn)用戶與WEB服務(wù)器之間的信息交互。那么，通過什么來交換信息呢？首先，前面第三節(jié)中講過，可以使用HTML中的FORM（表單）。接收用戶輸入的HTML文件為：tijiao.htm〈formmethod=“post”action=“fanhui.asp”>〈p〉請?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%〉先生（女士）：我們接受您的申請。您可以用以下密碼查閱我們的資料：abcde〈%else%〉對不起！您的密碼不對?！?Endif%〉February4,2023215.3Internet信息服務(wù)在調(diào)試和運行ASP文件之前，需在操作系統(tǒng)中先裝好IIS服務(wù)，然后才可以運行，步驟如下：1.安裝IIS2.啟動Internet信息服務(wù)3.將你設(shè)計的asp加入4.運行打開“控制面板”，然后單擊啟動“添加/刪除程序”，按向?qū)е甘荆瓿蓪IS的安裝。單擊Windows開始菜單所有程序管理工具IIS，即可啟動“Internet信息服務(wù)”管理工具；IIS默認的文檔只有default.htm和default.asp，根據(jù)需要，應(yīng)將你設(shè)計的asp加入.在瀏覽器中輸入http://localhost/syasp/cx-send.asp,即可運行。這里我們假定cx-send.asp是你的asp程序文件名。February4,202322第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,2023236.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ù)庫之間的通信問題。February4,2023246.Web數(shù)據(jù)庫ODBC是一種編程接口，它能使應(yīng)用程序訪問支持SQL查詢語言的數(shù)據(jù)庫管理系統(tǒng)，實現(xiàn)與各種數(shù)據(jù)庫的通信。只要在互聯(lián)網(wǎng)信息服務(wù)器（IIS）的Web服務(wù)器上安裝ODBC驅(qū)動程序，就可方便地實現(xiàn)Web頁面與數(shù)據(jù)庫的連接。第一步ODBC與數(shù)據(jù)庫聯(lián)系前需要知道數(shù)據(jù)庫源名（簡稱DSN）第二步用數(shù)據(jù)庫查詢語言SQL對數(shù)據(jù)庫中的數(shù)據(jù)進行操作，實現(xiàn)Internet遠程用戶對數(shù)據(jù)庫數(shù)據(jù)及信息的訪問。February4,202325第一節(jié)萬維網(wǎng)（WorldWideWeb）第二節(jié)HTML第三節(jié)Frontpage第四節(jié)交互網(wǎng)頁的制作第五節(jié)

ASP（動態(tài)服務(wù)主頁）第六節(jié)Web數(shù)據(jù)庫第七節(jié)關(guān)于Web2.0

第四章Web開發(fā)的基本技術(shù)February4,2023267.關(guān)于Web2.0Web2.0是新一代互聯(lián)網(wǎng)應(yīng)用技術(shù)的統(tǒng)稱。與Web1.0相比改變了傳統(tǒng)用戶從互聯(lián)網(wǎng)網(wǎng)頁獲取信息的模式，將用戶與網(wǎng)絡(luò)的交互作為新一代技術(shù)的基本內(nèi)核。以人為核心構(gòu)建網(wǎng)絡(luò)，提供個性化服務(wù)是其重要指導(dǎo)思想。Web2.0目前主要的代表應(yīng)用有：博客（BLOG）、聚合內(nèi)容(RSS)、百科全書(Wiki)、社會網(wǎng)絡(luò)（SNS）、即時信息（IM）等February4,2023277.關(guān)于Web2.0Web2.0具有以下特點：1.以人為核心2.以開放性為特征3.以AJAX為技術(shù)保障February4,202328Web是Internet網(wǎng)上的一種超文本的信息檢索服務(wù)程序。它具有的超鏈接功能可以支持文本、圖象、聲音和視頻等多種數(shù)據(jù)類型。為了解決客戶與Web服務(wù)器間的

溫馨提示

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

評論

0/150

提交評論