電子商務(wù)網(wǎng)站開發(fā)平臺實驗指導(dǎo)書學生版_第1頁
電子商務(wù)網(wǎng)站開發(fā)平臺實驗指導(dǎo)書學生版_第2頁
電子商務(wù)網(wǎng)站開發(fā)平臺實驗指導(dǎo)書學生版_第3頁
電子商務(wù)網(wǎng)站開發(fā)平臺實驗指導(dǎo)書學生版_第4頁
電子商務(wù)網(wǎng)站開發(fā)平臺實驗指導(dǎo)書學生版_第5頁
已閱讀5頁，還剩220頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

前言電子商務(wù)開發(fā)平臺實驗說 2.1.1登 實驗體系一：靜態(tài)網(wǎng)頁設(shè)計實 實驗一HTML標記語言入門及基本操 實驗二HTML語言列表和條目標 實驗三HTML語言超 實驗四HTML的表格和表 實驗五圖像和框架應(yīng)用操 實驗六靜態(tài)網(wǎng)頁設(shè)計綜合實 實驗體系二：電子商務(wù)設(shè)計實 思考 實驗二導(dǎo)航條設(shè)計實 思考 實驗三模塊設(shè)計實 實驗四公告模塊設(shè)計實 思考 實驗五商品展示模塊設(shè)計實 實驗六商品購物車、訂單查詢模塊設(shè)計實 實驗七咨詢信息模塊設(shè)計實 思考 實驗八友情模塊設(shè)計實 思考 實驗九模塊設(shè)計實 實驗十電子商務(wù)設(shè)計綜合實 實驗體系三數(shù)據(jù)庫基本認知實 實驗一數(shù)據(jù)庫查詢實 實驗二數(shù)據(jù)庫添加實 實驗三數(shù)據(jù)庫更新實 實驗四數(shù)據(jù)庫刪除實 實驗五數(shù)據(jù)庫綜合實 實驗體系四：電子商務(wù)設(shè)計二次開發(fā)實 實驗一樣式一找回 實驗二導(dǎo)航管理導(dǎo)航是否臺顯示實 實驗三在管理中設(shè)置熱點 實驗四在公告管理中添加設(shè)置取消緊急公告功 實驗五在商品樣式一管理中添加商品產(chǎn)地屬 思考 實驗六購物車加入數(shù)量修改功 實驗七訂單查詢中加入搜索功 實驗八訂單作廢功 實驗九管理模塊新增投票結(jié)果顯 實驗十咨詢管理模塊:咨詢搜索功 實驗十一友情一管理模塊：的最前顯 實驗十二導(dǎo)航管理設(shè)置二級欄目功 實驗十三電子商務(wù)二次開發(fā)綜合實 實驗體系五電子商務(wù)組件開 實驗一求購信息發(fā)布組件開發(fā)實 前言電子商務(wù)開發(fā)平臺實驗說開發(fā)平臺設(shè)計思想及目設(shè)計思的工作流程和整個的建設(shè)過程所以系統(tǒng)最終目的就是為學生提供各種開發(fā)實例和專業(yè)開發(fā)知識讓學生能夠通過平臺的操作學會建設(shè)過程中涉及到的設(shè)計目電子商務(wù)開發(fā)平臺不但能夠幫助學生站建設(shè)知識而且還能指導(dǎo)學生開發(fā)出一套完整的電子商務(wù)信息并通過整個開發(fā)過程的實際操作使學得到項目的實際開發(fā)經(jīng)驗在的開發(fā)過程中也極大的提高了學生的動手作能力，通過動手操作提高使使學生能夠成為社會急需的理論和實踐相結(jié)合的人才。開發(fā)平臺開發(fā)流程電子商務(wù)開發(fā)平臺通過實驗的方式，讓學生從基礎(chǔ)的html標記語開html生開發(fā)出自己所需要的電子商務(wù)最后學生通過系統(tǒng)提供的系統(tǒng)jsp源碼務(wù)系統(tǒng)。開發(fā)平臺實驗的設(shè)計方開發(fā)平臺是按照設(shè)計實驗的方式讓學生掌握商務(wù)的開發(fā)過程從簡單到復(fù)雜，從前臺顯示頁面的設(shè)計到的代碼實現(xiàn)，學生在實驗中體會開發(fā)電子商務(wù)網(wǎng)站的流程學生在實驗中掌握理論知識的應(yīng)用學生在實驗中掌握開發(fā)的技能開發(fā)平臺實驗案例簡電子商務(wù)開發(fā)平臺中為學生準備了商務(wù)組件目的就是通過這些實例來減小電子商務(wù)專業(yè)的學生開發(fā)的難度。通過不同的商務(wù)組件，學生可以接觸到一個整個建設(shè)過程的內(nèi)容，并通過平臺提供的知識，讓學生全面掌握開發(fā)方面的知識。平臺提供的實驗從簡單到復(fù)雜含蓋了開發(fā)過程中全面的技能知識，并通過這些知識的積累讓學生在開發(fā)的樂趣中體會到電子商務(wù)的整個商開發(fā)平臺實驗環(huán)境簡在平臺中完成開發(fā)任務(wù)。平臺開發(fā)環(huán)境中還為學生提供許多現(xiàn)成的開發(fā)組件，學生可以直接把組件套用到自己的里，這樣就為的建設(shè)帶來了很大方便。同時，環(huán)境能夠很容易的實現(xiàn)前的搭配和調(diào)試，并通過修改組件功能讓學博星卓越電子商務(wù)開發(fā)平臺初步認登陸系登

