網(wǎng)站開發(fā)課程設(shè)計(jì)--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

上傳人：奔*** IP屬地：河北更新時(shí)間：2024-03-01 格式：doc 頁(yè)數(shù)：13 大?。?51.00KB 人氣指數(shù)：12 舉報(bào) 版權(quán)申訴

2023年全國(guó)碩士研究生考試考研英語(yǔ)一試題真題（含答案詳解+作文范文）_第1頁(yè)

已閱讀1頁(yè)，還剩12頁(yè)未讀，繼續(xù)免費(fèi)閱讀

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

文檔簡(jiǎn)介

1、　　網(wǎng)站開發(fā)課程設(shè)計(jì)　　報(bào) 告書　　設(shè)計(jì)題目網(wǎng)站開發(fā) 　　課程設(shè)計(jì)任務(wù)書

2、;　　一、課程設(shè)計(jì)時(shí)間　　2012年12月24日至2013年1月11日，共計(jì)3周。　　二、課程設(shè)計(jì)內(nèi)容　　使用html+javascript+css 完成以下任務(wù)：　　1、能夠熟練使用css結(jié)合h

3、tml實(shí)現(xiàn)網(wǎng)頁(yè)布局。　　2、熟練使用文檔對(duì)象模型和事件驅(qū)動(dòng)，能夠很好的實(shí)現(xiàn)web表單的交互式操作。　　3、熟練使用javascrip中的對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果。　　三、課程設(shè)計(jì)要求　　1. 課程設(shè)計(jì)質(zhì)量：&l

4、t;p>　　貫徹事件驅(qū)動(dòng)的程序設(shè)計(jì)思想，熟練使用javascript中的對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)特效。　　網(wǎng)頁(yè)設(shè)計(jì)布局合理，色彩搭配合理，網(wǎng)頁(yè)操作方便。　　設(shè)計(jì)過程中充分考慮瀏覽器兼容等問題，并做適當(dāng)處理。　　代碼應(yīng)適當(dāng)縮進(jìn)，并給出必要的注釋，以增強(qiáng)程序的可讀性。　　2. 課

5、程設(shè)計(jì)說明書：　　課程結(jié)束后，上交課程設(shè)計(jì)報(bào)告書和相關(guān)的網(wǎng)頁(yè)。課程設(shè)計(jì)報(bào)告書的格式和內(nèi)容參見提供的模板。　　四、指導(dǎo)教師和學(xué)生簽字　　五、教師評(píng)語(yǔ)：　　基于javascript的電子商務(wù)網(wǎng)站開發(fā)

6、;　　摘要　　隨著網(wǎng)絡(luò)信息化的飛速發(fā)展，人們的生活學(xué)習(xí)已經(jīng)離不開網(wǎng)絡(luò)。Javascript是web應(yīng)用開發(fā)不可或缺的利器，作為開發(fā)人員，了解和熟悉Javascript是不可或缺的前提之一。Javascript作為一種具有正式規(guī)范的基于標(biāo)準(zhǔn)的語(yǔ)言，在為WEB頁(yè)面增加交互性、創(chuàng)建整個(gè)應(yīng)用程序方面都有重要地位。為了方便大家的購(gòu)物，在網(wǎng)上買東西的越來越多。電子商務(wù)也

7、隨之發(fā)生。本為就是為了美觀電子商務(wù)的美觀，制作文字特效效果。　　關(guān)鍵字：文字特效、javascript、html、　　目錄　　一、前言1　　1.1課程設(shè)計(jì)思路1<

8、;p>　　1.2課程設(shè)計(jì)目標(biāo)1　　二、關(guān)鍵技術(shù)1　　2.1HTML相關(guān)概念1　　2.2css3　　2.3javascript3<b&

9、gt;　　三、總體設(shè)計(jì)4　　3.1網(wǎng)站總體架構(gòu)4　　3.2網(wǎng)站軟件結(jié)構(gòu)4　　3.3網(wǎng)站功能設(shè)計(jì)5　　四、詳細(xì)設(shè)計(jì)5　　4.1主要代碼5&l

10、t;/b>　　五、課設(shè)總結(jié)8　　六、參考文獻(xiàn)8　　前言　　1.1課程設(shè)計(jì)思路<

