第1講 《網(wǎng)站開(kāi)發(fā)技術(shù)》課程綜述

1、網(wǎng)站(wn zhn)開(kāi)發(fā)技術(shù)主講(zhjing) 李民qq:418744866E-mail:ldxy_共四十頁(yè)課程(kchng)綜述2網(wǎng)站(wn zhn)開(kāi)發(fā)概述3 JSP概述4 搭建JSP運(yùn)行環(huán)境 1網(wǎng)站開(kāi)發(fā)技術(shù)課程概述共四十頁(yè)一、網(wǎng)站開(kāi)發(fā)技術(shù)課程(kchng)概述 隨著Internet的普及和信息技術(shù)的發(fā)展，信息系統(tǒng)的開(kāi)發(fā)由C/S發(fā)展為B/S模式，網(wǎng)站不僅是企業(yè)宣傳的窗口，更是信息系統(tǒng)不可分割的組成部分。網(wǎng)站不僅為信息系統(tǒng)開(kāi)辟了網(wǎng)絡(luò)窗口，也拓展了信息系統(tǒng)的操作(cozu)空間。 課程總學(xué)時(shí)：64學(xué)時(shí)，3學(xué)分?？?jī)點(diǎn)課共四十頁(yè)1、課程性質(zhì) 網(wǎng)站開(kāi)發(fā)技術(shù)是信息管理與信息系統(tǒng)本科專(zhuān)業(yè)的必修課程，是

2、一門(mén)建立在計(jì)算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)庫(kù)技術(shù)和電子商務(wù)基礎(chǔ)上的綜合性課程，要求學(xué)生具備相關(guān)知識(shí)的綜合運(yùn)用能力，實(shí)踐性強(qiáng)。2、教學(xué)目的 通過(guò)本門(mén)課程的學(xué)習(xí)，使學(xué)生了解(lioji)基于Web平臺(tái)的網(wǎng)站開(kāi)發(fā)技術(shù)，在HTML和JavaScript的基礎(chǔ)上，以JSP為主線(xiàn)介紹動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)技術(shù)，共四十頁(yè)通過(guò)案例教學(xué)介紹網(wǎng)站的設(shè)計(jì)思路和實(shí)現(xiàn)方法，為學(xué)生進(jìn)一步學(xué)習(xí)其他專(zhuān)業(yè)課程和今后從事項(xiàng)目開(kāi)發(fā)工作打下(d xi)良好的基礎(chǔ)。3、本課程與其他課程的聯(lián)系與分工 本課程的先修課程是計(jì)算機(jī)網(wǎng)絡(luò)、網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)、面向?qū)ο蟪绦蛟O(shè)計(jì)等相關(guān)的專(zhuān)業(yè)課。通過(guò)網(wǎng)站開(kāi)發(fā)技術(shù)把相關(guān)的專(zhuān)業(yè)知識(shí)綜合起來(lái)，為后續(xù)課程項(xiàng)目綜合開(kāi)發(fā)的學(xué)習(xí)打下基礎(chǔ)。共四

3、十頁(yè)4、課程的教學(xué)方式與方法 本課程強(qiáng)調(diào)實(shí)用性，以網(wǎng)站設(shè)計(jì)為主線(xiàn)，通過(guò)案例(n l)和問(wèn)題引入教學(xué)內(nèi)容，重點(diǎn)講解動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)思想和方法，教學(xué)中采用課堂講授與案例(n l)教學(xué)相結(jié)合的方法，引導(dǎo)學(xué)生獨(dú)立思考，培養(yǎng)學(xué)生的創(chuàng)新思維能力。 采用現(xiàn)代化、多樣化手段實(shí)施教學(xué)，充分利用多媒體電子教學(xué)手段。共四十頁(yè)5、課程的基本內(nèi)容(nirng)與要求靜態(tài)網(wǎng)頁(yè)技術(shù)（8學(xué)時(shí)(xush)） 教學(xué)內(nèi)容：HTML、CSS和JavaScript。 教學(xué)要求：熟練掌握靜態(tài)網(wǎng)頁(yè)技術(shù)（網(wǎng)頁(yè)布局、風(fēng)格設(shè)計(jì)和動(dòng)態(tài)效果設(shè)計(jì)），能獨(dú)立設(shè)計(jì)靜態(tài)網(wǎng)頁(yè)。動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)JSP （16學(xué)時(shí)） 教學(xué)內(nèi)容：JSP的運(yùn)行環(huán)境與工作原理、JSP語(yǔ)法、

