管理信息系統(tǒng)第四章_第1頁
管理信息系統(tǒng)第四章_第2頁
管理信息系統(tǒng)第四章_第3頁
管理信息系統(tǒng)第四章_第4頁
管理信息系統(tǒng)第四章_第5頁
已閱讀5頁，還剩42頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第四章Web開發(fā)的基本技術(shù)本節(jié)內(nèi)容一、Internet地址二、Internet提供的服務(wù)三、www服務(wù)四、網(wǎng)頁和超文本第一節(jié)WWW（WorldWideWeb）

背景——以電子商務(wù)應(yīng)用為例客戶商家網(wǎng)上營銷應(yīng)用軟件WEB服務(wù)器ASP文件形式、HTML文件形式一、Internet服務(wù)Internet地址唯一地確定Internet上每臺計算機與每個用戶的位置。對用戶來說，Internet地址有兩種表示形式：1.IP地址IP地址分前后二部分，前面部分叫網(wǎng)絡(luò)號，后面部分叫主機號2.域名用一個文字IP地址來表示。

第一節(jié)WWW（WorldWideWeb）

二、Internet提供的服務(wù)1.電子郵件即E-maill服務(wù)。2.文件傳輸服務(wù)即FTP服務(wù)：filetransferprotocol3.www服務(wù)（WorldWideWeb）4.新聞公告類服務(wù)提供針對某問題展開討論的服務(wù)，如BBS（電子公告牌）、網(wǎng)絡(luò)新聞組等。三、www服務(wù)-1

萬維網(wǎng)上不僅可以看到文字、圖片，而且可以帶聲音、帶動畫。www服務(wù)是通過客戶機上的Web瀏覽器和Web站點上的Web服務(wù)器之間的通信來實現(xiàn)的。HTML文件Web瀏覽器（軟件）客戶機Internet上的Web服務(wù)器Internet上的Web服務(wù)器訪問鏈接的信息鏈接http協(xié)議用戶Web服務(wù)器的工作原理三、www服務(wù)-21.超文本在www系統(tǒng)中，信息是按超文本方式組織的。超文本方式是實現(xiàn)www的關(guān)鍵技術(shù)。

2.HTML語言（HyrerTextMarkupLanguage）超文本標(biāo)記語言，存放在WEB服務(wù)器上。3.http協(xié)議（HyperTextTransferProtocol）

超文本傳輸協(xié)議，www服務(wù)是執(zhí)行http協(xié)議進行傳輸?shù)摹?/p>

4.www瀏覽器通過它可以去找到并瀏覽Internet上各種WWW服務(wù)器上的主頁5.搜索引擎搜索引擎是Internet上的一種www服務(wù)器，它能在Internet中主動搜索其他www服務(wù)器中的信息并對其索引，將索引內(nèi)容存儲在大型數(shù)據(jù)庫中，供用戶查詢。四、網(wǎng)頁和超文本第二節(jié)HTML本節(jié)內(nèi)容一、用HTML做簡單的網(wǎng)頁二、HTML文檔的一般結(jié)構(gòu)三、常用的HTML標(biāo)記元素四、在網(wǎng)頁中插入圖片五、用HTML定義表格超文本文件——ASCII格式雙標(biāo)記方式一、用HTML做簡單的網(wǎng)頁<FONTSIZE=6FACE=“宋體”>網(wǎng)絡(luò)營銷</FONT>標(biāo)記元素開始標(biāo)記元素的屬性標(biāo)記元素結(jié)束標(biāo)記名標(biāo)記元素的屬性要顯示的文本內(nèi)容單標(biāo)記方式<HRSIZE=2ALIGN=LEFTWIDTH=200>