11、p>　　電子商務(wù)網(wǎng)站基本組成部分包括廣告推薦、商品瀏覽、電子購(gòu)物車、用戶注冊(cè)，采用JavaScript實(shí)現(xiàn)的大部分是客戶端邏輯部分，與數(shù)據(jù)庫(kù)打交道基本上是由服務(wù)器端腳本語(yǔ)言來進(jìn)行的。JavaScript在創(chuàng)建電子商務(wù)網(wǎng)站的過程中如果運(yùn)用得當(dāng)將使網(wǎng)站的效率得到很大的提高，同時(shí)也將提高網(wǎng)站的人性化程度。　　1.2課程設(shè)計(jì)目標(biāo)<

12、p>　　1.能夠熟練使用css結(jié)合html，通過咨詢和考察，最終確定并實(shí)現(xiàn)網(wǎng)頁(yè)布局。同時(shí)使用動(dòng)態(tài)樣式表甚至可以讓圖片的切換獲得多種轉(zhuǎn)場(chǎng)效果。　　2．熟練使用javascript和cookie實(shí)現(xiàn)電子購(gòu)物車，從而提高網(wǎng)頁(yè)訪問速度。　　3．熟練使用javascript中的內(nèi)建對(duì)象最終實(shí)現(xiàn)一個(gè)電子商務(wù)網(wǎng)站的雛形。

13、　　二、關(guān)鍵技術(shù)　　2.1HTML相關(guān)概念　　1.HTML語(yǔ)言　　HTML語(yǔ)言(Hypertext Markup Language，中文通常稱為超文本置標(biāo)語(yǔ)言或超文本標(biāo)記語(yǔ)言)是一種文本類、解釋執(zhí)行的標(biāo)記語(yǔ)言，它是In

14、ternet上用于編寫網(wǎng)頁(yè)的主要語(yǔ)言。用HTML編寫的超文本文件稱為HTML文件。　　在WWW上，通常使用的發(fā)布語(yǔ)言是HTML，即超文本標(biāo)識(shí)語(yǔ)言。當(dāng)用瀏覽器打開網(wǎng)頁(yè)時(shí)，瀏覽器讀取網(wǎng)頁(yè)中的HTML代碼，分析其語(yǔ)法結(jié)構(gòu)，然后根據(jù)解釋的結(jié)果顯示網(wǎng)頁(yè)內(nèi)容，正是因?yàn)槿绱?，制作網(wǎng)頁(yè)的時(shí)候，如果不涉及HTML語(yǔ)言，幾乎是不可能的。如圖：WWW三個(gè)組成部分　　圖2-1W

15、WW的組成　　2.HTML文件結(jié)構(gòu)　　<HTML> 　　<HEAD> <head>元素出現(xiàn)在文檔的開頭部分。<head>與</head>之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 <

16、/p>　　<title></title> <title>元素定義HTML文檔的標(biāo)題。<title>與</title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。　　</HEAD>　　<BODY>

17、　　HTML 文件的正文//<body>元素表明是HTML文檔的主體部分。在<body>與</body>之間，通常都會(huì)有很多其它元素；這些元素和元素屬性構(gòu)成HTML文檔的主體部分。　　</BODY><b

18、>　　</HTML>　　元素：是HTML語(yǔ)言的基本部分。元素總是成對(duì)出現(xiàn)，每一對(duì)元素一般都有一個(gè)開始的標(biāo)記（如<body>），也有一個(gè)結(jié)束的標(biāo)記（如</body>）。元素的標(biāo)記要用一對(duì)尖括號(hào)括起來，并且結(jié)束的標(biāo)記總是在開始的標(biāo)記前加一個(gè)斜杠。　　HTML元素屬性:HTML元素可以有自己的相關(guān)屬

19、性，每一個(gè)屬性還可以由我們網(wǎng)頁(yè)編制者賦一定的值。元素屬性出現(xiàn)在元素的< >內(nèi)，并且和元素名之間有一個(gè)空格分隔；屬性值用“”引起來。　　2.2css　　1.css簡(jiǎn)介　　級(jí)聯(lián)樣式表（Cascading Style Sheet）簡(jiǎn)