2.1登陸為學生并輸入學生登陸用戶名及后單擊【登陸】按鈕進入學生界面2.2熟悉功能模2.3熟悉學生信息功單擊學生主界面左上角學生的進入學生信息界面修改學生的信2.4新建站單擊學生主界面中的定制站點進入站點設(shè)計頁面2.52.6按紐功能介

2.6程序控制版本：此功能是把臺編輯器中編輯器中編輯的頁面發(fā)布到服務(wù)資源版本控制：此功能是把前臺編輯器中上傳到服務(wù)器中的資源部署到環(huán)境服務(wù)器中，使資源正常。測試程序前臺：此功能是進入自己開發(fā)的站點的端口。從此進入自己開生成程序：此功能是生成學生臺編輯器中選用的系統(tǒng)組件的對應(yīng)后程序管理：進入站點管理頁面的端口jspwar形式的實驗體系一：靜態(tài)網(wǎng)頁設(shè)計實實驗一HTML標記語言入門及基本操實驗前的準檢查電子商務(wù)開發(fā)平臺中前臺編輯功能模塊是否運行正常實驗?zāi)縃TML熟悉在電子商務(wù)開發(fā)平臺中HTML標記語言的編輯功HTML實驗內(nèi)容及步選擇“前臺編輯器，進入電子商務(wù)開發(fā)平臺的編輯器頁面，在編輯器中學生來設(shè)計自己的靜態(tài)頁面如圖3.1html練

3.1<METAhttp-equiv=”content-Type”content=”text/html;charsethtmlhtml

3.23.3

3.33.4，在頁面中把自己編寫完成的頁面導(dǎo)入到工作區(qū)域。

3.4序前臺”來對頁面進試，如圖3.5所示實驗考

3.5思考實驗二HTML言列表和條目實驗前的準無序列表<UL>無序列表使用的一對是<ul></ul>，無序列表指沒有進行編號的列表,每一個列表項前使用<LI>。<LI>的屬性type有三個選項,這三個選項都必須小寫:disc實心園circle空心園square小方塊<ul>如果不使用其項目<li>的屬性值,即默認情況下的<ul心園"。格式1:<UL><LI>第一項<LI>第二項<LI>第三項</UL>格式<ul><litype=disc>第一項<litype=circle>第二項<litype=square>第三項</ul>有序列表<OL>有序列表和無序列表的使用格式基本相同，它使用<olol>，每一個列表項前使用<liol>列表的結(jié)果是帶有前后順序之分的。如果和刪除一個列表項，會自動調(diào)整。順序的設(shè)置是由<ol>的兩個屬性type和start來完成的。start=開始的數(shù)字，如start=2則從2開始，如果從1開始可以省略，或是在<li>中設(shè)定value＝"n"改變列表行項目的特定，例如<livalue="7">。type=用于的數(shù)字,字母等的類型，如type=a，則用英文字母。為了使用這些屬性，把它們放在<ol>或<li>的的初始中。表31有序列表type的屬性Type類型描述Type=表示列表項目用數(shù)字標號（123）Type=A表示列表項目用大寫字母標號（ABC...）Type=a表示列表項目用小寫字母標號（abc...）Type=I表示列表項目用大寫羅馬數(shù)字標號（）Type=i表示列表項目用小寫羅馬數(shù)字標號（iiiiii...）格式

<oltype=類型start=value><li>第1<li>第2<li>第3</ol>格式

<ol></ol>

<li>第1<li>第2<li>第3實驗?zāi)繉嶒瀮?nèi)容及步進入電子商務(wù)開發(fā)平臺的前臺編輯模塊中，選擇代碼模<html><head><title>列表練習</title></head><body><ul>

<li>默認的無序列表加"實心園"<li>默認的無序列表"實心園"<li>默認的無序列表"實心園"</<ul>

<litype=square>無序列表square加方塊<litype=square>無序列表square加方塊<litype=square>無序列表square加方塊</ul><ul><litype=circle>無序列表circle加空心園<litype=circle>無序列表circle加空心園<litype=circle>無序列表circle加空心園</ul><ol><li>默認的有序列表<li>默認的有序列表<li>默認的有序列表</ol><ol type=astart=5><li>1<li>第2<li>第3<livalue=204</ol><ol type=Istart=2><li>第1<li>第2<li>第3</ol></body></html>編輯如圖3.6所示

3.6學生單擊前臺編輯器中，編輯區(qū)域右下角的“預(yù)覽”,學生直接看到效果如圖3.7在頁面中把自己編寫完成的頁面導(dǎo)入到工作區(qū)域如圖示。3.8序前臺”來對頁面進試，如圖3.9所示：3.9學生自己參照上邊（1）~（5）的步驟做出一個列表項目用大寫羅馬數(shù)字標號的有序列表實驗考思考（1）無序列表（2）有序列表實驗HTML語言實驗前的準超標記學建立超的為<A>和格式為：<AHREF="資源地址 ="窗口名稱"TITLE="指向顯示的文字">超名稱</A>說明：<A>表示一個的開始，</A>表示的結(jié)束；屬性“HREF”定義了這個所指的目標地址目標地址是重要的，一旦路徑上出現(xiàn)差錯，該資源就無法:該屬性用于指定打開的目標窗口，其默認方式是原窗口。表32建立目標窗口的屬性屬性值描述_parent在上一級窗口中打開，一般使用分楨的框架頁會經(jīng)常使用_blank在新窗口打開_self在同一個楨或窗口中打開，這項一般不用設(shè)置_top在瀏覽器的整個窗口中打開，忽略任何框架TITLE：該屬性用于指定指向時所顯示的標題文實驗?zāi)浚?）掌握超的概（2）學會超的創(chuàng)建方法實驗內(nèi)容及步進入電子商務(wù)開發(fā)平臺的前臺編輯模塊中，選擇代碼模<TITLE><A.cn"title="打開新浪首頁">新浪<A"><A"><A =_blank>外國語學院點擊保存如圖3.10所示