<html><head><title>網(wǎng)上手機市場</title></head><body><p>你想要買手機嗎?</P><p>你可以訪問<ahref=“”>手機網(wǎng)站</a>了解有關(guān)信息。</body></html>二、HTML文檔的一般結(jié)構(gòu)三、常用的HTML標(biāo)記元素-1標(biāo)記元素開始標(biāo)記元素結(jié)束標(biāo)記元素的功能<!注釋內(nèi)容><!>注釋標(biāo)記<A></A>錨元素，定義超文本鏈接點<ADDRESS></ADDRESS>地址信息起止<B></B>字體顏色加深<BASE>基錨，說明鏈接的基地址<BLINK></BLINK>字體閃爍<BLOCKQUOTE></BLOCKQUOTE>塊引用<BODY></BODY>超文本正文主體的起止<BR><>回車換行<CAPTION></CAPTION>標(biāo)題，多用于表格<CENTER></CENTER>元素間的內(nèi)容居中<CITE></CITE>表明其間的內(nèi)容是引文或例證<CODE></CODE>代碼三、常用的HTML標(biāo)記元素-2標(biāo)記元素開始標(biāo)記元素結(jié)束標(biāo)記元素的功能<DD>文字縮格<DL>線縮格或不顯示<LI>的標(biāo)題符號<DT>回車換行，但不縮格<EM></EM>強調(diào)，斜體且顏色加重<FONT></FONT>變化字體大小和顏色<HEAD></HEAD>交互項元素的起止<FRAME></FRAME>展示頁的版面分割<HEAD></HEAD>超文本文件頭的起止<HEADER></HEADER>與<head>和</head>等價<HR>畫水平間隔線<Hn></Hn>定義標(biāo)題字體大小，n值為1-6<HTML></HTML>超文本文的開始和結(jié)束<I></I>字體為斜體三、常用的HTML標(biāo)記元素-3標(biāo)記元素開始標(biāo)記元素結(jié)束標(biāo)記元素的功能<IMG></IMG>插入圖形圖像文件<INPUT>輸入信息元素<LI>清單條目，多用于目錄列表<LIST></LIST>顯示文本內(nèi)容，但不執(zhí)行標(biāo)記命令<MARQUEE></MARQUEE>字符移動方式控制<META>資料說明<NEXTID>下一個標(biāo)識<OL></OL>用序號顯示一級標(biāo)題<P></P>段落的起止，也可以加空行<PRE></PRE>按原文格式<S></S>中劃線<SMALL></SMALL>用小號字表示<STRONG></STRONG>字體顏色加重三、常用的HTML標(biāo)記元素-4標(biāo)記元素開始標(biāo)記元素結(jié)束標(biāo)記元素的功能<SUB></SUB>下角標(biāo)<SUP></SUP>上角標(biāo)<TABLE></TABLE>表格的起止，圖文混排時也使用<TD></TD>表格中一欄內(nèi)容的起止<TEXTAREA></TEXTAREA>用文本區(qū)輸入信息<TH></TH>表頭的起止<TITLE></TITLE>超文本標(biāo)題的起止<TR></TR>表中一行的起止<TT></TT>固定寬度<U></U>下劃線<UL></UL>同一級標(biāo)題的限定，無序號<VAR></VAR>變量<XMP></XMP>功能同<LIST>，僅字體略小

如果想在方才顯示的屏幕上增加一個名為gxkj.gif的圖形，只要在上述HTML文檔中增加：<IMGSRC=“gxkj.gif”widfh=“20”height=“15”>注意：一定要使用英文方式的標(biāo)點符號四、在網(wǎng)頁中插入圖片你想買手機嗎？你可以訪問手機網(wǎng)站了解有關(guān)信息圖片插入圖片五、用HTML定義表格-1第一標(biāo)題列第二標(biāo)題列第三標(biāo)題列瀏覽器上顯示的表格表格名稱五、用HTML定義表格-2可以顯示上頁圖中所示表格的HTML文本：<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名稱</caption><tralign=center><thwidth="30%">第一標(biāo)題列</th><thwidth="30%">第二標(biāo)題列</th><thwidth="40%">第三標(biāo)題列</th></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>

第三節(jié)FrontPage使用微軟公司的FrontPageWEB編程工具可以做到在幾乎不需要編寫HTML代碼的情況下，完成網(wǎng)頁的制作，同時自動地生成HTML文件。本節(jié)內(nèi)容：用FrontPage制作頁面-主頁面用FrontPage制作頁面-1網(wǎng)上手機商場

產(chǎn)品價格表見http://正按八折銷售,歡迎選購動態(tài)字幕后-被連接的頁面用FrontPage制作頁面-2產(chǎn)品價格表產(chǎn)品號產(chǎn)品型號生產(chǎn)廠家價格用FrontPage制作頁面-3用FrontPage作上述網(wǎng)頁的步驟操作目的操作步驟定義主網(wǎng)頁新建——網(wǎng)頁——普通網(wǎng)頁——確定網(wǎng)頁名字并存儲網(wǎng)頁分區(qū)點擊“插入表格”按鈕，做出2×2表格，并把表格實線變?yōu)樘摼€（辦法是在表格上點擊右鍵選屬性后，將各數(shù)均改為0）。輸入網(wǎng)頁標(biāo)題文字方法類同用WORD寫字，在左上格寫上“網(wǎng)上手機商場”幾個字。插入照片點擊選圖片鈕——用右鍵點圖片——點擊圖片屬性——外觀尺寸（修改其大?。?。做動態(tài)字幕在右下格寫“正按八折銷售,歡迎選購”字樣，選中后——插入——組件——字幕——字幕屬性——樣式——格式——字體。點擊預(yù)覽，即可看到動態(tài)字幕。做被連接的網(wǎng)頁另外做一個被連接的網(wǎng)頁（手機價格表）。建立超接，填URL地址在主網(wǎng)頁右上寫“產(chǎn)品價格表見http://”,選中后，用右鍵點擊選“超鏈接屬性”，填上URL地址（產(chǎn)品價格表所在地址）。第四節(jié)交互網(wǎng)頁的制作

