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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

第四章Web開發的基本技術本節內容一、Internet地址二、Internet提供的服務三、www服務四、網頁和超文本第一節WWW（WorldWideWeb）

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

第一節WWW（WorldWideWeb）

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

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

2.HTML語言（HyrerTextMarkupLanguage）超文本標記語言，存放在WEB服務器上。3.http協議（HyperTextTransferProtocol）

超文本傳輸協議，www服務是執行http協議進行傳輸的。

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

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

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

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

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

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

請提供以下信息，然后單擊提交

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

二、FORM標記元素-1用FORM標記元素在HTML頁面上實現“提交”（一部分功能）的HTML文檔

<formmethod="post"action="fanhui3.asp"><p>請提供以下信息,然后單擊提交。<p>姓名：<inputname="myname"size="36"><p>密碼：<inputname="password"type=passwordsize="36"><p><inputtype=submitvalue="提交"><inputtype=resetvalue="清除"></form>二、FORM標記元素-2FORM語句段的結構

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

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

一、什么是ASP？ASP（ActiveServerPages）是微軟公司為它的WEB服務器（互聯網信息服務器，簡稱IIS）開發的一個組件（軟件）。它是一種實現動態網頁開發技術的服務器端的開發環境。通過ASP，我們能夠將HTML頁面、腳本命令、ASP內置對象和ActiveX組件結合起來，建立動態、交互而又高效的Web應用程序。ASP可利用ADO（ActiveDataObject）方便地訪問數據庫。二、ASP的工作原理-1ASP文件可以包含以下的幾個部分：

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

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

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

網站運用了數據庫技術，就可以實現網頁更新的自動化，即只要將數據庫中的內容更新了，網頁上的內容也就自動更新了。本節內容：一、數據庫管理信息系統二、Web數據庫一、數據庫管理系統數據庫管理系統的功能

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

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

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

歡迎查看新書價格和庫存量請輸入新書代碼確認重寫查詢輸入屏幕二、Web數據庫-3從瀏覽器上調用下列CX-SEND.ASP程序產生的頁面，并輸入新書代碼后提交。<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數據庫-4Web服務器上的ASP軟件對此程序進行解釋并執行另外一個名為cx-back.asp的程序。<html><head><title>歡迎查看新書價格和庫存量</title></head><body><%id=request.form("id")%><%

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

DBPath=Server.MapPath("tsxt.mdb")二、Web數據庫-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數據庫-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. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論