圖310編輯頁面3.11握各種的作用。圖311效果圖序前臺”來對頁面進試學生自己參照上邊（1）~（5）的步驟做出超級頁面，要求如下頁面中最少包含三個，打開方式必須包含“在新窗口打開在同窗口中打開”，“在瀏覽器的整個窗口中打開”三種。實驗考通過實驗，學生可以掌握超的概念，學會超的創(chuàng)建方法和技巧。思考（1）超（2）超標記的屬性主要有哪些？他們各個值代表的含義是什么實驗四HTML表格和表實驗前的準HTML表單標記的學習一表單標記<form>表單主要負責客戶端數(shù)據(jù)功能，表單是由窗體和控件組成的,一個表單一般格式<FORM12屬性n>...action指定接收這個表單數(shù)據(jù)的文件地址,如果這個屬性是空值("")則當前文檔的method指定與服務(wù)器交換數(shù)據(jù)的方法,getpost,get時表示交換少量信息,信息長度過255個字符,即小于1k的資料,當選post時則表示要傳遞大量信name="myform"指定目標窗口,可選當前窗口_self,父級窗口_parent,頂層窗口_top,空白窗口_blankonsubmit="my_func()"指定需要執(zhí)行的函數(shù)二寫入標記<input><input屬性1屬性 nametypebutton普通按鈕，textsizevaluemaxlengthsrc圖像的地event指定激發(fā)的事件三常用控件普通按鈕,當這個按鈕被點擊時,onclick指定的函數(shù);在使用這個按鈕時,一般配合使用value指定在它上面顯示的文字,用onclick指定一個函數(shù),一般JavaScript的一個事件。提交按鈕,當這個按鈕被點擊時,formactionurlnamevalueonclickonfocuscheckboxcheckbox用于多選,radio用于單選;他們有一下屬性namevaluechecked設(shè)定控件初始狀態(tài)是被選中的onclick定義控件被選中時要執(zhí)行的函數(shù)onfocus復(fù)選項checkbox表示:用戶可以同時選中表單的一個或幾個選項作為輸入信息,單選radio表示:用戶只能選擇表單中所有選項的一個做為輸入信息,所以當為單選項時,name屬性必需相同.單行文本控件,有下列屬性namevalue指定控件初始值,該值就是瀏覽器被打開時在文本框中的內(nèi)容size指定控件寬度,表示該文本輸入框所能顯示的最大字符數(shù)。maxlength表示該文本輸入框允許用戶輸入的最大字符數(shù)。onchang當文本改變時要執(zhí)行的函數(shù)onselectonfocus口令控件表示該輸入項的輸入信息是,在文本輸入框中顯示"*",屬性有:name定義控件名稱value指定控件初始值,size指定控件寬度,maxlegnth多行文本控件,可以多行輸入onchange指定控件改變時要調(diào)用的函數(shù)onfocus當控件接受焦點時要執(zhí)行的函數(shù)onblur當控件失去焦點時要執(zhí)行的函數(shù)onselect當控件內(nèi)容被選中時要執(zhí)行的函數(shù)nameCGI。cols這文字區(qū)塊的寬度。rowswrap隱藏控件,用于傳遞數(shù)據(jù),對用戶來說是不可見的;屬性有name控件名稱,value控件默認值hidden隱藏控件的默認值會隨表單一起發(fā)送給服務(wù)器,例如<inputtype="Hidden"name="ss"控件的名稱設(shè)置為ss,設(shè)置其數(shù)據(jù)為"688",當表單發(fā)送給服務(wù)器后,服務(wù)器就可以根據(jù)hidden的名稱ss,value的值688;name控件名稱,size控件寬度multiple指定為多項選擇onchange指定控件改變時要調(diào)用的函數(shù)onfocus當控件接受焦點時要執(zhí)行的函數(shù)onblur當控件失去焦點時要執(zhí)行的函數(shù)selected指定初始狀態(tài)，默認選中的行。在html文檔中，表格是通過<table>,<th>,<tr>,<td>來完成的，如下表3.3所示：表33表格標記描述<table>...</table>用于定義一個表格開始和結(jié)束<th>...</th>定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此，<th>必須放在<tr>內(nèi)<tr>...</tr>定義一行，一組行內(nèi)可以建立多組由<td>或<th>所定義的單元<td>...</td>定義單元格，一組<td>將將建立一個單格，<td>必須放在<tr>在一個最基本的表格中，必須包含一組<table>，一組標簽<tr>和一組<td>或<th>。表格<table>的屬表格<table>有很多屬性，最常用的屬性如表3.4所示表3.4<table>的屬屬性描述Width表格的寬度Height表格的高度Align表格在頁面的水平擺放位置background表格的背景Bgcolor表格的背景顏色Border表格邊框的寬度（以像素為單位bordercolor表格邊框顏色bordercolorlight表格邊框明亮部分的顏色bordercolordark表格邊框昏暗部分的顏色cellspacing單元格之間的間距cellpadding單元格內(nèi)容與單元格邊界之間的空白距離的大小實驗?zāi)繉嶒瀮?nèi)容及步進入電子商務(wù)開發(fā)平臺的前臺編輯模塊中，選擇代碼模html練<html<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"<title>學生學習情況表<formid="form1"name="form1"method="post"<tablewidth="100%" align="center"><strong>學生學習情況<tdcolspan="4"><inputtype="text"name="usename"<tdcolspan="4"><inputtype="text"name="id"<tdcolspan="2"><inputtype="radio"name="sex"value="boy"<tdcolspan="2"><inputtype="radio"name="sex"value="girl"<tdcolspan="4"><select<optionvalue="shanghai"><optionvalue="beijing"><optionvalue="xian">西安<optionvalue="xianggang"><tdcolspan="4"><inputtype="checkbox"name="enjoy"value="checkbox"<td><inputtype="checkbox"nameenjoyvalue="checkbox"VB程序設(shè)計</td><td><inputtype="checkbox"nameenjoyvalue="checkbox"C程序設(shè)計</td><td><inputtype="checkbox"name="enjoy"value="checkbox"<td><inputtype="checkbox"name="enjoy"value="checkbox"網(wǎng)絡(luò)<td><inputtype="checkbox"name="enjoy"value="checkbox"設(shè)計<td><inputtype="checkbox"nameenjoyvalue="checkbox"ASP程序設(shè)計</td><td><inputtype="checkbox"name="enjoy"value="checkbox"<tdcolspan="4"<inputtype="submit"name="Submit"value="提交<inputtype="reset"name="reset"value="重置3握各種的作用。3.13序前臺”來對頁面進試實驗考思考實驗像和框架應(yīng)用操實驗前的準網(wǎng)頁中用單<img>，當瀏覽器到<img>時，就會顯示此所設(shè)定的圖像。如果要對的進行修飾時，僅僅用這一個屬性是不夠的，還要配合其它屬性來完成如表3.5所示。表3. <img>的屬屬性描述Src圖像的url的路徑Alt提示文字Width寬度通常只設(shè)為的真實大小以免失真,改小最好用圖像工具.大Height高度通常只設(shè)為的真實大小以免失真,改小最好用圖像工具.大Dynsrcavi文件的url的路徑Loop設(shè)定avi文件循環(huán)的次loopdelay設(shè)定avi文件循環(huán)延Start設(shè)定avi文件的方Lowsrc設(shè)定低分辨率,若所加入的是一張很大顯示Usemap映像地圖Align圖像和文字之間的排列屬性Border邊框Hspace水平間距Vlign垂直間距所有的框架標記要放在一個html文檔中。html頁面的文檔體<body>被框架集<frameset>所取代，然后通過<frameset>的子窗口<frame>定義每一個子窗口和子窗口的頁面屬性。語法格式：<html><head></head><frameset><framesrcurl地址1"><framesrcurl地址2"><frameset></html>Frame子框架的src屬性的每個URL值指定了一個html（個文件必須事先做好）地址，地址路徑可使用絕對路徑或相對路徑，這個文件將載入相應(yīng)的窗口中?？蚣芙Y(jié)構(gòu)可以根據(jù)框架集<frameset>的分割屬性分為3種左右分割窗口上下分割窗口嵌套分割窗口表36frameset>的屬性屬性描述Border設(shè)置邊框粗細,默認是5象素.bordercolor設(shè)置邊框顏色frameborder0"1"代表顯示邊框Cols,"*部分Rows,"*部分framespacing="5表示框架與框架間的保留空白的距離Noresize設(shè)定框架不能夠調(diào)節(jié)，只要設(shè)定了前面的，后面的將繼承左右分割窗口屬性：cols如果想要在水平方向?qū)g覽器分割多個窗口，這需要使用到框架集的左右分割窗口屬性cols.分割幾個窗口其cols的值就有幾個，值的定義為寬度，可以是數(shù)字(單位為像素)，也可以是百分比和剩余值。各值之間用逗號分開。其中剩余值用"*"號表示，剩余值表示所有窗口設(shè)定之后的剩余部分，當"*"只出現(xiàn)一次時，表示該子窗口的大小將根據(jù)瀏覽器窗口的大小自動調(diào)整，當"*"出現(xiàn)一次以上時，表示按比例分割剩余的窗口空間。cols的默認值為一個窗口如： <framesetcols="40%,2*,*"> 將窗口分為40%，40%，20%<framesetcols="100,200,*"<framesetcols=100,*,*100像素以外的窗口平均分配<framesetcols="*,*,* 將窗口分為三等份上下分割窗口屬性：rows上下分割窗口的屬性設(shè)置和左右窗口的屬性設(shè)定是一樣的，參照上面所述就可以了。實驗?zāi)空莆請D像、定位等操作的方法和技巧實驗內(nèi)容及步進入電子商務(wù)開發(fā)平臺的前臺編輯模塊中，選擇代碼模html練<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"<title>現(xiàn)代詩歌欣賞<palign="center"><STRONG>一棵開花的樹<palign="center">如何讓你遇見我求佛讓結(jié)一段塵緣<BR>長在你必經(jīng)的路旁</p><palign="center">陽光下慎重地開滿了花朵朵都是我前世的盼望<palign="center">當你走近是我等待的熱情<palign="center">而當你終於無視地走過那不是花瓣那是我凋零的心3.14test.html<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"<title>圖畫鑒賞<tablewidth="100%"height="100%"<td><imgsrc="images/flash.jpg"width="100%"height="100%"3.15test.html<html<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"<title>框架與圖像<framesetcols="*,*"frameborder="no"border="0"<framesrc="test.html"name="leftFrame"id="leftFrame"title="leftFrame"<framesrc="test1.html"name="mainFrame"id="mainFrame"title="mainFrame"(3)3.16（4）