僅有靜態(tài)的網(wǎng)頁是不夠的。我們需要通過網(wǎng)頁實現(xiàn)網(wǎng)上注冊（客戶在網(wǎng)頁上寫入自己的姓名和密碼）、網(wǎng)上交談、網(wǎng)上查詢（客戶在網(wǎng)頁上輸入自己要買的產(chǎn)品名，網(wǎng)站返回該產(chǎn)品名的性能、價格等）。本節(jié)內(nèi)容：一、交互性標(biāo)記元素二、FORM標(biāo)記元素一、交互性標(biāo)記元素-人機對話的表單接口界面

請?zhí)峁┮韵滦畔?，然后單擊提?/p>

姓名：密碼：提交清除人機對話的界面

二、FORM標(biāo)記元素-1用FORM標(biāo)記元素在HTML頁面上實現(xiàn)“提交”（一部分功能）的HTML文檔

<formmethod="post"action="fanhui3.asp"><p>請?zhí)峁┮韵滦畔?然后單擊提交。<p>姓名：<inputname="myname"size="36"><p>密碼：<inputname="password"type=passwordsize="36"><p><inputtype=submitvalue="提交"><inputtype=resetvalue="清除"></form>二、FORM標(biāo)記元素-2FORM語句段的結(jié)構(gòu)

<FORMMETHOD=”POST”(指從客戶機將信息發(fā)送到WEB服務(wù)器) ACTION=”URL”(激活處理交互信息的程序)<INPUTTYPE=…NAME=…VALUE=…></FORM>第五節(jié)ASP（動態(tài)服務(wù)主頁）

用HTML寫的文本是靜態(tài)的。你可以看到頁面上的內(nèi)容，但不能在屏幕上輸入并傳送數(shù)據(jù)到Web服務(wù)器，更無法進行完整的人機對話。當(dāng)涉及到頁面與數(shù)據(jù)庫的連接問題和從站點返回一個頁面給客戶的問題時，僅依靠HTML文本是做不到的。ASP就是為了解決動態(tài)交互的問題和與數(shù)據(jù)庫連接的問題而設(shè)計的。本節(jié)內(nèi)容：一、什么是ASP？二、ASP的工作原理三、ASP腳本編程

一、什么是ASP？ASP（ActiveServerPages）是微軟公司為它的WEB服務(wù)器（互聯(lián)網(wǎng)信息服務(wù)器，簡稱IIS）開發(fā)的一個組件（軟件）。它是一種實現(xiàn)動態(tài)網(wǎng)頁開發(fā)技術(shù)的服務(wù)器端的開發(fā)環(huán)境。通過ASP，我們能夠?qū)TML頁面、腳本命令、ASP內(nèi)置對象和ActiveX組件結(jié)合起來，建立動態(tài)、交互而又高效的Web應(yīng)用程序。ASP可利用ADO（ActiveDataObject）方便地訪問數(shù)據(jù)庫。二、ASP的工作原理-1ASP文件可以包含以下的幾個部分：

1.文本2.HTML標(biāo)記3.ASP腳本命令等ASP腳本命令可以包含ASP對象，ActiveX組件和任何腳本語言（如VB腳本語言、JAVA腳本語言等）。ASP腳本命令寫在“<%”和“%>”兩個符號之間。ASP文件可以使用文本編輯器（如記事本）進行編輯，也可以用WEB編程工具FrontPage來做。二、ASP的工作原理-2ASP文件實例：VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手機市場標(biāo)題〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉這里是手機市場！〈BR〉〈%next%〉〈/body〉〈/html〉二、ASP的工作原理-3ASP文件實例：VB-SCR-EXM.ASP（去掉<%和%>）〈html〉〈head〉〈title〉手機市場標(biāo)題〈/title〉〈/head〉〈body〉fori=3to7〈Fontsize=i〉這里是手機市場！〈BR〉next〈/body〉〈/html〉二、ASP的工作原理-4瀏覽結(jié)果

這里是手機市場！這里是手機市場！這里是手機市場！這里是手機市場！這里是手機市場！瀏覽屏幕