20、稱“CSS”，它是用來進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)簽的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。　　2.css文件　　當(dāng)要在站點(diǎn)上所有或部份的網(wǎng)頁(yè)上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)

21、外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁(yè)，便能確保所有網(wǎng)頁(yè)外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中作一次更改，而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁(yè)上。通常外部樣式表以 .css 做為文件擴(kuò)展名，例如 Mystyles.css。　　2.3javascript 　　1．javascript語(yǔ)言

22、　　JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語(yǔ)言，常用來給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，響應(yīng)用戶的各種操作。　　2.JavaScript嵌入HTML文件　　JavaScript代碼可直接嵌入HTML文件中，隨網(wǎng)頁(yè)一起傳送到客戶端瀏覽器，然后通過瀏覽器來解釋執(zhí)行。

23、;　　1)、JavaScript 語(yǔ)句插入 HTML的方式：　?。?)使用 <SCRIPT> 標(biāo)簽將語(yǔ)句嵌入文檔　　（2)將 JavaScript 源文件(.js)鏈接到 HTML 文檔中　　2)、JavaScript 語(yǔ)句插入 HTML的位置：<p

24、>　?。?)body部分的JS　?。?)head部分的JS：當(dāng)腳本被調(diào)用、事件被觸發(fā)時(shí)執(zhí)行，可保證在調(diào)用函數(shù)前，腳本已載入　　總體設(shè)計(jì)　　3.1網(wǎng)站總體架構(gòu)　　本系統(tǒng)的實(shí)現(xiàn)采用典型的B/S結(jié)

25、構(gòu)來實(shí)現(xiàn)，不同的客戶端程序通過IE共同訪問WEB服務(wù)器的發(fā)布頁(yè)面、WEB服務(wù)器訪問數(shù)據(jù)庫(kù)服務(wù)器進(jìn)行數(shù)據(jù)存取，系統(tǒng)結(jié)構(gòu)如圖3-1：　　圖3-1系統(tǒng)結(jié)構(gòu)圖　　3.2網(wǎng)站軟件結(jié)構(gòu)　　圖3-2軟件結(jié)構(gòu)圖<

26、;/p>　　3.3網(wǎng)站功能設(shè)計(jì)　　在本網(wǎng)站中包括動(dòng)態(tài)切換廣告條、浮動(dòng)廣告、中文小日歷、電子時(shí)鐘、數(shù)學(xué)計(jì)算器、購(gòu)物車、文字特效、用戶注冊(cè)等，并進(jìn)行一定的美化和整理，基本完成商務(wù)網(wǎng)站的雛形結(jié)構(gòu)。顯示的樣式要求如下：　　詳細(xì)設(shè)計(jì)<

27、;p>　　在整個(gè)網(wǎng)站設(shè)計(jì)主要負(fù)責(zé)設(shè)計(jì)文字特效功能，文字特效的實(shí)現(xiàn)主要使用Java Script　　語(yǔ)言和Html語(yǔ)言來實(shí)現(xiàn)。　　4.1主要代碼　　<script language="JavaScript"><

28、p>　　<!-- Begin　　text = "電子商務(wù)"; //顯示的文字　　color1 = "blue"; //文字的顏色　　color2 = "red"; //轉(zhuǎn)換的顏色　　fontsize

29、= "8"; //字體大小　　speed = 100; //轉(zhuǎn)換速度 (1000 = 1 秒) 　　i = 0;　　if (navigator.appName == "Netscape") {