3.16序前臺”來對頁面test2.html進試

3.17學生自己做出顯示頁面，當鼠標放在上邊，出現(xiàn)說明信息實驗考思考實驗態(tài)網(wǎng)頁設(shè)計綜合實實驗前的準實驗?zāi)繉嶒瀮?nèi)容及步<HEAD><TITLE>商城首頁<METAhttp-equiv=Content-Typecontent="text/html;<BODYstyle="FONT-SIZE:10pt;FONT-FAMILY:CourierNew;BACKGROUND-COLOR:<P>&<P>&<P>相冊類別<P><A =imageview><P><A =imageview>卡通動漫<P><A =imageview>精美壁紙<P><A =imageview>電視<P><A =imageview>風景名勝保存為3.18imagetype.html<html<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"<style.STYLE1font-size:x-large;font-weight:bold;color:#00FFFF;}<div<pclass="STYLE1">自然風光<p>& <tablewidth="95%" border="00"align="center"cellpadding="0"cellspacing="0"<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"/></td><tdalign="center">三峽大壩<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">八達嶺<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">圓明園<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">華山<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">天池<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">孔府<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center"><td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">廬山<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">日月潭<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">泰山<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">玉淵潭<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">王家大院<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">莫高窟<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">趙州橋<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">黃山<td <tablewidth="90%"border="0"cellpadding="0"cellspacing="4"<td><imgsrc="http://服務(wù)器ip:8888/站點/images/名字.jpg"width="167"height="127"border="0"></td><tdalign="center">黃鶴樓網(wǎng)頁中所用到的可以通過前臺編輯器中按鈕選擇上傳本地圖創(chuàng)建相冊布局框架界面<html<metahttp-equiv="Content-Type"content="text/html;charset=gb2312" cols="100,*"framespacing="0"frameborder="yes"<framesrc="imagetype.html"<framesrc="iamge_mingsheng.html"(3)序前臺”來對頁面進試