4、JSP內(nèi)置對(duì)象、JavaBean的設(shè)計(jì)與應(yīng)用、共四十頁(yè) JSP中的組件應(yīng)用、在JSP中訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)和Servlet。 教學(xué)要求：熟練掌握J(rèn)SP開(kāi)發(fā)技術(shù)，能獨(dú)立設(shè)計(jì)具有交互功能的動(dòng)態(tài)網(wǎng)頁(yè)。網(wǎng)站設(shè)計(jì)（8學(xué)時(shí)） 教學(xué)內(nèi)容：1網(wǎng)站系統(tǒng)設(shè)計(jì)。2網(wǎng)站編碼設(shè)計(jì)。 教學(xué)要求：掌握(zhngw)設(shè)計(jì)網(wǎng)站的方法和步驟。共四十頁(yè)6、課程的考核方式 本課程為考試課，滿(mǎn)分100分?？己擞善綍r(shí)成績(jī)考核、實(shí)驗(yàn)成績(jī)考核和考試三部分組成。 平時(shí)成績(jī)滿(mǎn)分10分，包括平時(shí)出勤情況和課堂表現(xiàn)，無(wú)故曠課三次，平時(shí)成績(jī)?yōu)?分。 實(shí)驗(yàn)(shyn)成績(jī)滿(mǎn)分30分，包括實(shí)驗(yàn)(shyn)操作和實(shí)驗(yàn)(shyn)報(bào)告的完成情況，各實(shí)驗(yàn)(shyn)的成

5、績(jī)按權(quán)重計(jì)入。 考試成績(jī)滿(mǎn)分60分，考試在課程教學(xué)結(jié)束時(shí)完成，包括綜合設(shè)計(jì)和答辯。共四十頁(yè)期末考試： 綜合設(shè)計(jì)（答辯），開(kāi)卷，題目自選，在設(shè)計(jì)前上報(bào)并確定題目，答辯時(shí)考核學(xué)生對(duì)相關(guān)知識(shí)點(diǎn)的掌握情況和理解能力，每人15-20分鐘，滿(mǎn)分90分。1)綜合設(shè)計(jì)要求：與課程設(shè)計(jì)開(kāi)題(ki t)時(shí)上報(bào)的題目一致，按時(shí)上交課程設(shè)計(jì)的，主題明確，內(nèi)容完整，頁(yè)面超過(guò)10頁(yè)。 （50分） 共四十頁(yè)不同的頁(yè)面使用統(tǒng)一的CSS文件進(jìn)行樣式(yngsh)設(shè)計(jì)。 （10分）普通用戶(hù)可以瀏覽信息，注冊(cè)用戶(hù)可以下載資源。 （10分）用戶(hù)的注冊(cè)、登錄信息通過(guò)JavaScript進(jìn)行信息校驗(yàn)。 （10分）訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)通過(guò)JavaB

6、ean來(lái)實(shí)現(xiàn)。 （10分）設(shè)計(jì)留言板，對(duì)相關(guān)信息進(jìn)行討論。（10分）共四十頁(yè)2)實(shí)驗(yàn)考核要求：按實(shí)驗(yàn)指導(dǎo)書(shū)要求完成(wn chng)實(shí)驗(yàn)，本課程的實(shí)踐教學(xué)分9個(gè)實(shí)驗(yàn)，滿(mǎn)分100分。實(shí)驗(yàn)考核采取每個(gè)實(shí)驗(yàn)獨(dú)立考核的方式， 前八個(gè)實(shí)驗(yàn)每個(gè)實(shí)驗(yàn)10分，第九個(gè)實(shí)驗(yàn)20分?？己藘?nèi)容包括實(shí)驗(yàn)報(bào)告書(shū)寫(xiě)和實(shí)驗(yàn)操作，兩者各占20%和80%，實(shí)驗(yàn)操作通過(guò)課程中心來(lái)完成。/G2S/Template/View.aspx?action=view&courseType=0&courseId=27105共四十頁(yè)7、教材與參考資料 教材采用大學(xué)(dxu)計(jì)算機(jī)規(guī)劃教材JSP大學(xué)(dxu)實(shí)用教程-(第2版)由電子工業(yè)出版社出版