30、　document.write("<layer id=a visibility=show></layer> ");　　}　　else {

31、　　document.write("<div id=a></div>");　　}　　function changeCharColor() {　　if (navigator.appName == "Netscape"

32、;) {　　document.a.document.write("<center>　　">");</b&g

33、t;　　for (var j = 0; j < text.length; j++) {　　if(j == i) {　　document.a.document.write("" +

34、Text.charAt(i) + "");　　}　　else {　　document.a.document.write(text.charAt(j));

35、;　　}　　}　　document.a.document.write('</center>');　　document.a.document.close();&

36、lt;/p>　　}　　if (navigator.appName == "Microsoft Internet Explorer") {　　str = "<center><font face=arial size=" + fonts

37、ize + ">";　　for (var j = 0; j < text.length; j++) {　　if( j == i) {　　str += "<font face=ari

38、al color=" + color2 + ">" + text.charAt(i) + "";　　}　　else {　　str += text.charA

39、t(j);　　}　　}　　str += "</center>";　　a.innerHTML = str;<

40、/p>　　}　　(i == text.length) ? i=0 : i++;　　}　　setInterval("changeCharColor()", speed);

41、　　// End -->　　</script> 　　<script language="JavaScript">　　<!--　　done =

42、 0;　　step = 4　　function anim(yp,yk)　　{　　if(document.layers) document.layers["napis&

43、quot;].top=yp;　　else document.all["napis"].style.top=yp;　　if(yp>yk) step = -4　　if(yp<60) step = 4　　setTimeout('anim(

44、'+(yp+step)+','+yk+')', 35);　　}　　function start()　　{　　if(done) return

45、;　　done = 1;　　if(navigator.appName=="Netscape") {　　document.napis.left=innerWidth/2 - 145;　　anim(60,innerHeight - 60)

46、　　}　　else {　　napis.style.left=11;　　anim(60,document.body.offsetHeight - 60)&l

47、t;b>　　}　　}　　//-->　　</script>　　<div id="napis"

48、; style="position: absolute;top: -50;color: blue;font-family:宋體;font-size:9pt;">　　　　謝謝您的使用！　　<

49、/p></div>　　<script language="JavaScript">　　<!--　　setTimeout('start()',10);<b&g

50、t;　　//-->　　</script> 　　效果圖：　　課設(shè)總結(jié)　　通過此次課程設(shè)計(jì)，使我更加扎實(shí)的掌握了有關(guān)電子商務(wù)方面的知識(shí)，在設(shè)計(jì)過程中雖然遇到了一些

51、問題，但經(jīng)過一次又一次的思考，一遍又一遍的檢查終于找出了原因所在，也暴露出了前期我在這方面的知識(shí)欠缺和經(jīng)驗(yàn)不足。實(shí)踐出真知，通過親自動(dòng)手制作，使我們掌握的知識(shí)不再是紙上談兵。　　過而能改，善莫大焉。在課程設(shè)計(jì)過程中，我們不斷發(fā)現(xiàn)錯(cuò)誤，不斷改正，不斷領(lǐng)悟，不斷獲取。最終的檢測(cè)調(diào)試環(huán)節(jié)，本身就是在踐行“過而能改，善莫大焉”的知行觀。這次課程設(shè)計(jì)終于順利完成了，在設(shè)計(jì)中遇到了很多問題，最后在老師的指導(dǎo)

52、下，終于游逆而解。在今后社會(huì)的發(fā)展和學(xué)習(xí)實(shí)踐過程中，一定要不懈努力，不能遇到問題就想到要退縮，一定要不厭其煩的發(fā)現(xiàn)問題所在，然后一一進(jìn)行解決，只有這樣，才能成功的做成想做的事，才能在今后的道路上劈荊斬棘，而不是知難而退，那樣永遠(yuǎn)不可能收獲成功，收獲喜悅，也永遠(yuǎn)不可能得到社會(huì)及他人對(duì)你的認(rèn)可！　　六、參考文獻(xiàn)　　[1]

53、 Nicholas C.Zakas．JavaScript高級(jí)程序設(shè)計(jì)．北京：人民郵電出版社出版社，2006年11月．　　[2] Java Script 從入門到精通（第二版）.清華大學(xué)出版社　　[3] 《Javascript開發(fā)王》/張亞飛編著——北京電子工業(yè)出版社深入淺出　　[4] 周曉聰，等.面向?qū)ο蟪绦蛟O(shè)

眾賞文庫(kù)> 全部分類> 畢業(yè)設(shè)計(jì)

溫馨提示

1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 眾賞文庫(kù)僅提供信息存儲(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ì)自己和他人造成任何形式的傷害或損失。

網(wǎng)站開發(fā)課程設(shè)計(jì)--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

網(wǎng)站開發(fā)課程設(shè)計(jì)--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

免費(fèi)下載