3.19學生自己做出一個詩歌瀏覽。要求如下實驗考HTML般的網(wǎng)頁制作方法。思考超標記的屬性和框架frame的name屬性的聯(lián)系是什么實驗體系二：電子商務(wù)設(shè)計實實驗一登錄模塊設(shè)計實驗前的準，登陸框是用戶用于會員和登陸的吸引會員是電子商務(wù)運營的主要目標之一的量和點擊率很大程度上是和會員數(shù)量相關(guān)的，故登陸框應(yīng)風格變換其具體形式。所以根據(jù)用戶網(wǎng)頁瀏覽注意力“FF”，實現(xiàn)原理：用戶填寫用戶名及，提交到在數(shù)據(jù)庫中進行比較，如果實驗?zāi)坷斫怆娮由虅?wù)中登陸模塊設(shè)計的意義實驗內(nèi)容及步web（4.1

4.1web

4.24.3

4.4自動生成登陸頁面的程序了通過程序的生成就完成了一個完整的用戶管（4.5）

圖4.5管某電子商務(wù)首頁做的很難看，特別是登陸框做的很小，很難被發(fā)現(xiàn)，導(dǎo)致該率下降請你現(xiàn)在為該主頁只設(shè)計一個登陸框其他內(nèi)容不需設(shè)計。要求大小適合，在頁面中的位置要適當，符合電子商務(wù)的需要。實驗考通過實驗，學生可以了解一般電子商務(wù)的登陸樣式，掌握登陸模塊的添思考實驗航條設(shè)計實驗前準導(dǎo)航設(shè)置是在欄目結(jié)構(gòu)的基礎(chǔ)上進一步為用戶瀏覽提供的提示面等，還需要輔助性的導(dǎo)航來幫助用戶方便地使用信息。一般是通過在各個欄目的主菜單下面設(shè)置一個輔助菜單來說明用戶目前所在網(wǎng)頁在中的位置其表（2）實現(xiàn)原理：管理界面添加導(dǎo)航，將導(dǎo)航信息保存到數(shù)據(jù)庫中，前臺展示實驗?zāi)坷斫鈱?dǎo)航模條在中的意義實驗內(nèi)容及步驟在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.6

4.6web（4.7）

4.74.8

4.9自動生成導(dǎo)航頁面的程序了通過程序的生成就完成了一個完整的導(dǎo)航條

圖4.10管從電子商務(wù)的角度為沃爾瑪?shù)脑O(shè)計導(dǎo)航條請先思考該應(yīng)該包含哪些內(nèi)容，然后設(shè)計導(dǎo)航條。要求通過該導(dǎo)航條可以很直觀地了解包含哪些內(nèi)容實驗考通過實驗，學生可以掌握導(dǎo)航條在中的重要性，學會設(shè)計清晰、準確的導(dǎo)航思考實驗三模塊設(shè)計實實驗前的準。網(wǎng)頁，這樣既保證了頁面美觀又保證了風格中以信息模塊為例直觀地展示了在電子商務(wù)中信息發(fā)布功能的使用并提供了三種不同樣式的信息模塊供學生。。示頁面通過查詢數(shù)據(jù)庫，得到的標題、作者、內(nèi)容及的展示，在表格中呈現(xiàn)信息實驗?zāi)渴煜る娮由虅?wù)中模塊的幾種樣式掌握模塊的設(shè)計方法和應(yīng)用技巧實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.114.11web在組件列表中選擇“樣式一”或“樣式二”或“樣式三”來添加（4.12）