7、，耿祥義等編寫(xiě)。參考資料： 精通CSS與HTML設(shè)計(jì)模式 (美)Michael Bowers著，人民郵電出版社出版。 JavaScript入門(mén)經(jīng)典（第4版）（美）威爾頓，（美）麥克匹克著，張敏，高宇輝，王東亞譯，清華大學(xué)出版社出版。共四十頁(yè)網(wǎng)站(Website)是因特網(wǎng)上一個(gè)面向全世界發(fā)布消息的地方(dfng)，由域名和網(wǎng)站空間構(gòu)成，網(wǎng)站空間包括主頁(yè)和相關(guān)的頁(yè)面。 網(wǎng)站是因特網(wǎng)上根據(jù)特定規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)集合。人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪(fǎng)問(wèn)網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。二

8、、網(wǎng)站(wn zhn)開(kāi)發(fā)概述1、什么是網(wǎng)站共四十頁(yè)各級(jí)政府機(jī)關(guān)、企事業(yè)單位都擁有自己的網(wǎng)站(wn zhn)，用于宣傳、資訊發(fā)布、招聘等。很多個(gè)人通過(guò)個(gè)人網(wǎng)站（如博客、QQ空間等）展現(xiàn)自我個(gè)性。 早期的網(wǎng)站只能保存單純的文本(wnbn)。經(jīng)過(guò)發(fā)展，逐漸地圖文并茂，能和瀏覽者進(jìn)行交流，部分網(wǎng)站還可以通過(guò)網(wǎng)站完成商務(wù)活動(dòng)或?qū)崿F(xiàn)信息管理。共四十頁(yè)域名（俗稱(chēng)網(wǎng)址）：域名是由英文字符和數(shù)字組成的，與固定的IP地址相對(duì)應(yīng)。域名可分為不同級(jí)別，包括頂級(jí)域名、二級(jí)域名等。 網(wǎng)站空間由專(zhuān)門(mén)的獨(dú)立服務(wù)器或租用的虛擬主機(jī)承擔(dān)(chngdn)。網(wǎng)站源程序則放在網(wǎng)站空間里面，數(shù)據(jù)庫(kù)服務(wù)器為網(wǎng)站提供信息服務(wù)。 域名相當(dāng)于

9、門(mén)牌號(hào)碼，網(wǎng)站空間就如同房屋，源程序如家庭成員，數(shù)據(jù)庫(kù)如銀行、社會(huì)關(guān)系等。 、網(wǎng)站的組成(z chn)域名、網(wǎng)站空間、網(wǎng)站源程序和數(shù)據(jù)庫(kù)服務(wù)器。 共四十頁(yè)、訪(fǎng)問(wèn)(fngwn)網(wǎng)站： 使用瀏覽器在URL地址欄輸入網(wǎng)站的域名訪(fǎng)問(wèn)。一個(gè)(y )完整的URL地址是由協(xié)議名、Web服務(wù)器地址、文件在服務(wù)器中的路徑和文件名四個(gè)部分組成。共四十頁(yè)根據(jù)網(wǎng)站的用途分類(lèi)：門(mén)戶(hù)網(wǎng)站（綜合網(wǎng)站）、行業(yè)網(wǎng)站、娛樂(lè)網(wǎng)站等。根據(jù)網(wǎng)站的持有者分類(lèi)：個(gè)人網(wǎng)站、企業(yè)網(wǎng)站，政府網(wǎng)站等。 根據(jù)網(wǎng)站的商業(yè)目的分類(lèi)：營(yíng)利(yngl)型網(wǎng)站（行業(yè)網(wǎng)站、論壇）、非營(yíng)利(yngl)性型網(wǎng)站（企業(yè)網(wǎng)站、政府網(wǎng)站）。4、網(wǎng)站(wn zhn)的分類(lèi)