二、ASP的工作原理-5-ASP文件的運行過程瀏覽器http請求http響應(yīng)Web服務(wù)器ASPASP的工作過程三、ASP腳本編程-1ASP腳本命令包含內(nèi)容腳本語言——可用VBScript寫ASP內(nèi)置對象——Request就是一個內(nèi)置對象ActiveX組件——ASP支持的ActiveX組件包括ASP服務(wù)器本身附帶的內(nèi)置組件和用戶自己（第三方）創(chuàng)建的ASP組件。三、ASP腳本編程-2用戶與WEB服務(wù)器之間的信息交互使用HTML中的FORM（表單）ASP文件中可使用VBScript作為腳本語言，也可用JAVAScript作為腳本語言。三、ASP腳本編程-3ASP環(huán)境下處理數(shù)據(jù)實例Tijiao3.htm<formmethod=“post”action=“fanhui3.asp”><p>請?zhí)峁┮韵滦畔?，然后單擊提交?lt;p>姓名：<inputname=“myname”size=“36”><p>密碼：<inputname=“password”type=passwordsize=“36”><p><inputtype=submitvalue=“提交”><inputtype=resetvalue=“清除”></form>三、ASP腳本編程-4ASP環(huán)境下處理數(shù)據(jù)實例Fanhui3.asp<%myname=Request.Form(“myname”)password=request.form(“password”)Ifpassword=”123456”then%><%=myname%〉先生（女士）：我們接受您的申請。您可以用以下密碼查閱我們的資料：abcde<%else%>對不起！您的密碼不對。<%Endif%>第六節(jié)Web數(shù)據(jù)庫

網(wǎng)站運用了數(shù)據(jù)庫技術(shù)，就可以實現(xiàn)網(wǎng)頁更新的自動化，即只要將數(shù)據(jù)庫中的內(nèi)容更新了，網(wǎng)頁上的內(nèi)容也就自動更新了。本節(jié)內(nèi)容：一、數(shù)據(jù)庫管理信息系統(tǒng)二、Web數(shù)據(jù)庫一、數(shù)據(jù)庫管理系統(tǒng)數(shù)據(jù)庫管理系統(tǒng)的功能

建立數(shù)據(jù)庫管理數(shù)據(jù)庫實現(xiàn)數(shù)據(jù)的傳送等二、Web數(shù)據(jù)庫-1Web數(shù)據(jù)庫系統(tǒng)是指以HTML為代表的Web頁面（即網(wǎng)頁）與位于底層的數(shù)據(jù)庫的集成。數(shù)據(jù)庫管理系統(tǒng)解決Web頁面和數(shù)據(jù)庫之間的通信問題。開放式數(shù)據(jù)庫連接器ODBC

ODBC是一種編程接口，它能使應(yīng)用程序訪問支持SQL查詢語言的數(shù)據(jù)庫管理系統(tǒng)，實現(xiàn)與各種數(shù)據(jù)庫的通信。SQL查詢語言二、Web數(shù)據(jù)庫-2數(shù)據(jù)庫的應(yīng)用實例現(xiàn)在有一客戶在已知新書代碼后，希望知道該書的單價和是否有書。

客戶向WEB服務(wù)器發(fā)出HTTP請求用戶在屏幕上看到的如圖所示

歡迎查看新書價格和庫存量請輸入新書代碼確認重寫查詢輸入屏幕二、Web數(shù)據(jù)庫-3從瀏覽器上調(diào)用下列CX-SEND.ASP程序產(chǎn)生的頁面，并輸入新書代碼后提交。<html><head><title>歡迎查看新書價格和庫存量</title></head><formmethod=postaction=cx-back.asp>歡迎查看新書價格和庫存量

<table><tr>

請輸入新書代碼<tr><inputtype="text"name="id"size="20"maxlength="4"><inputtype="submit"value="確認"><inputtype="reset"value="重寫"></form></BODY></HTML>二、Web數(shù)據(jù)庫-4Web服務(wù)器上的ASP軟件對此程序進行解釋并執(zhí)行另外一個名為cx-back.asp的程序。<html><head><title>歡迎查看新書價格和庫存量</title></head><body><%id=request.form("id")%><%

Setconn=Server.CreateObject("ADODB.Connection")

DBPath=Server.MapPath("tsxt.mdb")二、Web數(shù)據(jù)庫-5conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&DBPathSetrs=Server.CreateObject("ADODB.Recordset")sql="select*fromtsxt"sql=sql&"whereidlike'%"&id&"%'"conn.executesqlrs.opensql,conn,1,3%><%ifnotrs.eofandnotrs.bofthen%>您查詢的新書詳單<tableborder="1"width="80%"><tr><td>新書代碼</td><td>新書名稱</td>二、Web數(shù)據(jù)庫-6<td>單價（元）</td><td>庫存量</td></tr><tr><tdheight="30"> <%=rs("id")%></td><tdheight="30"> <%=rs("sm")%></td><tdheight

溫馨提示

  • 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)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論