圖4.12添加組圖4.13組件同

4.14自動生成頁面的程序了通過程序的生成就完成了一個完整的管

圖4.15管假設(shè)你開了一個網(wǎng)上花店現(xiàn)在需要通過在網(wǎng)上發(fā)布相關(guān)來宣傳產(chǎn)品和網(wǎng)站甚至可以請設(shè)計一個中心要求以適當?shù)拇笮》旁谶m當?shù)奈恢?，實驗考通過實驗，學生可以掌握電子商務(wù)中模塊的設(shè)計方法，掌握添加新聞的技巧和在電子商務(wù)中的意義。思考（1）模塊中有哪幾項功能操作（2）電子商務(wù)中模塊的作用實驗四告模塊設(shè)計實實驗前的準公告也是電子商務(wù)中信息發(fā)布的一種常見形式公告欄的設(shè)計主要為了是實現(xiàn)原理：管理界面發(fā)布公告，將公告信息保存到數(shù)據(jù)庫中，前臺實驗?zāi)坷斫怆娮由虅?wù)中公告存在的意義學會在電子商務(wù)中設(shè)計公告實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.16

4.16web

4.174.18

4.19自動生成公告頁面的程序了通過程序的生成就完成了一個完整的公告管

圖4.20管某電子商務(wù)公司員工出現(xiàn)經(jīng)濟現(xiàn)公司決定通過公告欄發(fā)布實驗考通過實驗，學生可以理解公告在電子商務(wù)中的意義，學會添加公告的方法和思考電子商務(wù)中公告模塊的作用實驗品展示模塊設(shè)計實實驗前的準通過展示商品是電子商務(wù)運營的主要目的之一將商品的特點準確恰展示是取得銷售的最重要的影響因素在電子商務(wù)中對商品的展示主要可示產(chǎn)品的解剖圖，還可以通過等方式展示產(chǎn)品的使用、等過程。軟實驗?zāi)渴煜る娮由虅?wù)品展示的方式掌握在電子商務(wù)中展示商品的方法和技巧實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.21

4.21web

4.224.23

4.24自動生成商品頁面的程序了通過程序的生成就完成了一個完整的商品管

圖4.25管適當?shù)拇笮》旁谶m當?shù)奈恢?，發(fā)布適當?shù)男畔?，介紹其的幾種產(chǎn)品。實驗考思考電子商務(wù)商品展示的方式有哪些電子商務(wù)商品展示的管理有哪些實驗六商品購物車、訂單查詢模塊設(shè)計實實驗前的準。的設(shè)計應(yīng)根據(jù)自身的情況而定中給出了訂單查詢模塊，方便學生體驗。子商務(wù)中搜索功能的使用購物車模塊是用來顯示用戶已選擇采購但暫時未付哪些商品，也是一個可以體現(xiàn)人性化服務(wù)的模塊。實驗?zāi)渴煜る娮由虅?wù)中購物的流程掌握電子商務(wù)中訂單產(chǎn)生的流程實驗內(nèi)容及步驟在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.264.26web4.27web（4.22）

4.284.29

4.30序”按鈕自動生成訂單查詢頁面的程序了。通過程序的生成就完成了圖4.31管實驗考通過實驗，學生了解電子商務(wù)中購物的過程，掌握電子商務(wù)中購物思考電子商務(wù)購物車和訂單查詢的關(guān)系實驗詢信息模塊設(shè)計實實驗前的準的發(fā)展與壯大主要是靠大量瀏覽者的支持與客戶之間的關(guān)系是揮的作用，使真正成為客戶的家園。實驗?zāi)空莆针娮由虅?wù)中公告模塊的設(shè)計方法掌握電子商務(wù)中咨詢信息的添加方法體會在電子商務(wù)中咨詢信息的作用實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找4.32

4.32web（4.32）

4.334.34

4.35在對咨詢管理前臺頁面添加完成后，就可以利用系統(tǒng)提供的“生成程序”按鈕自動生成咨詢頁面的程序了通過程序的生成就完成了一個完整的咨

圖4.36管實驗考詢信息對客戶和管理者之間的溝通作用。思考實驗八友情模塊設(shè)計實實驗前的準您認可的頁面（例如是您喜歡的，您朋友的。它的作用主要表現(xiàn)在：提擎中增加優(yōu)勢，而這些都是一個電子商務(wù)管理者必須考慮的因素。，一般友情都在的主頁的方式常為或文字，可以放選擇友情的合作時需考慮多方面因素，才能良好的發(fā)揮它最大的作用。，友情的應(yīng)具備以下特征與你的相關(guān)或互補的PR值(全為PageRan，是搜索算法中的一個組成部分，級別從1到10級級為滿分R值越高說該網(wǎng)頁在搜索中的地位越重要高于自己的流量大知名度高頻繁更新的重要具有很少導(dǎo)出的內(nèi)容質(zhì)量高。需注意不要，特別是被baidu，的，這些網(wǎng)頁收錄數(shù)目都是0（更新收錄數(shù)目通常要1個月的時間，約1周更實現(xiàn)原理：管理界面添加友情，將信息保存到數(shù)據(jù)庫中，前臺展示頁面通過查詢數(shù)據(jù)庫，得到的地址、的標題、的log圖實驗?zāi)空莆赵陔娮由虅?wù)中添加友情模塊的方法掌握在電子商務(wù)中添加高效友情的技巧實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.374.37web在組件列表中選擇“友情樣式一”或“友情二”來添加友情功能（4.384.39