10、共四十頁(yè)5、網(wǎng)站(wn zhn)開(kāi)發(fā)流程共四十頁(yè)6、網(wǎng)站開(kāi)發(fā)技術(shù) 網(wǎng)站開(kāi)發(fā)技術(shù)包括客戶(hù)端開(kāi)發(fā)技術(shù)和服務(wù)器端開(kāi)發(fā)技術(shù)。 客戶(hù)端開(kāi)發(fā)技術(shù)包括HTML、CSS+DIV和JavaScript。 服務(wù)器端開(kāi)發(fā)技術(shù)通過(guò)CGI(Common Gateway Interface，通用網(wǎng)關(guān)界面(jimin)程序?qū)崿F(xiàn)Web服務(wù)器與用戶(hù)頁(yè)面的交互。CGI具有標(biāo)準(zhǔn)的輸入、輸出和環(huán)境變量，可用任何語(yǔ)言編寫(xiě)。目前流行的有ASP、PHP和JSP，它運(yùn)行在服務(wù)器上，由服務(wù)器解譯。共四十頁(yè)三種語(yǔ)言比較：PHP：不支持大規(guī)模、分布式數(shù)據(jù)庫(kù)；數(shù)據(jù)庫(kù)接口支持不統(tǒng)一。不適于電子商務(wù)中。ASP：主要應(yīng)用于Windows平臺(tái),通過(guò)ASP

11、+COM（ActiveX組件(z jin)）組合完成開(kāi)發(fā)功能,UNIX下COM（組件對(duì)象模型）實(shí)現(xiàn)困難。JSP：是Java Servlet 的易讀版。與平臺(tái)無(wú)關(guān)，在UNIX、Linus、Window、Solaris平臺(tái)上都可運(yùn)行；運(yùn)行速度快；擴(kuò)展性好；安全性高，支持XML。共四十頁(yè)1、JSP的由來(lái) Java的應(yīng)用：applet、Servlet。 Servlet是Java語(yǔ)言的一部分，提供了用于服務(wù)器編程的API，servlet通過(guò)HTML與客戶(hù)交互信息。servlet的缺點(diǎn)是不能有效的管理頁(yè)面的邏輯部分和頁(yè)面的輸出部分，導(dǎo)致servlet代碼非常混亂，管理網(wǎng)站(wn zhn)十分困難。 一個(gè)s

12、ervlet就是一個(gè)java文件，如要在瀏覽器上輸出信息“很高興和大家一起學(xué)習(xí)網(wǎng)站開(kāi)發(fā)技術(shù)！”，編寫(xiě)servlet，其代碼為:三、JSP概述(i sh)共四十頁(yè)package lm;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HelloServlet extends HttpServlet public void init(ServletConfig config) throws ServletException super.init(config); public void

13、doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException response.setContentType(text/html;charset=GB2312); PrintWriter out = response.getWriter(); out.println(“n”+ “ Hellon”+ “BODY BGCOLOR=red” + “很高興和大家一起(yq)學(xué)習(xí)網(wǎng)站開(kāi)發(fā)技術(shù)！n+ ); 共四十頁(yè) 同樣的功能用ASP來(lái)實(shí)現(xiàn)，其代碼(di m)為: H

14、ello共四十頁(yè) 為適應(yīng)市場(chǎng)需求，SUN公司以Servlet作為基礎(chǔ)，推出了JSP（Java Server Page）。 Hello JSP代碼風(fēng)格和HTML頁(yè)面的代碼非常相似，區(qū)別是在“”之間加入Java代碼。共四十頁(yè)2、 JSP技術(shù)特性跨平臺(tái)將內(nèi)容的生成和顯示進(jìn)行分離強(qiáng)調(diào)可重用的組件(z jin) 采用標(biāo)識(shí)簡(jiǎn)化頁(yè)面開(kāi)發(fā) 健壯性與安裝性 共四十頁(yè)3 JSP工作原理 JSP是結(jié)合標(biāo)記語(yǔ)言（HTML或XML）和Java代碼來(lái)處理的一種動(dòng)態(tài)頁(yè)面。一個(gè)JSP文件第一次被請(qǐng)求時(shí)，JSP引擎先把該JSP文件轉(zhuǎn)換成Java源文件，轉(zhuǎn)換時(shí)若發(fā)現(xiàn)(fxin)JSP文件有語(yǔ)法錯(cuò)誤，轉(zhuǎn)換過(guò)程將中斷，并向服務(wù)器端和

15、客戶(hù)端輸出錯(cuò)誤信息；如轉(zhuǎn)換成功，JSP引擎調(diào)用Java虛擬機(jī)的javac程序把該Java文件編譯成相應(yīng)的class文件，該class文件即Servlet程序，然后創(chuàng)建一個(gè)該Serlvet的實(shí)例，提供服務(wù)響應(yīng)用戶(hù)的請(qǐng)求。 共四十頁(yè)共四十頁(yè)1、JDK的安裝(nzhung)與配置環(huán)境變量的設(shè)置:變量名：JAVA_HOME，變量值：C:jdk1.6。變量名：CLASSPATH，變量值：C:jdk1.6lib dt.jar;.; C:jdk1.6libtools.jar; 。變量名：PATH，變量值：C:jdk1.6bin四、搭建JSP運(yùn)行(ynxng)環(huán)境共四十頁(yè)2、web服務(wù)器的安裝與配置 自從JS

