時間:2023-01-19 22:16:45
導言:作為寫作愛好者,不可錯過為您精心挑選的10篇電子商務網站設計,它們將為您的寫作提供全新的視角,我們衷心期待您的閱讀,并希望這些內容能為您提供靈感和參考。
2.構建三種設計技術的運行環境
2.1構建ASP的運行環境:NT5.0Server,IIS5.0,ASP3.0。安裝Windows2000Server(NT5.0Server)時選擇IIS5.0有關選項。安裝完后ASP3.0便內嵌于IIS5.0中。測試ASP:啟動瀏覽器,在地址欄處輸127.0.0.1:80/default.asp,若瀏覽到IIS服務器的ASP歡迎頁面,說明安裝成功
2.2構建PHP4的運行環境:NT5.0Server,Apache1.3.12php4.0安裝支持PHP的web服務器Apache1.3.12,將Apache服務器壓縮文件解壓縮,根據提示進行整個安裝過程,自己選擇安裝到目錄d:\apache下。安裝PHP4,將PHP4壓縮文件解壓縮到d:\php4即可,同時將其中的php.ini-dist文件拷貝到winnt目錄中,將文件更名為php.ini,打開該文件將其中extension_dir設置為:d:/php4,并加載擴展模塊:將文件中含有;extention=*.dll的各項前面的";"號去掉即可;修改設置Aphache服務器,用文本編輯器編輯目錄d:\aphache目錄下的子目錄conf下名為httpd.conf的文本文件,首先將"#ServerName*"這一行下加入"ServerName127.0.0.1/";,其次將"Port80"改為"Port81(或其他與IIS5.0不沖突的端口)",再其次設置更改Apache虛擬目錄,將"Documentroot"d:/Apache/htdocs""改為Documentroot"d:/trade"(該目錄即是電子商務網站目錄,可用任意方法建立目錄trade),最后加入支持php4的如下語句:ScriptAlias/php4/"d:/php4/"AddTypeapplication/x-httpd-php.phpAddTypeapplication/x-httpd-php.phtmlActionapplication/x-httpd-php4"/php4/php.exe";測試php:完成上述步驟后,在d:\trade目錄下,用如何文本編輯器,生成擴展名為.php(或phtml)的文件test.php,在文件中輸入如下php代碼,存盤后,啟動Apache,接著你在瀏覽器中輸入127.0.0.1:81/test.php,若看到php的版本和擴展模塊等信息,說明環境安裝設置成功。
2.3構建JSP的運行環境:NT5.0Server,Resin1.13,jdk1.3安裝Java編譯器jdk1.3:運行jdk1_3-win.exe,按照提示完成安裝即可,將其安裝在d:\java1.3目錄,也可安裝在其他目錄。設置系統環境參數:控制面板/系統/環境頁中選擇path參數加入d:\jdk1.3\bin;增加新的環境參數classpath=d:\jdk1.3\lib\tools.jar;d:\jdk1.3\lib\dt.jar;,然后重新啟動計算機即可安裝支持JSP的web服務器Resin1.1.3,將RESIN-1.1.3.zip釋放為d:\Resin1.1.3即可。配置服務器端口,打開d:/resin1.1.3/conf/目錄下的resin.conf文件在
8080
標簽處將端口設置為82(在我的NT5.0上裝有三個服務器,這樣三個服務器的端口分別為IIS:80;Apache:81;Resin:82其實也可設置為其他互不沖突的端口號).測試JSP:啟動Resin服務器,啟動瀏覽器,在地址欄處輸127.0.0.1:82/,若瀏覽到Resin服務器的JSP歡迎頁面,說明安裝成功
3生成三種格式的動態表單頁面為了通用,這里采用可能用到的表單對象為例,至于下面設計具體數據表用到的字段,只要轉成給出的表單域相應對象即可.
3.1用ASP動態生成與數據庫進行數據交流的操作表單:form.asp:生成表單域頭:生成普通文本:生成密碼文本:生成滾動文本:生成單選:生成復選:生成列表框:生成提交按鈕生成重填按鈕生成表單域尾
3.2用PHP動態生成與數據庫進行數據交流的操作表單:form.php生成表單域頭:"?>生成普通文本:"?>生成密碼文本:"?>生成滾動文本:"?>生成單選:"?>生成復選:"?>生成列表框:網絡數據庫Asp技術Php技術Jsp技術網站設計"?>生成提交按鈕"?>生成重填按鈕"?>生成表單域尾"?>
3.3用JSP動態生成與數據庫進行數據交流的操作表單form.jsp生成表單域頭:生成普通文本:生成密碼文本:生成滾動文本:生成單選:生成復選:生成列表框:生成提交按鈕生成重填按鈕生成表單域尾
4設計用于存儲商務網站交互數據的MySql數據庫
4.1啟動MySql數據庫服務器(MySql的安裝及ODBC驅動程序的安裝與設置請參閱相關書籍)可在NT5.0下用啟動服務法/NET命令法/命令窗口鍵入MySqld-shareware法,啟動MySql數據庫服務器,啟動數據庫服務器后,在d:\mysql\bin>提示符下鍵入mysql-h127.0.0.1-uroot即可出現mysql>提示符,從這開始即可進行對MySql數據庫的各種操作。若要退出可鍵入quit/exit,若要關閉數據庫服務器,可在d:\mysql\bin>提示符下鍵mysqladmin-urootshutdown4.2建立MySql數據庫在MySql數據庫的提示符mysql>鍵入Createdatabasetradedb;(或go)
4.2.建立MySql數據庫表這里以商務網站中常用的幾種數據表為例,主要用到的數據表和生成數據表的SQL代碼如下:(這里的數據表字段只要分別對應上述表單域對象即可實際操作,數據表統一用tablename表示)客戶登錄管理數據表CREATETABLEusers(IDintnotnullauto_increment,UserNamevarchar(30)notnull,Passwordvarchar(20)notnull)客戶信息數據表CREATETABLEusermessage(UserNamevarchar(30)notnull,Emailvarchar(80)notnull,Addressvarchar(120)notnull,Faxvarchar(40)null,Phonevarchar(40)notnull,Cerreycardvarchar(50)notnull)客戶定購商品數據表CREATETABLEcatalog(ProductIdintnotnull,Namevarchar(64)notnull,Pricefloat(6,2)notnull,Description;textnull)
5設計處理表單數據的3p程序
5.1設計處理表單數據的ASP程序form_cl.asp建立與數據庫的連接:這里采用直接驅動法Setconn=Server.CreateObject("ADODB.Connection");conn.open"driver={MySQL};server=localhost;uid=user;pwd=xxxxxx;database=tradedb"獲取表單提交的數據:data1=request("ptwbk");data2=request("mmwbk");data3=request("gdwbk")data4=request("dxk");data5=request("fxk");data6=request("lbk")用SQL語句對數據庫進行操作查詢數據記錄:sql="select*fromtablename";setrs=conn.execute(sql)"增加數據記錄:sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''data1'''',''''data2'''',''''data3'''',''''data4'''',''''data5'''',''''data5'''')";setrs=conn.execute(sql)更改某條數據記錄:sql="updatetablenamesetdata1="request(ptwbk)",whereID="num";setrs=conn.execute(sql)刪除某條數據記錄:sql="deletefromtablenamewhereID="num";setrs=conn.execute(sql)將SQL語句處理的數據結果輸出Response.Write"
"Response.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Name&""NextResponse.Write"
"WhileNotrs.EOFResponse.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Value&""NextResponse.Write"
"rs.MoveNextWendResponse.Write"
"關閉數據庫:rs.close;conn.Close
5.2設計處理表單數據的PHP程序form_cl.php建立與數據庫的連接:這里采用PHP的MySql函數法(也可用ODBC函數法)$conn=odbc_connect("localhost","user","xxxxxx");選擇數據庫:mysql_select_db("tradedb","$conn");獲去表單提交的數據:$data1=$ptwbk;$data2=$mmwbk;$data3=$gdwbk;$data4=$dxk;$data5=$fxk;$data6=$lbk;用SQL語句對數據庫進行操作查詢數據記錄:$sql="select*fromtablename";$result=odbc_do($conn,$sql);增加數據記錄:$sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''$data1'''',''''$data2'''',''''$data3'''',''''$data4'''',''''$data5'''',''''$data6'''')";$result=odbc_do($conn,$sql);更改某條數據記錄:$sql="updatetablenameset$data1=ptwbkwhereID=num"$result=odbc_do($conn,$sql);刪除某條數據記錄:$sql="deletefromtablenamewhereID=num";$result=odbc_do($conn,$sql);將SQL語句處理的數據結果輸出odbc_result_all($result,"border=1");關閉數據庫:odbc_close($conn);
5.3設計處理表單數據的JSP程序form_cl.jsp建立與數據庫的連接:這里采用JDBC-ODBC橋生成JavaBean法創建一個JavaBean命名為conndb.java,并保存在d:/resin1.1.3/doc/web-inf/classes/trade目錄下,代碼如下:(限于篇幅這里沒按標準書寫,而采用不換行寫法,其他類同)packagetrade;importjava.sql.*;publicclassconndb{Stringurl="jdbc:inetdae:localhost";Stringlogin="user";Stringpassword="xxxxxx";StringsDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";StringsConnStr="jdbc:odbc:Dsnmysql";Connectionconn=null;ResultSetrs=null;publicconndb(){try{Class.forName(sDBDriver);Connectionconn=DriverManager.getConnection(url,login,password);}catch(java.lang.ClassNotFoundExceptione){System.err.println("conndb():"+e.getMessage());}}Public/ResultSet/executeQuery(String/sql)/{rs=null;try{conn=DriverManager.getConnection(sConnStr);Statementstmt=conn.createStatement();rs=stmt.executeQuery(sql);}catch(SQLExceptionex){System.err.println("aq.executeQuery:"+ex.getMessage());}returnrs;}}然后用javac編譯conndb.java生成與其同目錄的conndb.class文件,在form_cl.jsp文件中加入如下標簽即可建立與數據庫的連接獲去表單提交的數據:Stringdata1=request.getParameter("ptwbk");Stringdata2=request.getParameter("mmwbk")Stringdata3=request.getParameter("gdwbk")Stringdata4=request.getParameter("dxk")Stringdata5=request.getParameter("fxk")Stringdata5=request.getParameter("lbk")語句對數據庫進行操作查詢數據記錄:Stringsql="select*fromtablename";connbean.executeQuery(sql);增加數據記錄:Stringsql="insertintotablenamevalues(''''"+data1+"'''',''''"+data2+"'''',''''"+data3+"'''',''''"+data4+"''''+"'''',''''"+data5+"'''',''''"+data6+''''")";connbean.executeQuery(sql);更改某條數據記錄:Stringsql="updatetablenamesetdata1=''''"+ptwbk+"'''',data2=''''"+mmvbk+"'''',data3=''''"+gdwbk+"''''whereID=''''"+num+"''''";connbean.executeQuery(sql)刪除某條數據記錄:Stringsql="deletefromtablenamewhereID=''''"+num+"''''";connbean.executeQuery(sql);;將SQL語句處理的數據結果輸出ResultSetrs=connbean.executeQuery(sql);While(rs.next()){out.print("
"+rs.getString("ptwbk")+"
");out.print("
"+rs.getString("mmvbk")+"
");out.print("
"+rs.getString("gdwbk")+"
");out.print("
"+rs.getString("dxk")+"
");out.print("
"+rs.getString("fxk")+"
");out.print("
"+rs.getString("lbk")+"
");}關閉數據庫:rs.close();
6三種電子商務網站設計技術綜述
6.1主要特性:可見下表設計技術運行平臺服務器開發程序擴展組件ASPWindows系列IISVbscript/Jscript/PerlActiveXPHPUnix系列,Novell,WindowsApache等許多服務器phpFunctionJSPUnix系列,Novell,WindowsResin等許多服務器JavaJavaBean
6.2連接數據庫的方法:通過上述操作可看出,本文采用了三種操作MySql數據庫的方法,Asp采用直接驅動法,Php采用MySql函數法,Jsp采用JDBC-ODBC/JavaBean法
現階段,互聯網的不斷發展,在很大程度上促進了電子商務網站的快速發展,企業需要通過電子商務網站向消費者傳遞相關信息,其在企業發展中的作用越來越重要。與傳統媒介相比較而言,電子商務網站對于受眾具有更大的吸引力、親和力,能夠對消費者與企業之間的關系予以促進,使其更加穩固、親密,因此應當充分重視電子商務網站的合理設計。
一、電子商務網站概述
對于企業而言,電子商務網站已經成為其發展的重要基礎,是其對外展示信息、開展商務活動的主要界面與窗口。電子商務網站,實質上就是面向企業產品的消費群體或者客戶、供應商,提供直屬于企業業務范圍的交易或者服務。目前,電子商務網站處于電子商務化中間階段,因企業投入廣度、深度與行業特色的不同,電子商務化程度還可能處于一個初級產品列表、服務支持轉向較為高級的網上支付的階段。現階段,由于電子商務市場的逐漸擴展,很多企業開始將發展重點放在電子商務市場。與傳統三大媒體(電視、廣播、報紙)相比較而言,企業能夠對本公司信息予以自由的掌控,每一個消費者可能夠隨時予以持續性訪問,而且在法律法規范圍內可以自由的發表言論。因此,大多數企業將電子商務網站的創建當作投身電子商務事業的基礎。
二、電子商務網站問題分析
就目前來看,我國電子商務呈現良好的發展態勢,但是人們對于電子商務發展過程中存在的問題還缺乏全面的認知,特別是在電子商務網站方面。上世紀90年代初期,電子商務發展過程中,大多數從事電子商務的商家在發展過程中一味模仿其他人的電子商務模式,簡單認為擁有電子商務網站之后就可以全面開展電子商務活動了,而大多數電子商務網站均缺乏創新型、實效性,因此當互聯網泡沫出現的時候,大部分電子商務網站均會倒下,主要在于這些電子商務網站沒有任何的實際價值,從根本上來看,導致這一狀況發生的原因主要為電子商務網站構建過程中未重視一個根本性問題,即:電子商務網站的功能應當與企業經營戰略相對應,并且在設計方面應當將患者需求的滿足作為出發點。
三、電子商務網站設計中需要注意的一些重要事項分析
(一)電子商務網站信息的基礎為“文本”
“文本”作為互聯網信息的基礎,不能對來自圖像、動畫等一系列信息內容的重要性予以否認,且文本信息依然是電子商務網站信心的根本,應當將文本作為基礎,同時將圖像、動畫等當作附加的一種表現形式。由于文本是一種極易被搜索、辨別以及理解的表達形式,其在網站Logo中多選取圖文搭配形式,如拍拍網、當當網以及淘寶網等,而且文本在網站導航中也是主角,因此電子商務網站設計需要充分重視“文本”的合理化、科學化。
(二)重視主頁導航的清晰性與內容的簡潔性
與國外電子商務網站相比較而言,我國電子商務網站在內容上過于繁瑣,而國外電子商務網站十分簡潔,一些網站甚至無論壇。環球自愿、EC21、中國制造網等一系列國際類電子商務網站在設計方面較為簡潔,而萬國商業網、阿里巴巴網等中文站點的頁面非常豐富,內容也比較多,但是其英文站點十分簡潔,與外國人的風格特點十分相符。現階段,我國大多數網名希望在有限的上網時間內了解與掌握更加豐富、有價值的信息,而不是在網頁中盲目搜尋雜亂的信息。因此,電子商務網站設計過程中,應當確保主頁導航的合理性,盡可能在導航設計中加入企業的形象,在此基礎上加深網站瀏覽者對企業的認知、印象。
(三)重視版面設計與圖像的合理性
通常情況下,優秀的電子商務網站版面設計應當嚴格遵循裝飾性原則、平衡性原則以及有序性原則,版面設計與圖形是否合理直接關系到瀏覽者對網頁的第一印象,圖片能夠在很大程度上增加網站的吸引力。例如:京東商城等一系列在線銷售產品的網站,需要通過圖片為用戶提供在視覺上極具吸引力的內容。網頁應當為產品銷售的促進服務,在色彩方面應當避免喧賓奪主,在此基礎上吸引瀏覽者的目光。
四、結語
一般公眾主要認為電子商務網站即為電子商務公司的一個代名詞,對于電子商務公司好壞的評價,第一印象主要是根據這一公司的電子商務網站產生的,所以電子商務公司十分重視電子商務網站的合理設計。電子商務網站設計過程中,應當意識到電子商務網站信息的基礎為“文本”,確保“文本”的合理化、科學化,還應當重視主頁導航的清晰性與內容的簡潔性,保證版面設計與圖像的科學性,進一步突出個性化服務,以此確保電子商務網站設計的完整性、優質性。
參考文獻:
[1]尚芳,吳賓賓.小型電子商務網站規劃設計研究[J].計算機光盤軟件與應用,2013,21:37-38.
[2]黃峻峰.電子商務網站設計中信息安全防御研究[J].信息與電腦(理論版),2015,23:56-57.
1.1平臺威脅
電子商務是一種有別于傳統交易,依托網絡平臺來開展的新興交易方式,信息傳遞過程中影響信息傳播速度的因素很多,包括電磁輻射干擾和網絡設備老化,情況嚴重時會威脅到交易雙方的信息安全。除了網絡設備的物理干擾和破壞外,一己私利造成的人為商務系統硬件破壞更為嚴重,他們有意更改信息內容,通過這種不法手段獲取經濟利益。
1.2安全環境惡化
發達國家經過多年的發展,技術水平遠遠領先于我國,尤其是在計算機軟硬件技術及網絡安全技術方面。我國硬件核心設備的研發能力不足,核心技術還未取得突破性進展,不得不依靠進口采購。在無法獨立自主生產的情況下,必須依靠國外引進,生產技術和維護技術受到極大的限制,極大影響了我國電子商務的健康發展。
1.3黑客入侵
一些不法分子面對電子商務交易的蓬勃發展,勢必會產生不勞而獲的貪婪心理,利用網絡安全漏洞來攻擊電子商務網站平臺。當前網絡黑客侵入方式使用最普遍的是木馬程序,通過木馬程序侵入本地計算機,使得計算機記錄的登錄信息遭到篡改或泄露,導致重要文件及資金丟失。網絡病毒不可控性很強,其自身繁殖功能十分強大,嚴重損壞計算機文件,還會對計算機的硬件設施造成嚴重破壞,且網絡技術的迅速發展,使計算機病毒的破壞力也隨之增強。
1.4網上支付安全隱患
網上支付是電子商務的核心部分,確保支付安全才能保障電子商務的健康發展,因此,網上支付的規范性、安全性、便捷性及高效性一定程度上決定了電子商務的發展潛力。從電子商務開展的實際支付結構可知,商務系統平臺、安全認證系統、電子支付網關和電子錢包等四個條件必不可少。而安全認證系統是整個電子商務順利開展的重要前提,理由如下:首先,網絡在實際運行中靈活性較強,當前的多種技術手段無法完全應對網絡安全威脅,仍存在較大的問題。其次,雖然各家銀行先后建立了CA認證中心,但這些CA認證中心的權威性不足,無法成為全國性的認證標準,造成重復認證和資源浪費。最后,新《合同法》雖然納入電子合同的法律效用條款,但數字簽名仍存在技術問題,這導致問題出現后的一些復雜法律關系難以解決,如責任認定、責任承擔、有效執行仲裁結果等。
2常見信息安全漏洞防御
2.1結構性查詢語言注入
這是一種用于存取信息數據的數據庫系統,其作用是方便管理人員進行網絡管理和用戶查詢。結構性查詢語言簡稱為SQL,從本質上來說是一種程序設計的、高級的非過程化編程語言,其作用是作為客戶端與數據庫服務器相互溝通的橋梁。因此,SQL是網站設計中安全防御的重點包括以下內容。
2.1.1經典的‘or1=1’注入作為計算機最經典的結構性查詢語言,該注入方式一般不需要用戶名進行驗證,密碼方面也沒有多層輸入的要求,故身份登錄并不會受到用戶名的限制。因此,該注入方式在編寫驗證程序時,通過程序設計使得用戶名輸入時無需驗證,避開非預期字符串的限制,然后將信息直接傳遞給mysql-query()函數執行。這種注入方式跳過了驗證環節,驗證碼正確與否都不干涉用戶名登錄。因此,從信息安全防御角度出發,登錄確認工作是網站設計的重中之重,注意嚴密防范非法用戶登錄。
2.1.2利用union語句的注入Union語句注入的作用機理是,網站設計中注入union會使網站程序默認的語句出錯,網站運行速度受限,或者網頁直接打不開,嚴重時還會引起網站崩潰。結構性查詢語言從理論上來說注入方式較多,從根源上防御各種注入方式才是關鍵。作為計算機工作者,日常網絡維護要認真嚴謹,細心對查詢語句的參數進行過濾,遇到可疑情況及時排查。
2.2跨站腳本攻擊的防范
跨站腳本攻擊,英文全稱為CrossSiteScripting。該腳本通過將惡意代碼植入到用戶的網站頁面,讓用戶登錄與實際網站完全不同的虛假網站。該腳本主要是將JavaScript腳本注入到HTML標簽中進行攻擊,是一種頻繁引發網站設計安全威脅的重要因素。
2.2.1跨站腳本攻擊的探測跨站腳本攻擊是可以及時檢測到的,有助于盡早發現網站設計過程中的問題,語句檢測是判斷跨站腳本攻擊的重要依據。如在輸入框中輸入語句找到其執行的地方,如果發現有彈窗就證明有跨站腳本對軟件進行攻擊。以網站的評論為例,在網站評論頁面的輸入框中寫入相關代碼,完成后進行刷新,若發現瀏覽器的彈出窗口沒有得到禁止,基本可以判斷該網站設計的評論模塊有跨站腳本攻擊過。
2.2.2重新定向一旦發在網站設計過程中存在跨站腳本攻擊的某些漏洞,那么黑客就有多種方式攻擊網站。如可以通過跨站腳本攻擊重新定位新的攻擊網頁,實現刷目標網站流量的目的。舉一個簡單的例子,用戶A發了一個容易構造的URL給用戶B,當用戶B打開后,惡意腳本開始攻擊用戶B的電腦,可以執行前一個用戶A權限下的所有命令。
2.2.3攻擊彈出其他網頁大部分網民瀏覽網頁時都碰到過廣告彈窗的情況,這是電腦黑客通過跨站腳本攻擊的方式,實現攻擊計算機用戶正在瀏覽網頁的目的,從而讓用戶瀏覽其他網頁。針對跨站腳本這種攻擊方式,通常采用特征匹配來進行針對性防御,同時加強認證工作,最大限度避免跨站腳本攻擊的發生。
1.觀察比較階段:在此階段,客戶搜尋和分析處理與所要選購的商品有關的各種信息,具有很強的客戶驅動性。這和在商場購物不同。商場有服務員,商品實物,可以促成交易,而網上虛擬商店不具備這樣的特點。只能以精心制作的、可用性強的網頁來吸引客戶、使客戶能方便地找到和了解他們想要的商品,從而增加成交機率。
2.付款結賬階段:此階段是電子商務行為的最重要環節,此時消費者由客戶驅動轉變為系統驅動,網站系統會引導客戶輸人一定的個人信息,如家庭住址、信用卡號碼等,同時提供付款方式和送貨方式。在這一階段應著重消除客戶對自己進行的各種操作所產生的結果的不安感。
因此,只有在電子商務網頁設計中充分考慮了人們的使用要求。才能促成一次成功的交易。網站設計的實用性對電子商務網站的正常經營和發展是至關重要的。
電子商務網站設計中的實用原則:
實現網站商務功能最大化的目標,給目標客戶提供方便、實用的信息服務,是電子商務網站設計的基本實用原則,包含以下幾個方面:
1.人性化的交互界面。客戶訪問電子商務站點是為了獲取需要的商品或服務,所以網頁的內容必須突出重點,避免夸張,裝飾部分不宜太多,以免喧賓奪主。在內容編排上必須簡潔明了,便于瀏覽;信息數量比較大時應將其拆分成多個網頁。在電子商務網頁設計中還應當考慮殘疾人、病人等特殊人群的需要。
2.方便快捷的更新維護。電子商務網站要根據市場行情的波動隨時更新網頁上的價格信息,經常要提供新的商品或服務,并搞些促銷活動以刺激客戶的購買欲。設計時要考慮到內容更新的快捷簡便,在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。
3.最佳優化的網頁內容DOLCN.com。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鐘;若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要采用圖示或多媒體演示,以至不得不適當降低系統響應速度。
4.準確無誤的鏈接。整個Web實際上就是一個的巨大的信息空間。由于空間過大,并且各節點之間的鏈接關系錯綜復雜,用戶上網瀏覽時有可能發生“迷路”現象。Elm和Woods(1985)研究發現,用戶在網上“迷路”的程度與不熟悉文檔結構有直接關系。他們總結出有三種不同形式的“迷路”:①不知道下一步該去哪里;②知道該去哪里,但不知道該如何去;③不知道當前處于整個文檔結構中的哪一個位置。為減少和避免出現“迷路”現象,通常可采用兩種策略:第一是改變用戶界面,如采用導航地圖、多窗口顯示等技術;第二是對文本進行分析,改換超文本的結構及鏈接設計。提高超文本設計質量能更有效地減少用戶“迷路”現象。 5.界面的統一和差異。在電子商務網頁設計中,界面一致性也是必須加以仔細考慮的一個重要因素。一般認為,界面一致性主要體現在三個方面:指向性效果、系統的輸入與輸出之間的關系、界面的外觀或視覺效果。一些研究表明,增強界面一致性有利于提高用戶的操作績效和滿意度,同時還可減少操作錯誤。
6.美觀、比例、結構、布局。良好的視覺效果與強大的使用功能同等重要。界面美觀水平與使用者對界面可用性的主觀評價呈正相關,與操作績效也呈正相關。Schenkman(2000)總結出衡量網頁外觀設計質量的四個主要指標,即美觀、圖文比例、結構和總體布局。其中,美觀這一指標最為重要。
7.終端與載體的協調統一。電子商務網頁設計應適應客戶使用的各種類型的顯示器。應使用可用空間的百分比來規定布局。現在常用的網頁瀏覽器一般為Netscape和Internet Explorer,這些瀏覽器都有新舊版本。有時同一個網頁在不同瀏覽器或同一瀏覽器的不同版本上會產生很不相同的顯示效果,甚至有些網頁功能無法正常實現。作為電子商務網站,應注意網頁在這方面的兼容性。
8.信息安全保障。互聯網是一個標準開放的網絡,在網上進行各種商務活動,隨時可能將面對黑客的攻擊,病毒的侵襲等。因此,確保網上信息流通的系統安全十分重要。安全不僅僅是一個技術的問題,還涉及到系統的管理、法律法規的保障等。
9.可擴展設計定位。互聯網具有巨大的商務潛能,沒有人可以確切預計系統的最終訪問量和最佳的商務運行模式。因此網站設計的原則之一就是可擴展性。隨著企業網上平臺業務量的擴展和平臺訪問量的增長,系統應該能夠具有很強的擴展能力,以適應新業務的發展。
與傳統的購物方式相比,網上購物具有方便、快捷等優點。但是,虛擬商場和客戶在空間上只有通過網絡才能傳遞信息。因此,電子商務網頁在設計上必須符合人們的使用要求,最大限度地提高人們在網上搜索信息和進行其他各種操作的績效,并增強人們對網上購物的滿意度和安全感,才能創造出和諧愉快、美觀便捷的交易空間。
中圖分類號:G642.0 文獻標志碼:A 文章編號:1674-9324(2012)06-0255-03
高等職業教育的目標是培養高素質高技能型人才,故在課程標準設計時應以提高學生的實踐能力(即工作能力)為主要任務,也就是要突出各課程的專業性和實踐性[1]。電子商務專業培養的是從事具體電子商務業務操作的人員,應具備基本的商務運作能力和電子商務網站設計開發、運營和管理能力;《電子商務網站設計》課程正是為了培養學生后者能力而開設的課程,作為電子商務專業的核心課程之一,其主要任務就是使學生掌握電子商務網站開發技術與電子商務網站設計方法,了解電子商務網站的構架、網站運營管理和推廣等方面的知識。筆者在講授這門課程的過程中,發現電子商務專業的學生在經過一年半的電子商務基本理論、計算機網絡和網頁設計等知識的學習后,對知識的實際運用有更多的興趣,課堂參與意識較強,但在教學中也發現了一些問題,針對這些問題和學院教改的要求,總結了一下我在教學中的改革措施,供大家參考。
一、教學中發現的問題
《電子商務網站設計》作為實踐性和專業性很強的課程(表1),課程內容涉及網站系統分析、總體規劃、網站設計和網站管理等相關知識,需要學生動手參與;教學方法上要以實踐為主導,側重提升學生的設計與動手能力,與電子商務網站設計工作崗位無縫銜接。
然而常規的教學方法,會帶來了下列問題:(1)強調“理論”+“實驗”的方式來組織教學,任課教師先根據教學大綱要求,安排各章節的教學內容,再根據章節或知識點安排學生實驗。這樣一章一節的推進,雖然方便教學,但學生缺乏綜合應用能力,創新意識也得不到培養,在整個網站布局規劃、總體設計、內容編排、數據庫設計上存在問題,缺少網站設計的全局把握。(2)由于按章節進行教學,在實驗內容選取上必然緊扣教材,雖然強調了技術細節,但由于缺乏真正意義上的實踐應用,對學生的指導性不強,實用性較差,造成與社會實際脫節很大,使網站設計的理念不能很好被詮釋,教學效果受到很大的影響。
二、教學中的改革措施
為了更好的上好這門課程,以及響應學院教改的要求,本人就該課程的教學方法、教學內容、教學考核、實踐環境和產學結合方面做一些改革措施,措施如下。
(一)教學方法項目化
在本課程的教學過程中,我們提出的是“目標+項目+情景”的三位一體教學方法[2],即學生學習有目標、教師教學有項目、實際教學有情景,真正體現高等職業教育的特點,也使學生真正能夠做到學有所用。這里的項目不同于一般的教學案例,由教師為社會企業開發的實際運行的網上書城項目,之所以強調項目的實際性,目的就在于解決教學與社會實際脫節的問題,以項目串聯全課程,從需求分析到最后網站、運營整個過程,貫穿在教學過程中,以項目所涉及的問題為線索,組織整個課程內容的教學,做到“教、學、練、做”四者有機結合。
具體來說我們采用的項目化教學方法是:(1)示范操作講解:將網站制作需要的知識點融入實際運營的網上書城項目中進行講解示范。(2)模仿操作訓練:模仿老師講解的方法,制作網頁效果,理論與實踐相結合,學會做網頁。(3)拓展實踐訓練:根據前面所學習的操作方法,按網上書城項目要求,自己動手制作網站,由學生自己選擇自主色彩搭配、頁面布局設計效果圖。(4)階段測試訓練:根據網上書城項目所包含的主要功能模塊:登錄、注冊、商品搜索、購物車、訂單管理、商品信息維護等,由學生按照順序完成相應模塊的開發。(5)項目實戰訓練:全面運用所學習的知識和所掌握的技能,按照企業開發網站的流程,將前面設計的網頁和各個模塊進行鏈接,形成一個完整的網上書城網站。
(二)教學內容模塊化
根據網上書城網站開發的過程,我們可以把教學按網站開發過程組織成網站需求與規劃、網站主頁設計、網站前臺設計、網站后臺設計四個子項目來操作,然后再分別對子項目進行模塊化設計;如網站主頁設計可以分為LOGO設計、網站布局及導航、網站配色方案和圖片處理等模塊;網站前臺設計可分為商品展示、用戶登錄、購物車、訂單管理等模塊;網站后臺設計可分為用戶管理、商品管理、訂單處理等模塊。每個模塊下面可按實踐知識和理論知識來組織教學內容,前后銜接的各個模塊,構成了網站建設的主線,不同的模塊承擔不同的教學任務,講授不同的教學內容,讓學生在現實環境中獲取知識。如網站的需求規劃的教學模塊,可以從需求分析開始,規劃設計過程,并形成相應的文檔資料,包括內容規劃、技術規劃等。通過這種模塊化層層推進的教學方式,不僅把教學內容在實踐作了詮釋,而且學生“邊學邊做”,更容易接受,課堂效果顯著提高,實現了“越做越精”。使學生從課程開始就圍繞著一個典型項目進行教學和實踐,不僅熟悉了網站設計的流程,而且掌握網站建設的具體操作方法。
(三)教學考核過程化
教學內容的模塊化,決定了課程采用“過程+作品”的考核模式。實踐表明,《電子商務網站設計》課程的考核最佳的方式應該以學生實際做的網站作品作為考核的主要內容,整個教學過程中,不同的階段完成不同的任務,每個模塊或子項目結束我們就可以對學生的作品進行考核。過程考核對教師而言,通過學生作品的不斷反饋來促進教學質量的提升,課程結束,學生的網站作品也基本形成了,這時可以按學生的網站作品進行整體考核,結合過程評分,完成課程考核。
(四)實踐環境企業化
在電子商務專業實踐環境建設方面,我院一直大力投入,不僅建成有電子商務實訓室、商務英語等實訓室,還新建了網上創業孵化實訓基地(圖1),基地是由淘寶網和我院合作共建,淘寶網提供網絡創業平臺及相關網絡資源,在學院提出要加強電子商務專業實訓條件建設后,我們積極調研,先后參觀學習了多所高職院校和電子商務企業,最終鎖定淘寶網,我們要讓我們的學生學會創業,因為近年來大學生創業問題越來越受社會的關注,大學生經過多年的教育以及高職院校學生難就業等問題的突顯,鼓勵大學生自主創業必將成為大學生就業之外的新領域,值得我們去引領和探索。
目前基地通過企業化運作,積極開展各類電子商務創業技能競賽(圖1),各類創業方案在基地開花結果。
(五)產學結合無縫化
以項目帶動校企合作,走產學結合之路[3],項目化教學的優點是無現成的、開放的和可操作的,這就要求老師課前要精心組織、學生要有興趣參與和企業要舍得要投入,只有三方積極配合才能實現。在教學中我們積極和淘寶網等網絡公司合作,為淘寶網等設計方案,參與設計,在設計過程中淘寶網等給我們提出寶貴意見,我們進行修改和完善,老師和學生都在項目中取得進步。(1)作品即產品,學生在教師的指導下,不同的階段完成不同的任務,課程結束,學生的網站作品也基本形成了,這時可以按學生的網站作品進行整體考核,優秀的網站作品進一步優化后可以轉化為產品。(2)學習即學徒,學生全程參與網站調研、設計、測試和使用,使學生掌握網站建設的所有知識,學習的項目化,不僅培養了學生的動手、動腦的能力,還了解了企業網站的真實運作,學習的過程也就是學徒的過程,進入工作崗位可以直接參與企業網站建設。
三、總結
從實踐來看,《電子商務網站設計》課程改革后,學生的學習目標明確,學生的學習興趣有大幅提高,知識內容的實踐性更強,學生通過完成具體網站項目的工作過程訓練,使學生獲得普適性的工作過程,實現網站創作過程的完整訓練,培養了學生的網站設計的創造力和獨立性,全面培養學生的綜合素質,激發學生關注未來的職業需求,同時也加強了校企合作。
參考文獻:
第一章開發環境及數據庫概述
技術
簡介
隨著網絡經濟的到來,.NET技術是一項革命性的技術。它是微軟公司推出的新一代互聯網軟件和服務戰略,是一種面向網絡、支持各種用戶終端的開發平臺環境。它包含了分布式計算、XML、組件技術、即時編譯技術等多種功能集成的環境。.NET環境使用統一的Internet標準(如XML)將不同的系統對接,并采用高度分布式應用服務架構,而且使用了一個綜合的管理程序。該程序能管理平臺中運行的服務程序,為運行程序提供強大的安全保護后臺。
C#是微軟公司專門為.NET量身定做的一種編程語言,它與.NET有著密不可分的關系。例如,C#的類型其實就是.NET框架所提供的類型,C#本身并無類庫,而是直接使用.NET框架所提供的類庫。另外,類型安全檢查啟動資源回收、結構化異常處理等也都是交由CLR(公共語言運行時)處理的。因此,C#是最適合開發.NET應用的編程語言。
技術簡介
是微軟公司繼ASP(ActiveServerPages:活動服務器頁面)之后推出的用于創建、管理和部署Web應用程序的新的理想平臺。它是使用.NET框架所提供的編程類庫構建而成的。使創建、管理和部署Web應用程序變得非常容易。
所具有的新性能是:(1)WebControls,它使得創建forms和HTMLcontrols的工作變得簡單易行。例如,在ASP中典型的選擇框(selectbox)里,你不得不創建一個循環以便讓控制系統裝入數據。但在里,你將會擁有一個"data-bound",這意味著它會與數據源連接,并會自動裝入數據。(2)語言支持,支持多種語言,它的缺省語言將是visualBasic而不是vbscript,這意味著我們可以擺脫vbscript的語言限制,我們的代碼將是編譯后運行的(而不是原來的解釋執行)。(3)更好的代碼控制,COM對象不需要再在服務器上注冊,但是通過這種過程簡化,你再也不能夠在你的服務器上運行另外一個DLL版本,并且代碼相當保密。這意味著,如果沒有正確的開發工具和源代碼,很難改變代碼。(4)更好的升級能力,一個系統建成,本身有著一定的特性,以改進多處理器和串口環境中的性能。例如,sessionstate能夠通過單獨的處理器來維持,在一個單獨的機器上,甚至在數據庫中允許交叉的服務器會話。
......
目錄
第一章開發環境及數據庫概述
第二章網站的需求分析及功能介紹
第三章數據庫設計
第四章網站的詳細設計
第五章系統開發小結
第六章全文總結
參考資料
[1]黎曉東.精通編程.科學出版社
[2]桂思強.與數據庫程序設計.中國鐵道出版社
[3]陳峰棋.深入淺出程序設計.中國水利水電出版社
[4]蘇紅超.深入解析.科學出版社
[5]熊松明.輕松教程.航空工業出版社
[6][美]G.AndrewDuthie著,李萬倫等譯.程序設計.清華大學出版社
目
錄
1. 引言……………………………………………………………………………………3
1.1畢業設計課題的來源與意義及所欲達到的目標……………………………………3
1.2 網站所完成的內容與結構……………………………………………………………3
1.3 方案的實施和步驟……………………………………………………………………8
2. 網站具體設計過程……………………………………………………………………8
2.1 后臺服務器數據庫的建立和連接……………………………………………………8
2.1.1用Access建立數據庫名為eshop…………………………………………………8
2.1.2 數據庫的連接………………………………………………...……………………12
2.2 前臺客戶端網頁的設計和制作…………………………………………………...…12
2.2.1 首頁………………………………………………………………………………...12
2.2.1.1 動態顯示產品子類…………………………………………………...…………13
2.2.1.2顯示今日熱點內容………………………………………………………………13
2.2.1.3 顯示最新商品內容…………………………………………………………...…13
2.2.2 商城的二級頁面…………………………………………………………………...13
2.2.2.1應用樣式到模板文件……………………………………………………………13
2.2.2.2商城子類名的橫向重復顯示……………………………………………………13
2.2.2.3 添加動態內容…………………………………………………………………...13
2.2.3 商城子類頁面……………………………………………………………………...13
2.3 網站搜索功能……………………………………………………………………...…14
2.3.1商城快速搜索………………………………………………………………………14
2.3.2商城高級搜索………………………………………………………………………14
2.4商品購物車……………………………………………………………………………15
略…………共3章
:7600多字
有大量流程圖、數據表、界面圖
在admin目錄下的一些源代碼、參考文獻
200元
課程代碼:00906
請考生按規定用筆將所有試題的答案涂、寫在答題紙上。
選擇題部分
注意事項:
1.答題前,考生務必將自己的考試課程名稱、姓名、準考證號用黑色字跡的簽字筆或鋼筆填寫在答題紙規定的位置上。
2.每小題選出答案后,用2B鉛筆把答題紙上對應題目的答案標號涂黑。如需改動,用橡皮擦干凈后,再選涂其他答案標號。不能答在試題卷上。
一、單項選擇題(本大題共2O小題,每小題1分,共20分)
在每小題列出的四個備選項中只有一個是符合題目要求的,請將其選出并將“答題紙”的相應代碼涂黑。錯涂、多涂或未涂均無分。
1.電子商務的競爭優勢不包括
A.成本低廉化 B.生產周期縮短
C.配送費用低 D.簡化流通環節
2.以數據形式流通、能被消費者和商家普遍接受的、通過互聯網購物時使用的數字化貨幣是
A.電子現金 B.電子支票
C.智能卡 D.銀行卡
3.只讀存儲器ROM屬于
A.外存儲器 B.內存儲器
C.輔助存儲器 D.隨機存取存儲器
4.以二維表格作為數據模型的數據庫是
A.層次型數據庫 B.網狀型數據庫
C.關系型數據庫 D.第三代數據庫
5.在.NET的體系結構中,.NET框架屬于
A..NET開發平臺 B..NET服務器
C..NET基礎服務 D..NET終端設備
6.用戶網上培訓屬于電子商務網站基本功能里的
A.產品展示 B.網上結算
C.網上訂購 D.售后服務
7.企業網頁美術設計應主要考慮企業的
A.產品形象 B.外觀形象
C.整體形象 D.商標形象
8.電子商務網站技術解決方案確定的主要依據是網站的
A.用戶 B.內容
C.功能 D.市場
9.電子商務主要面臨4個安全問題,即保密性問題、認證問題、不可否認性問題和
A.病毒破壞問題 B.完整性問題
C.木馬攻擊問題 D.數據丟失問題
10.下列選項中不屬于控制流程圖基本成分的是
A.循環 B.處理步驟
C.條件判斷 D.控制流
11.模塊結構圖由五種基本符號組成:模塊、數據、控制、轉換和
A.調用 B.繼承
C.實體 D.關系
12.CMM的功能等級有
A.2個 B.3個
C.4個 D.5個
13.DELL網站屬于
A.直銷型 B.包銷型
C.代銷型 D.分銷型
14.DNS服務器主要用于
A.IP地址與域名之間的解析 B.電子郵件的發送
C.網絡的自動管理 D.遠程傳輸文件
15.測試工具Xenu主要用于
A.灰盒測試 B.代碼合法性測試
C.鏈接測試 D.安全性測試
16.電子商務網站的生命周期中,系統邏輯模型的構建完成于
A.系統規劃階段 B.系統分析階段
C.系統開發階段 D.系統實施階段
17.數據驅動測試被稱為
A.灰盒測試 B.黑盒測試
C.性能測試 D.代碼合法性測試
18.下列關于動態網頁的說法不正確的是
A.以數據庫技術為基礎 B.使用網絡編程技術
C.往往有程序和邏輯控制 D.指網頁上各種動畫、滾動字幕等動態效果
19.企業系統集成中一系列相互銜接、自動進行的業務活動或任務稱為
A.中間件 B.工作流
C.數據集成 D.服務件
20.極限編程提倡
A.每個人單獨完成同一段程序
B.任何人都不能修改其他人寫的程序
C.每個人按照自己的風格編寫具有個性化的程序
D.兩個人一起寫同一段程序
非選擇題部分
注意事項:
用黑色字跡的簽字筆或鋼筆將答案寫在答題紙上,不能答在試題卷上。
二、填空題(本大題共10小題,每小題1分,共10分)
21.亞馬遜書店主要的電子商務模式是__________。
22.數據庫的基本功能包括數據定義、__________和數據控制。
23.企業應用集成分為數據集成和__________。
24.目前主要有三種不同又相互關聯的網絡模式,即Intranet、Extranet、__________。
25.系統流程圖是一種用來描述系統__________模型的傳統工具。
26.將所有現存的與將被發展出來的各種能力成熟度模型集成到一個框架中去的是__________。
27.常見的物流解決方案包括物流中央化、高效配送中心以及__________等。
28.J2EE中用于數據庫訪問的接口組件是__________。
29.通過普通電話線提供寬帶數據業務的技術是__________。
30.電子商務網站功能測試的主要方法有__________、黑盒測試和灰盒測試。
三、名詞解釋題(本大題共5小題,每小題3分,共15分)
31.第三方物流
32.業務流程圖
33.數據庫
34.中間件
35.個性化信息服務
四、簡答題(本大題共5小題,每小題5分,共25分)
36.簡述服務類電子商務網站應提供的服務內容。
37.簡述B2C電子商務模式的特點。
38.簡述Web服務的主要特點。
39.簡述廣度維度的企業應用集成包括的內容。
40.簡述極限編程的軟件開發過程。
五、綜合題(本大題共2小題,每小題10分,共20分)
41.試述電子商務網站規劃的主要內容。
42.某手機銷售網站采用如下規則判定注冊會員是否為潛在顧客(用R=1表示是潛在顧客,R=0表示非潛在顧客):
(1)年齡在3O歲(含)以下,如果是學生則非潛在顧客,如果不是學生則是潛在顧客;
(2)年齡在3O歲到40歲之間則是潛在顧客;
(3)年齡在40歲(含)以上,如果信譽等級為差則非潛在顧客,如果信譽等級為優則是潛在顧客。
請畫出上述規則的決策樹。
六、案例分析題(本大題共1小題,1O分)
43.A公司是國內一家生產、銷售運動服裝的知名企業,現采用實體店專賣連鎖經營方式進行產品銷售,為了進一步提升公司管理水平和擴大市場份額,公司決定開展電子商務,在網上銷售公司生產的各類運動服裝。
請結合本案例回答以下問題:
《電子商務網站設計》課程是針對培養學生電子商務系統開發能力而開設的一門專業核心課程,是該專業學生能力培養的重要課程。該課程培養學生在分析電子商務系統的功能需求、規劃設計電子商務網站的架構和電子商務網站開發等方面的具體能力,是電子商務專業學生一門綜合性課程,為其以后的發展打下良好的基礎。本文對我院《電子商務網站設計》的開設現狀、存在問題及教學改革作了相關研究。
一、課程現狀
目前各高校《電子商務網站設計》是以培養學生的網站信息管理與編輯技能為主要目標。該課程涉及到商務網站規劃設計、站點素材的搜集與編輯、網站功能實現和頁面制作、網站與管理等多方面的知識和技能 , 涵蓋內容廣 , 實踐性很強。主要講解如何應用“網頁制作三劍客”創建和管理網站、網頁的制作及鏈接、圖片素材的編輯處理等 ;使學生了解如何規劃并建立站點,掌握制作網頁的基礎知識,能熟練利用“網頁制作三劍客”的強大的功能制作出精美的網站。另外,為了使學生掌握制作動態網站的技術,一般還會講授“動態網頁設計”內容,使學生掌握一門網頁編程技術的基本概念、基本原理、學習制作動態網站。如在該課程中介紹 ASP 技術,掌握 ASP 的編程環境 IIS 的構建與配置 ;掌握 ASP 的編程語言VBscript 和Javascript 的語法 ;掌握 ASP 與數據庫的連接與操作。
二、存在的問題
現有課程現狀的安排導致本課程的教學存在以下誤區 :教學內容基本停留在對工具的使用或語言的學習及掌握上 ;內容偏計算機,學生很難學懂 ;特別是電子商務專業學生以文科生來源為主,學生程序設計學習很少,對于動態網頁編程技術很難掌握。內容太多,目標性應用不強,學生沒興趣學;理論內容與實踐內容相互獨立, 在實際應用中一般先講工具軟件、數據庫、編程語言的使用,再讓學生實踐,理論與實踐各自有各自的計劃和目標,理論基本不能為實踐服務。電子商務技術發展迅速,建設小型電子商務內網站的工具也越來越傾向于模版式的傻瓜式操作,在教學過程中教師教授的理論知識的獲取來源于書本及網絡,沒有到目標公司實地調研的經歷,因此在課程講解中缺乏市場需求依據,照本宣科,使電子商務網站建設與管理課程缺少了“真實性”,由此學生對本學科的態度容易產生無用論。
三、“項目”+“案例”教學模式構建
“項目”教學是指電子商務網站建設課程以項目的開發作為教學的總目標,項目可分為若干“案例”,第一次課時教師將項目背景闡述清楚,讓學生清楚的知道學完這一門課之后能解決怎么樣的問題,將掌握怎么樣的技能,將會具體實現什么樣的應用。建立起學生的學習興趣。“案例”教學是指課程教學中以典型案例劃分教學內容,以案例引導課堂教學,以案例引導學生知識點的掌握,以實際案例為剖析對象,教師指導下教學和學生共同參與案例的分析、討論以尋求實現方法,實現理論與實踐一體化。
表一:課程項目――案例分解表
項目過程 子項目 案例
需求分析階段
項目一初識電子商務網站
案例一從傳統商務到電子商務
案例二電子商務網站的概念、功能與特點
案例三成功案例分析
項目二電子商務網站規劃 案例一電子商務網站需求分析
案例二域名策略與ISP選擇
案例三服務器解決方案
系統設計階段 項目三電子商務網站設計
案例一網站結構設計
案例二網站內容設計
案例三網站風格、創意與形象設計
技術準備階段 項目四運用HTML編寫網頁 案例一HTML入門
案例二運用HTML布局頁面
案例三建立超鏈接與圖像處理
開發階段
(技術分解學習) 項目五“春江翠堤”網站界面設
計 案例一網頁導航欄制作
案例二網頁Logo制作
案例三網頁Banner制作
案例四網頁頁面編排
案例五網頁切片
項目六“春江翠堤”網站動畫制
作 案例一“廣告語”打字效果動畫制作
案例二網頁Banner動畫制作
案例三圖片切換播放效果制作
案例四網頁Banner完善
案例五Flash廣告制作
項目七“春江翠堤”網站制作 案例一網站制作基礎入門
案例二構建本地站點
案例三布局首頁表格
……
案例十三站點的與維護
強化開發過程
項目 項目八網上書店制作實例 案例一《網上書店》功能設計
案例二《網上書店》站點規劃
案例三《網上書店》網頁制作-圖書瀏覽模塊
關鍵詞: 電子商務;B2C;;C#;SQL Server
Key words: electronic commerce;B2C;;C#;SQL Server
中圖分類號:TP311 文獻標識碼:A 文章編號:1006-4311(2013)20-0220-05
0 引言
電子商務是指整個事務活動和貿易活動的電子化,它通過先進的信息網絡,將事務活動和貿易活動中發生關系的各方有機地聯系起來。B2C(Business-to-Consumer)電子商務網站實際上就是一種企業對消費者的網上購物商城,在該網站中,注冊會員可以購買任何商品,而管理員可以對商品、注冊會員等信息進行管理[1]。
是一種動態網頁技術,在服務器端運行.Net代碼,動態生成HTML,然后響應給瀏覽器。(Active Server )4.0是微軟公司推出的基于.NET 框架的新一代網絡編程語言,也是目前最新的Web技術之一。作為之前各個版本的集大成者, 4.0開創了公共語言運行庫和動態語言運行庫相結合的編程框架,可用于在服務器上生成功能強大的Web應用程序[2]。
1 電子商務網站分析與設計
1.1 網站分析與設計 在電子商務網站中,主要包括商品管理、會員管理、購物車、商品搜索四個功能模塊。商品管理模塊主要包括瀏覽、添加、修改和刪除商品4大功能。管理員可以在商品管理頁面中通過單擊刪除按鈕來刪除網站中的商品,當單擊詳細信息按鈕時,頁面跳轉到編輯商品頁面,在該頁中,可以添加和修改商品信息。
為了方便用戶的注冊和登錄進而設置了會員管理模塊,此模塊主要保存會員的登錄名、密碼等一些基本信息。當填寫完必填內容后,單擊注冊按鈕,即可將這些信息保存到數據庫中的相應表中。會員登錄時,對會員的身份進行驗證。
電子商務系統中的購物車同實際生活中的購物車一樣,都是用于暫時保存挑選的商品。購物車主要包括添加商品、查看購物車、刪除購物車中商品和結賬等4大功能,當已經登錄的會員在商品信息頁面中單擊購買按鈕時,頁面跳轉到購物車頁面,并將會員所選擇的商品顯示在該頁面中,會員可以在這里選擇結賬、清空購物車或繼續購買中的任何一種操作。
在電子商務網站中,常常需要設置商品搜索功能,以方便會員或管理員查看指定商品的詳細信息。當選擇完搜索條件,并在“關鍵字”文本框中輸入要搜索的內容時,單擊搜索按鈕,即可將相應商品的基本信息顯示在GridView控件中。
1.2 數據庫分析與設計 數據庫建立的正確與否對系統是否能正常而準確有效的運行起著關鍵性作用。所建立的數據庫要避免冗余,同時要做到覆蓋面廣,既要使編制的程序便于對數據庫進行維護管理,又要最大程度縮短運算及操作時間,從而增加了建立數據庫的難度[3]。該網站采用SQL Server2005作為后臺,建立的數據庫主要包含6個表。
①tb_GoodsInfo表:存儲商品的詳細信息。
②tb_GoodsType表:存儲商品的分類信息。
③tb_Image表:存儲商品圖片信息。
④tb_Member表:存儲會員信息。
⑤tb_OrderInfo表:存儲購物車中的訂單信息。
⑥tb_StoreInfo表:存儲商品所屬倉庫信息。
2 數據庫訪問技術
2.1 數據庫訪問技術 在電子商務網站開發中,數據庫訪問技術是其關鍵技術之一。用戶的注冊、登錄,瀏覽、搜索商品,訂單的生成、查詢等都牽涉到對數據庫的訪問,中是通過來訪問數據庫的[4]。是應用程序與數據庫進行交互的一種技術,應用程序可以通過連接到各種數據源,并檢索、操作和更新數據。使用DataReader對象和DataSet對象讀取以及訪問數據庫是提供的兩種訪問數據庫的方式。
讀取數據源最簡單的方式就是使用DataReader對象,它只能實現讀取數據,而不能寫入數據,返回一個只讀、只進的數據集。DataSet對象必須配合DataAdapter對象使用,DataAdapter對象在Command對象之上,用來執行SQL命令,然后將結果置入Dataset對象。此外,DataAdapter對象也可以將DataSet對象更改過的數據寫回數據源[5]。
2.2 電子商務網站數據庫訪問的實現
2.2.1 在配置文件Web.Config添加數據庫連接字符串。
2.2.2 在項目中添加數據庫操作公共類SqlOperate.cs
//調用配置文件Web.Config中的數據庫連接字符串
SqlConnection sqlconn=new SqlConnection(Configuration
Manager.AppSettings["ConnectionString"]);
//DataCom方法主要用來執行SqlCommand中的SQL語句
public void DataCom(string sqlstr)
{
sqlconn.Open();
SqlCommand sqlcom = new SqlCommand(sqlstr,sqlconn);
sqlcom.ExecuteNonQuery();
sqlconn.Close();
}
// gvDataBind方法主要用來執行SqlDataAdapter中的SQL語句,并將執行結果綁定到GridView控件上
public void gvDataBind(GridView gv, string sqlstr)
{
sqlconn.Open();
SqlDataAdapter myda = new SqlDataAdapter(sqlstr,sqlconn);
DataSet myds = new DataSet();
myda.Fill(myds);
gv.DataSource = myds;
gv.DataBind();
sqlconn.Close();
}
// dlDataBind方法主要用來執行SqlDataAdapter中的SQL語句,并將執行結果綁定到DataList控件上
public void dlDataBind(DataList dl, string sqlstr)
{
sqlconn.Open();
SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlconn);
DataSet myds = new DataSet();
myda.Fill(myds);
dl.DataSource = myds;
dl.DataBind();
sqlconn.Close();
}
// ddlDataBind方法主要用來執行SqlDataAdapter中的SQL語句,并將執行結果綁定到DropDownList控件上
public void ddlDataBind(DropDownList ddl, string sqlstr,string dvf)
{
sqlconn.Open();
SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlconn);
DataSet myds = new DataSet();
myda.Fill(myds);
ddl.DataSource = myds;
ddl.DataValueField = dvf;
ddl.DataBind();
sqlconn.Close();
}
3 功能模塊的實現
3.1 商品管理
3.1.1 在網站中分別添加一個GoodsManage.aspx頁面和一個EditGoods.aspx頁面,其中GoodsManage.aspx頁面用來顯示商品信息,而EditGoods.aspx頁面用來顯示相應商品的詳細信息并進行商品編輯。
在GoodsManage.aspx頁面添加GridView控件gvGoodsInfo,使用GridView控件的列進行頁面傳值。在GoodsManage.aspx頁面的Page_Load事件中,首先定義數據庫查詢字符串,查詢數據庫vb_GoodsInfo中的所有商品信息。
string sqlstr = "select * from vb_GoodsInfo";
GridView 的DataKeyNames屬性獲取或設置一個數組,該數組包含了顯示在GridView控件中的項的主鍵字段的名稱,GoodsID作為主鍵字段。
gvGoodsInfo.DataKeyNames = new string[] { "GoodsID" };
調用SqlOperate類中的gvDataBind (GridView gv, string sqlstr)方法,在GridView控件中顯示所有商品信息。
sqloperate.gvDataBind(gvGoodsInfo, sqlstr);
3.1.2 在商品管理頁面中單擊刪除超級鏈接按鈕時,后臺會自動刪除該按鈕對應商品的相關信息。GridView控件的RowDeleting事件代碼如下:
protected void gvGoodsInfo_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
string sqlstr="delete from tb_GoodsInfo where GoodsID=′′′+
gvGoodsInfo.DataKeys[e.RowIndex].Value+′′′";
sqloperate.DataCom(sqlstr);
Response.Redirect("GoodsManage.aspx");
}
3.1.3 當用戶單擊商品管理頁面中的詳細信息超級鏈接按鈕時,頁面跳轉到EditGoods.aspx頁面,該頁實現的主要功能是編輯相關商品的詳細信息或添加一些新的商品。
使用GridView控件的列進行頁面傳值技術。在GridView控件中添加一個HyperLinkField列字段,并將其DataNavigateUrlFields屬性設置為要進行傳值的數據表字段,DataNavigateUrlFormatString屬性設置為要鏈接到的頁面及根據哪個值進行傳值,其屬性設置格式為:Index.aspx?id={0}。
3.1.4 當管理員對TextBox文本框或DropDownList下拉列表框中內容進行修改之后,單擊修改按鈕,可以完成對商品的修改操作。修改商品信息的字符串定義:string sqlstr = "update tb_GoodsInfo set GoodsName=′′′+商品名稱+′′′,GoodsPrice=′′′商品價格+′′′,GoodsTypeID=′′′+商品ID+′′′,GoodsIsNew=′是′,GoodsIntroduce=′′′+商品介紹+′′′,GoodsPhoto=′′′+商品圖片+′′′where GoodsID=′′′+Request["GoodsID"].ToString( )+′′′";
在商品詳細信息頁面中,如果要添加一些新商品,可以自己重新填寫TextBox文本框中內容及重新選擇DropDownList下拉列表框中選項,這里需要注意的是,在添加商品時,首先需要檢測是否已經存在該商品,如果已經存在,彈出“該商品已經存在”對話框,否則,將該商品信息插入相關數據表。
3.2 會員管理 會員注冊的主要技術要點是SqlDataReader類和驗證控件的使用。SqlDataReader類用來從SQL Server數據庫中讀取行,要創建SqlDataReader類對象,必須調用SqlCommand類的ExecuteReader方法,而不能直接使用構造函數。驗證會員名和密碼等不能為空需要用到RequiredFieldValidator驗證控件,驗證E-mail地址格式和郵編格式是否正確需要使用RegularExpressionValidator驗證控件。
用戶填寫完信息之后,單擊注冊按鈕,如果該會員登錄名在數據表中不存在,則其信息就會保存到相應的數據表中,否則,重新注冊。注冊按鈕的Click事件代碼如下:
protected void btnRegister_Click(object sender, EventArgs e)
{
string sqltest = "select * from tb_Member where MemberName=′′′+ this.txtLoginName.Text +′′′";
sqlconn.Open( );
SqlCommand sqlcom = new SqlCommand(sqltest, sqlconn);
SqlDataReader read = sqlcom.ExecuteReader( );
read.Read( );
if (read.HasRows)
{
if(this.txtLoginName.Text.Trim( )==read
["MemberName"].ToString( ).Trim( ))
{
Response.Write("alert('該會員已經注冊過''); '");
return;
}
}
string sqlstr = "insert into tb_Member "+
"(MemberName,MemberSex,MemberPWD,
MemberTName,"+
"MemberQue,MemberAns,MemberPhone,MemberEmail,MemberCity,MemberAddress,MemberPostCode, MemberPhoto)"+ "values(′′′+txtLoginName.Text +′′′,′′′+
ddlSex.SelectedValue+′′′,′′′+txtPwd.Text +′′′,′′′+txtTName.Text+′′′,′′′+txtQuePwd.Text+′′′,′′′+txtAnsPwd.Text+′′′,′′′+ txtTel.Text+′′′,′′′+txtEmail.Text+′′′,′′′+
ddlCity.SelectedValue+′′′,′′′+txtAddress.Text+′′′,′′′+txtPostCode.Text+′′′,′′′+
ddlPhoto.Text+′′′)";
sqloperate.DataCom(sqlstr);
sqlconn.Close( );
Session["regName"] = txtLoginName.Text.Trim( );
Response.Redirect("SuccReg.aspx");
}
3.3 購物車的實現
3.3.1 分別添加1個EditGInfo.aspx頁面和1個Shopping.aspx頁面,其中,EditGInfo.aspx頁面用來顯示商品詳細信息,并給會員提供購買商品功能,Shopping.aspx頁面用來查看會員購買的商品信息,并可以通過單擊結賬超級鏈接按鈕來確定購買這些商品。
在EditGInfo.aspx頁面的Page_Load事件中,程序根據接受的商品ID將相應商品的詳細信息顯示在服務器端控件中。通過Page屬性的Request.QueryString方法獲得商品ID,然后vb_GoodsInfo數據庫中檢索出相應商品并顯示出來。
string strid = Page.Request.QueryString["GoodsID"];
string sqlstr = "select * from vb_GoodsInfo where GoodsID=′′′+ strid +′′′";
3.3.2 當會員單擊EditGInfo.aspx頁面中的購買按鈕時,程序首先判斷該會員是否登錄,如果已經登錄,則將該會員所要購買的商品保存到相應數據表中,并將頁面定向到Shopping.aspx頁面,否則,彈出提示框提示會員還沒有登錄。判斷會員是否登錄通過Session來實現。
if (Session["用戶名"] == null)
{
Response.Write("alert(′您還沒有登錄,請登錄后再購買!′);
}
單擊購買按鈕將登陸用戶所購買商品插入tb_OrderInfo數據庫的字符串如下:
string sqlstr = "insert into tb_OrderInfo" + "(OrderMember,GoodsID,GoodsName,GoodType ID,
GoodsTypeName,GoodsPrice,IsCheckout)"+ " values(′′′+ Session["用戶名"].ToString( ) +′′′,′′′+商品ID.Text.Trim( ) + ′′′,′′′+商品名稱.Text.Trim( ) +′′′,′′′+商品類別ID+′′′,′′′+商品類別.Text.Trim( )+′′′,′′′+商品價格.Text.Trim( )+′′′,
′否′)";
3.3.3 在Shopping.aspx頁面的Page_Load事件中,顯示該會員所要購買的商品,并計算出商品的總金額,匯總會員所選商品的價格是通過SQL中的聚合函數sum來實現,使用sum合并列值。
string 總價格 = "select sum(GoodsPrice) as tprice from tb_OrderInfo"+" where OrderMember=′′′+Session["MName"].ToString( );
如果會員要結賬,單擊結賬超級鏈接按鈕。在該按鈕的Click事件中,判斷會員當前充值余額是否大于購物車內商品的總金額,如果大于,則成功購買所選商品,否則不能購買。結賬超級鏈接按鈕的Click事件主要代碼如下:
// MemberMoney是會員的充值金額,labMoney.Text為所購商品的合計金額
string MPrice = Convert.ToString(mydrv.Row["MemberMoney"]);
if(Convert.ToInt32(MPrice) < Convert.ToInt32(labMoney.Text.Trim( )))
{
Response.Write("alert('您的余額不足,請重新充值后再購買!');
}
else
{
string sqlstrshop1 = "update tb_Member set MemberMoney=′′′+ (Convert.ToInt32(MPrice) - Convert.ToInt32(labMoney.Text)) +′′′where MemberName=′′′+ Session ["MName"].ToString( ) +′′′";
sqloperate.DataCom(sqlstrshop1);
string sqlstrshop2 = "update tb_OrderInfo set IsCheckout=′是′where OrderMember=′′′+ Session["MName"]. ToString( ) +′′′";
sqloperate.DataCom(sqlstrshop2);
3.4 商品搜索 在商品管理頁面中(圖5),程序根據所選搜索條件和用戶輸入的搜索關鍵字,調用公共類中的gvDataBind(GridView gv, string sqlstr)方法來搜索相關商品信息。GoodsManage.aspx頁面中搜索按鈕的Click事件代碼如下:
protected void btnSel_Click(object sender, EventArgs e)
{
if (txtKey.Text == "")
{
string sqlstr = "select * from vb_GoodsInfo";
sqloperate.gvDataBind(gvGoodsInfo, sqlstr);
}
else
{
string sqlstr = "select * from vb_GoodsInfo where " + 搜索條件.SelectedValue + " like
'%" +關鍵字.Text.Trim( ) + "%'";
sqloperate.gvDataBind(gvGoodsInfo, sqlstr);
}
}
4 結束語
本文設計并實現了B2C電子商務網站的主要功能,開發過程中的技術要點包括:在商品管理模塊中,使用GridView控件的列進行頁面傳值;在會員注冊頁面使用SqlDataReader類從SQL Server數據庫中讀取行;在購物車的實現模塊,通過Session傳值技術來判斷會員是否登錄。判斷會員的當前充值是否能夠購買其選擇的所有商品是通過匯總會員所選商品的價格,并將其跟會員的當前充值進行比較來實現的,而匯總會員所選商品的價格是通過SQL中的聚合函數sum來實現。
可以使用C#、和J#等多種語言來編寫服務器端代碼,這些語言的功能都很強大,并且也是純面向對象的。頁面的服務器端代碼是完全已編譯和可執行的,并且采用逐行解釋的方式,這種方式可以提高性能,也可以在編譯階段檢測到更多的錯誤。后置代碼技術將頁面的可視化部分和業務邏輯分離,其技術優于把HTML和服務器端代碼放在同一個文件中的服務器端技術。Web窗體能使用像Windows應用程序那樣用基于控件的界面創建Web應用程序,向客戶端提供Web功能的標準方式。Web用戶控件可以很容易地在多個Web窗體實現功能片段的重用。母版頁技術可以使網站中的不同頁面的可視化效果和部分功能保持一致。幾乎全是基于組件和模塊化,每一個頁、對象和HTML元素都是一個運行的組件對象[6]。因此,使用簡單,功能強大,開發和執行效率高,利用它可以很方便的開發動態的、交互的、高性能的電子商務網站。
參考文獻:
[1]明日科技,王小科,趙會東程序開發范例寶典[M].北京:人民郵電出版社,2012.
[2]張正禮,王堅寧 4.0從入門到精通[M].北京:清華大學出版社,2012.
[3]饒云波等.基于的電子商務平臺設計與實現[J].計算機技術與發展,2006(5):160-162.