4.40在友情管理前臺頁面添加完成后就可以利用系統(tǒng)提供“生成程序”按鈕自動生成友情頁面的程序了通過程序的生成就完成了一個完整的友情管理模塊的設(shè)計了。

圖4.41管某電腦銷售公司的主頁需加入友情，請為該公司加入適當?shù)逆湆嶒灴妓伎甲寣W生思考友情作用是什么讓學生思考怎樣才能創(chuàng)建一個高質(zhì)量的友情實驗九模塊設(shè)計實實驗前的準問卷對于發(fā)現(xiàn)問題和解決問題起著很重要的作用在以往的許多商業(yè)活中都被廣泛應(yīng)用，但常規(guī)的問卷依托實地、信件或者的形式完成，不但效為問卷提供了一個新的有效的平臺網(wǎng)上問卷設(shè)計及管理對一個電子商務(wù)的起到不可忽視的作用實現(xiàn)原理：管理界面添加的標題、及選項，將信息保存等信息，以超級的形式實現(xiàn)顯示。當點擊，展示的及選項，選擇相應(yīng)的選項進行投票，選擇的選項的票數(shù)累加。完成。實驗?zāi)苛私獾囊饬x掌握從網(wǎng)絡(luò)收集信息段和效率實驗內(nèi)容及步在站點設(shè)計中點擊前臺編輯器進入編輯器頁面，在編輯器中的中找到4.424.42web在組件列表中選擇“”來添加網(wǎng)上功能模塊，模塊添加完成4.43

4.44在管理前臺頁面添加完成后就可以利用系統(tǒng)提供“生成程序”按鈕自動生成頁面的程序了通過程序的生成就完成了一個完整