16、P發(fā)布以后，出現(xiàn)了各式各樣的JSP引擎。如 Tomcat 、Geronimo 、Jetty 、Jonas 、Jrun 、Orion 、Resin等。 1999年10月Sun公司將Java Server Page 1.1代碼交給Apache組織，Apache組織對(duì)JSP進(jìn)行了實(shí)用研究，并將這個(gè)服務(wù)器項(xiàng)目稱(chēng)為T(mén)omcat，從此，著名的Web服務(wù)器Apache開(kāi)始支持(zhch)JSP。這樣，Tomcat就誕生了。目前，Tomcat能和大部分主流服務(wù)器一起高效率的工作。四、搭建(d jin)JSP運(yùn)行環(huán)境共四十頁(yè)1）安裝：安裝過(guò)程根據(jù)向?qū)J(rèn)安裝，只在選擇Java虛擬機(jī)安裝位置(wi zhi)時(shí)把默

17、認(rèn)的jre路徑更改為jdk安裝路徑即可：四、搭建JSP運(yùn)行(ynxng)環(huán)境共四十頁(yè)2）啟動(dòng)(qdng)、測(cè)試：?jiǎn)?dòng)服務(wù)器后，打開(kāi)IE瀏覽器，在地址欄中輸入“http:/localhost:8080或:8080”。 共四十頁(yè)3）Tomcat安裝目錄的結(jié)構(gòu)bin/ 二進(jìn)制可執(zhí)行文件和腳本lib/ 存放所有web應(yīng)用都可訪(fǎng)問(wèn)的jar文件conf/ 配置文件目錄logs/ 日志(rzh)目錄temp/ 服務(wù)器運(yùn)行時(shí)產(chǎn)生的臨時(shí)文件webapps/ Web應(yīng)用(虛擬站點(diǎn))所存放的目錄work/ Tomcat的工作目錄（存放由JSP生 成的servlet文件）共四十頁(yè)4）Tomcat配置文件tomcat-

18、user.xml：定義了tomcat用戶(hù)的信息。server.xml:是Tomcat的全局配置文件，提供(tgng)Tomcat組件的初始配置，說(shuō)明Tomcat的結(jié)構(gòu)和含義，使Tomcat通過(guò)實(shí)例化組件來(lái)完成自身的構(gòu)建以完成起動(dòng)。web.xml:是配置Web應(yīng)用的文件，在每個(gè)Web應(yīng)用的根目錄下。共四十頁(yè)5）修改Tomcat服務(wù)器的端口號(hào) 8080是Tomcat服務(wù)器的默認(rèn)端口號(hào)?？梢酝ㄟ^(guò)(tnggu)修改$Tomcatconf下的主配置文件server.xml，更改端口號(hào)。 用記事本打開(kāi)server.xml文件，找到出現(xiàn) 的部分，將其中的port=“8080”更改為新的端口號(hào)即可，比如將80

19、80更改為9080等。共四十頁(yè)6）建立新的web服務(wù)目錄 假設(shè)要將D:test以及c:redsun作為服務(wù)目錄，并讓用戶(hù)分別使用/test和/moon虛擬目錄訪(fǎng)問(wèn)。首先用記事本打開(kāi)主配置文件server.xml，找到出現(xiàn)以下(yxi)信息的部分。!- . （在這里加入您的Web服務(wù)目錄） 共四十頁(yè) 然后在和 之間加入(jir)： 主配置文件server.xml修改后，必須重新啟動(dòng)Tomcat引擎。這樣，就可以將JSP頁(yè)面存放到D:test或c:redsun中，用戶(hù)可以通過(guò)虛擬目錄test或moon訪(fǎng)問(wèn)JSP頁(yè)面,比如，在瀏覽器地址欄中鍵入：http:/localhost:8080/moon/Example1_2.jsp共四十頁(yè)7）Tomcat服務(wù)器的默認(rèn)網(wǎng)頁(yè)(wn y) 修改$tomcat_home/conf/web.xml文件。