圖4.45管假設(shè)肯德基需要通過客戶需求，請從電子商務(wù)角度為其設(shè)計，實驗考思考實驗十電子商務(wù)設(shè)計綜合實實驗前的準熟悉電子商務(wù)開發(fā)平臺中的組件及對應(yīng)的管理實驗?zāi)空莆臻_發(fā)功能齊全的電子商務(wù)過程掌握電子商務(wù)的綜合管理技能實驗內(nèi)容及步4.464.46生成對應(yīng)的組件的管理實驗考開發(fā)一般電子商務(wù)的技能。思考電子商務(wù)中怎樣很好指導(dǎo)用戶消費，怎樣設(shè)計各個組件的信息以達實驗體系三數(shù)據(jù)庫基本認知實實驗據(jù)庫查詢實驗前準（1）select實驗?zāi)浚?）SQLselect實驗內(nèi)容及步6.1sql(1)6.26.2SOLsqlsql6.3：Sqlselect*fromemployee6.3sqlsql6.46.4【代碼難點講解employeeselect*fromemployee*employeeSELECTSELECT*FROM您可以使用星號（*）[產(chǎn)品]表中的全部SELECT*FROM字段名稱包含空格或標點符號時，須使用括號】SELECTemp_id,fname,minit,lname,job_idFROMemp_salaryjob_id13jobdateSELECT*FROMemp_salaryWHEREjob_id=13ANDjobdate>1990ORage<>25job_idSELECTemp_id,fname,minit,lname,job_idFROMemployeeORDERBYjob_id說明：ORDERBY，[DESC]代碼解釋：jobs,employeeemployeejob_idjobsSELECT*FROMjobs,employeeWHEREemployee.job_id=jobs.job_id。job_idemployee中job_id13SELECTCOUNT(*)FROMemployeeWHEREjob_id=SELECTSUM(salary)FROMemp_salary除此以外還有AVG()是計算平均、MAX()、MIN()計算最大最小值的整代碼解釋：employeejobsSELECT*FROMemployeeWHEREEXISTS(SELECT FROM EXISTS代碼解釋：employeejobsjob_idSELECT* FROMemployee WHEREjob_idIN(SELECTjob_idFROMjobs)INjob_idSELECTjob_id代碼解釋：employeepSELECT*FROM WHEREfnameLIKE說明：LIKE必須和後面的'p%'pSELECT FROMemployeeWHEREjob_idIN說明：INjob_id代碼解釋：employee表中找出job_id的值介于10和15之間的記錄。SELECT* FROMemployeeWHEREjob_idBETWEEN10AND15說明：BETWEEN表示job_id的值介於xx和yy之間。編寫一【SELECT語句從老鄉(xiāng)【countrymen中查詢【18-25】歲之間為【女】的陜西西安的老鄉(xiāng)。陽來的在【18】歲以上的為【女】的老鄉(xiāng)一班在【18】歲以上的為【女】陜西咸陽的老鄉(xiāng)陽來的在【18】歲以上的為【女】的老鄉(xiāng)編寫一SELECT語句【Student表中查StudentID【Name編寫一條【SELECT】語句，要求從從【Student】表中檢索學號為【20080101】學生的要求使用【BETWEEN】短語的【SELECT】語句，羅列在18-羅列出所有姓“李”的學生統(tǒng)計【Student18在學生表中查找最大和最小的男學生的。老鄉(xiāng)表【countrymen】：Student表說明：數(shù)據(jù)庫已存在的表名為：student,course,Score,employee,jobs,emp_salary,authors實驗考思考（1）如 想查詢滿足給定條件的記錄時，應(yīng)該用查詢語句是實驗據(jù)庫添加實實驗前準（1）insertinto實驗?zāi)浚?）SQLinsertinto實驗內(nèi)容及步6.5sql(1)6.66.6SOLsqlsqlSql values('001','wang','m','gang','002','003','004','20081021')6.7sqlsql6.86.8sql【代碼難點講解代碼解釋：employeeemp_id,fname,minit,lname,job_id,job_lvl,pub_id,hire_date值分別為Insertintoemployee(emp_id,fname,minit,lname,job_id,job_lvl,pub_id,hire_date)values('001','wang','m','gang','002','003','004','20081021')已存在的列名，values括號里的值是按列名的順序給每個列名添加值。】Insertintoemployeevalues否否否否老鄉(xiāng)表【countrymen】使用【SQL編輯器】向【studentspecialty】學生專業(yè)表中一組記錄使用【SQL編輯器】向老鄉(xiāng)表【countrymen】中自己的信息說明：數(shù)據(jù)庫已存在的表名為：student,course,Score,employee,jobs,emp_salary,authors實驗考sql思考如果添加記錄時輸入的列名在表中不存在點擊運行后會出現(xiàn)怎樣的結(jié)果？實驗據(jù)庫更新實驗前準（1）update實驗?zāi)浚?）SQLupdate實驗內(nèi)容及步6.9sql(1)6.106.10sqlsqlSqlUpdateemployeesetemp_id=3385where6.11sqlsql6.126.12sql【代碼難點講解Updateemployeesetemp_id=3385where employee欲修改數(shù)據(jù)的表名。emp_id欲修改成的數(shù)值(將該項數(shù)值到特定的字段當中)job_id】 jobs.job_id=employee.job_id =11update =11在【SQL編輯器】中，使用【update】語句，在【studentspecialty】學生專在【SQL編輯器】中，使用【update】語句，在【student】學生專業(yè)表修改24歲以上的記錄在【SQL編輯器】中，使用【update】語句，在老鄉(xiāng)表【countrymen】中老鄉(xiāng)表【countrymen】Student表說明：數(shù)據(jù)庫已存在的表名為：student,course,Score,employee,jobs,emp_salary,authors實驗考思考（1）updateWHERE實驗據(jù)庫刪除實驗前準（1）delete實驗?zāi)浚?）SQLdelete實驗內(nèi)容及步6.13sql6.146.14sqlsqlSqldeletefromemployeewhere6.15sqlsql6.166.16sql【代碼難點講解deletefromemployeewhereemployeejob_id=2DeleteDELETEFROMWHERE】在【SQL編輯器】中，刪除【Studnet】中【StudentID】為20080101的Student表說明：數(shù)據(jù)庫已存在的表名為：student,course,Score,employee,jobs,emp_salary,authors實驗考思考（1）delete實驗據(jù)庫綜合實驗前準（1）SQL實驗?zāi)繉嶒瀮?nèi)容及步列出“計算機”系和“國際貿(mào)易”系學生的學號，和所在院系給學生表中“國際貿(mào)易”系一條為女的記錄【Student】學生表【course】課程表【Score】成績表實驗考實驗體系四：電子商務(wù)設(shè)計二次開發(fā)實實驗一樣式一找回實驗前的準實驗?zāi)繉嶒瀮?nèi)容及步指導(dǎo)學生進行創(chuàng)建找回的頁面打開“修改組件”，選擇“用戶樣式”,在打開文件窗口選擇“user/login/login.jsp6.1在編輯器的代碼模式下，添加找回功能的頁面代碼如圖<ahref="<%=BASEURL%>/model/user/login/findpasswd.jsp" ="_blank">指導(dǎo)學生進行創(chuàng)建找回的操作頁面。6.4<SCRIPTtype=text/javascript>functioncheck(){varusername=var=.all("");returnfalse; alert("原郵箱地址不能為空 return if(!reg.test(alert("提示：\n\n您填寫的無效，請?zhí)顚懸粋€有效returnfalse; }<%Stringhref="<%=BASEURL%>/css/admin.css"type=text/cssrel=stylesheet><%if(request.getAttribute("meg")!=null)<FORMname=form1onsubmit="returncheck()"action=findpawdate.jsp<METAcontent="MSHTML6.00.2900.3268" BACKGROUND-COLOR:white"> bgColor=#666666border=0><TR<TDbackground=../../imag/lo2.gifcolSpan=2<DIValign=center><IMGheight=16src="../../imag/zip.gif"<B>找回<TR<DIValign=right>用戶名 <TR<TD<DIValign=right>原郵箱地址<TDwidth="58%"><FONTsize=2><INPUTmaxLength=45size=18name=<TR<TD<DIV<INPUTstyle="BORDER-RIGHT:#0000001pxsolid;BORDER-TOP:1pxsolid;BORDER-LEFT:#0000001pxsolid;CURSOR:hand;BORDER-BOTTOM:#0000001pxsolid"type=submitvalue=確定<INPUTstyle="BORDER-RIGHT:#0000001pxsolid;BORDER-TOP:#000000#0000001pxsolid"onclick=javascript:window.close();type=reset 圖6.6找回效果6.7<HEAD><TITLE>用戶<METAcontent="MSHTML6.00.2900.3268"<%@page<%@pageStringstation=request.getContextPath().replaceAll("/","");Stringusername=request.getParameter("username");StringString=request.getParameter("StringsqlMethodsm=newStringsql="selectpasswordfrom[user]whereusername='"++"'and='"+ArrayListlist=sm.rsQuery(sql);Stringpassword="";for(intString[]temp=(String[])list.get(i);}if(list.size()>0){meg="你的為："+password+",請妥善保管}else{} 【

溫馨提示

  • 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

提交評論