日本免费精品视频,男人的天堂在线免费视频,成人久久久精品乱码一区二区三区,高清成人爽a毛片免费网站

在線客服

商務網站設計實用13篇

引論:我們為您整理了13篇商務網站設計范文,供您借鑒以豐富您的創作。它們是您寫作時的寶貴資源,期望它們能夠激發您的創作靈感,讓您的文章更具深度。

商務網站設計

篇1

電子商務網站既要處理企業對企業之間、企業同消費者之間大量復雜而零散的數據和信息,又要保證數據和信息傳輸的安全性,因此與普通的網站相比在數據處理和傳輸方面要求更高,流程也更加復雜。因此,我們必須要使系統滿足以下原則:

(1)系統的可靠性:系統的數據對企業是至關重要的,在任何情況下保證數據的完整性、正確性和可恢復性是網站設計的前提;

(2)系統的安全性:網絡給我們帶來便利的同時也帶給我們更多的煩惱,黑客和病毒的侵襲隨時會對系統產生致命的破壞,因此網站設計時必須采取足夠的措施,保證系統的安全;

(3)系統的經濟性與可擴展性:高性價比是一個網站的重要指標,設計網站時要處理好系統的整體優化與重復建設的矛盾,保證系統的可擴展性。隨著信息量的增加和應用功能的擴充,系統的軟硬件也必須逐步擴展,要確保系統對升級換代的適應能力;

(4)系統的開放性:電子商務網站只是企業整個商務體系中的一部分,它可能是企業的第一個系統,但決不應該是最后的一個。因此,它必須設計成支持開放性、符合相關技術標準的系統,使其能與原有系統協調工作,并與將來新建系統相互兼容;個性化是目前電子商務軟件開發的焦點。雅虎讓用戶自己設定個人首頁。亞馬遜網站可以向購買同一本書的客戶推薦別人同時還購買了其它什么樣的書籍。戴爾網站使用成熟的分析軟件,通過不同渠道收集的數據來預測客戶行為和偏好。一家網上銷售自行車的網站使用相應的軟件給相似的用戶來提供建議,推薦符合個人口味的自行車。研究表明,具有個性化服務的網站比沒有此項功能的網站可以更有效地增加銷售額。目前對商家來說最大的挑戰是如何決定個性化的內容。滿足了上面的這些原則,就要具體來設計它了,對于網頁的設計我想大家應該是比較熟悉了,但是電子商務網站設計起來可不是那么的簡單,我們現在來看看它的設計步驟和設計原則:

(1)確定網站的主題和風格:這個幾乎是所有在制作網站前都必須要做的事情。網站主頁的風格是瀏覽者對整個網站的普遍的感覺,是主頁的版式、色調及圖文組合的高度抽象。而網站的創意則是在設計之前對內容的選擇和表現形式運用的思考,力求個性的發揮,可以反映出制作者的水平。

(2)網站功能模塊的規劃:一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。

(3)制作軟件的選取:現在用的比較多的就是網頁三劍客了,這套軟件用起來還是非常的方便的,分別是Dreamweaver、Flash和Fire-works,當然他們的版本都是8.0的,制作的過程可能還會用到其他的一些輔助軟件,如Photoshop等。

二、電子商務網站設計中需要注意的問題

1、交易的信用問題。當前,從事電子商務的網站很多,淘寶、易趣等等。各個電子商務交易平臺均有自己的信用體制,無非就是:中介模式、網站模式、擔保模式和委托模式。以淘寶和易趣為例,如果使用現金通過郵局匯款或者使用銀行轉帳的方式進行交易,因為交易都是先款后貨,所以極有可能商品到手后感覺與網站上描述的多少有區別,更多的時被騙的感覺。這也是電子商務步履蹣跚發展緩慢的主要原因之一。如何更好的確保交易雙方滿意交易逐漸成為人們關注的問題。以淘寶和易趣為例,淘寶網可以使用支付寶進行交易,易趣可以使用安付通交易。交易時,貨款先支付在支付寶或安付通,收貨滿意后才從支付寶或安付通付錢給賣家,不必跑郵局、銀行匯款以及網上在線支付,方便簡單,極大程度上提高了交易雙方的信用問題,應該可以保證雙方的交易。但是,假如你買30元的物品,郵資15元,貨到后發現破損或者其它問題不滿意,以致退換,郵資又15,恐怕加起所有的錢可以在本地買到新的商品了,不是一手錢一手貨就沒有了交易的感覺。其實,除了使用類似支付寶、安付通等來提高交易雙方的信用問題以外,仍然需要交易雙方都能保持一個平和、寬容的心態來對待交易。

2、交易的安全問題。短信陷阱、短信詐騙、假銀行、后門程序、黑客木馬、注入漏洞等不良影響的出現,嚴重影響了交易的安全性。在淘寶、易趣網站上經過很簡單的查詢,你會發現有很多的商品(新)比現在的商場或網上報價低幾成,其的網站也煞有其事,查詢ip地址所在地:福建泉州居多。這不得不使人聯想到短信詐騙和網上詐騙的案件。如果使用郵局匯款怕早晚石沉大海,而假銀行的出現、黑客木馬也使得銀行轉帳極有可能落得雙手空空。而電子商務網站的目的只有一個,就是盈利、盈利還是盈利,只要完成交易就可從中“漁利”,往往忽視了對賣買雙方信息真實性的核實。雖然,支付寶和安付通在極大程度上能夠提高交易雙方的信用,提高交易的安全性,但針對交易雙方提供的信息的真實性以及交易的滿意程度還缺乏一整套科學、規范、成熟的監管機制,因此而產生的經濟糾紛可想而知會多么漫長。

三、網站風格和創意設計

網站的整體風格及其創意設計是人們最希望掌握,也是最難以掌握的。其難點在于沒有一個固定的模式可以參照和模仿。如果要設計和普通網站有區別的站點,則必須要研究網站的整體風格及其創意設計。風格(Style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受;風格是獨特的,是一個站點不同于其他網站的地方,或者色彩、或者技術、或者交互性;風格是有人性的,通過網站的外表、內容、文字和交流,可以概括一個網站的個性,情緒。設計網站的整體風格可以采用下列做法:將你的標志Logo盡可能出現在每個頁面上;突出你的標準色彩;突出你的標準字體;使用明朗上口的宣傳標語;創建一個站點的特有的符號或圖標等。創意(Idea)是網站生存的關鍵,作為網站設計人員,一定要有好的創意來源。創意是傳達信息的一種特別方式,它是思考的結果,也是現有要素的重新組合。比如,IP電話、在線書店、電子社區、在線拍賣等。

參考文獻:

篇2

JSP商務網站設計是一門WEB應用開發類課程,一般開設在??贫昙?,學習課程前學習前需學習前序語言基礎課程《計算機語言JAVA》,同時為后續的J2EE等相關課程打下基礎。JSP商務網站設計課程以職業技術能力培養為主線,要求學生掌握JSP基礎、HTML及頁面布局、JavaScript與正則表達式、JavaBean、Servlet技術、MVC模式以及基于MVC模式的WEB應用開發等內容。課程完成后要求學生具備掌握開發基本JSP網頁和JSP訪問數據庫技術以及使用MVC框架進行動態網站開發的能力。

三.基于CDIO的課程改革

針對JSP商務網站設計課程教學中所存在上述不足,我們將CDIO工程教育模式引入課程教學,根據CDIO的大綱和標準對課程進行了重新規劃,使之更符合工科實踐類課程的特點,增強學生的實際開發能力。在教材選擇上,針對工科實踐類課程這一定位,選取清華大學出版的《JSP編程技術》作為課程教材,該書實踐性較強且具有項目背景的教材,教材對知識點的覆蓋全面,每章都配有大量案例,全書貫穿一個完整的JSP開發項目。同時,對JSP技術所需一些相關技術也有一定的涉及,做到了知識全面、講述精準、代碼詳盡、案例豐富,非常適合作為高職高專計JSP商務網站設計課程的教學用書。在教學內容和方法上,采取任務驅動,案例與項目相結合的教學模式,并將分組教學與角色體驗融入課程教學之中,具體如下:

1)任務驅動與案例教學

將JSP商務網站設計課程的所有知識點劃分為10個任務模塊,以任務為主線引導學生進行相關知識的學習。每個任務模塊都設置了具有代表性的例題、習題和案例,通過案例來鞏固理論知識點。學生在案例設置的工作情境中通過學習相關知識完成任務模塊,培養學科性知識與工作過程性知識的有機整合、理論與實踐的結合,養成良好的JSP編程能力。

2)項目教學

課程從始至終貫穿網上報名系統這樣一個實際開發項目,將項目分解為各個任務模塊所對應的知識點,融入到每個任務模塊知識的學習中,將JSP技術知識與網上報名系統的各個模塊相對應,學生講所有任務模塊學習完成之后,也就完成了網上報名系統的整個項目開發。

3)分組教學與角色體驗。

傳動教學中,學生往往只與老師進行互動和交流,學生個人獨立完成課程的學習,缺少與其他同學的合作與交流,因而無法體驗實際的項目開發角色,也很難養成良好的團隊合作精神。在CDIO工程教育模式中,職業能力和態度以及團隊工作和交流都是CDIO大綱中所提出的重要內容,也是工程教育與傳統課堂教學的一個重要區別。針對這個問題,我們在實際教學中,采取分組教學與角色體驗相結合的做法,模擬實際的項目開發環境,將學生分成若干個項目小組,學生在項目組中分別扮演程序開發人員、數據庫開發人員、項目經理、測試人員等不同角色,一個小組構成一個項目開發團隊,組員之間圍繞項目進行交流溝通,培養團隊合作精神,樹立良好的職業態度。

篇3

1.觀察比較階段:在此階段,客戶搜尋和分析處理與所要選購的商品有關的各種信息,具有很強的客戶驅動性。這和在商場購物不同。商場有服務員,商品實物,可以促成交易,而網上虛擬商店不具備這樣的特點。只能以精心制作的、可用性強的網頁來吸引客戶、使客戶能方便地找到和了解他們想要的商品,從而增加成交機率。

2.付款結賬階段:此階段是電子商務行為的最重要環節,此時消費者由客戶驅動轉變為系統驅動,網站系統會引導客戶輸人一定的個人信息,如家庭住址、信用卡號碼等,同時提供付款方式和送貨方式。在這一階段應著重消除客戶對自己進行的各種操作所產生的結果的不安感。

因此,只有在電子商務網頁設計中充分考慮了人們的使用要求。才能促成一次成功的交易。網站設計的實用性對電子商務網站的正常經營和發展是至關重要的。

電子商務網站設計中的實用原則:

實現網站商務功能最大化的目標,給目標客戶提供方便、實用的信息服務,是電子商務網站設計的基本實用原則,包含以下幾個方面:

1.人性化的交互界面??蛻粼L問電子商務站點是為了獲取需要的商品或服務,所以網頁的內容必須突出重點,避免夸張,裝飾部分不宜太多,以免喧賓奪主。在內容編排上必須簡潔明了,便于瀏覽;信息數量比較大時應將其拆分成多個網頁。在電子商務網頁設計中還應當考慮殘疾人、病人等特殊人群的需要。

2.方便快捷的更新維護。電子商務網站要根據市場行情的波動隨時更新網頁上的價格信息,經常要提供新的商品或服務,并搞些促銷活動以刺激客戶的購買欲。設計時要考慮到內容更新的快捷簡便,在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。

3.省略。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鐘;若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要采用圖示或多媒體演示,以至不得不適當降低系統響應速度。

4.準確無誤的鏈接。整個Web實際上就是一個的巨大的信息空間。由于空間過大,并且各節點之間的鏈接關系錯綜復雜,用戶上網瀏覽時有可能發生“迷路”現象。Elm和Woods(1985)研究發現,用戶在網上“迷路”的程度與不熟悉文檔結構有直接關系。他們總結出有三種不同形式的“迷路”:①不知道下一步該去哪里;②知道該去哪里,但不知道該如何去;③不知道當前處于整個文檔結構中的哪一個位置。為減少和避免出現“迷路”現象,通常可采用兩種策略:第一是改變用戶界面,如采用導航地圖、多窗口顯示等技術;第二是對文本進行分析,改換超文本的結構及鏈接設計。提高超文本設計質量能更有效地減少用戶“迷路”現象。

5.界面的統一和差異。在電子商務網頁設計中,界面一致性也是必須加以仔細考慮的一個重要因素。一般認為,界面一致性主要體現在三個方面:指向性效果、系統的輸入與輸出之間的關系、界面的外觀或視覺效果。一些研究表明,增強界面一致性有利于提高用戶的操作績效和滿意度,同時還可減少操作錯誤。

6.美觀、比例、結構、布局。良好的視覺效果與強大的使用功能同等重要。界面美觀水平與使用者對界面可用性的主觀評價呈正相關,與操作績效也呈正相關。Schenkman(2000)總結出衡量網頁外觀設計質量的四個主要指標,即美觀、圖文比例、結構和總體布局。其中,美觀這一指標最為重要。

7.終端與載體的協調統一。電子商務網頁設計應適應客戶使用的各種類型的顯示器。應使用可用空間的百分比來規定布局。現在常用的網頁瀏覽器一般為Netscape和Internet Explorer,這些瀏覽器都有新舊版本。有時同一個網頁在不同瀏覽器或同一瀏覽器的不同版本上會產生很不相同的顯示效果,甚至有些網頁功能無法正常實現。作為電子商務網站,應注意網頁在這方面的兼容性。

8.信息安全保障?;ヂ摼W是一個標準開放的網絡,在網上進行各種商務活動,隨時可能將面對黑客的攻擊,病毒的侵襲等。因此,確保網上信息流通的系統安全十分重要。安全不僅僅是一個技術的問題,還涉及到系統的管理、法律法規的保障等。

9.可擴展設計定位?;ヂ摼W具有巨大的商務潛能,沒有人可以確切預計系統的最終訪問量和最佳的商務運行模式。因此網站設計的原則之一就是可擴展性。隨著企業網上平臺業務量的擴展和平臺訪問量的增長,系統應該能夠具有很強的擴展能力,以適應新業務的發展。

與傳統的購物方式相比,網上購物具有方便、快捷等優點。但是,虛擬商場和客戶在空間上只有通過網絡才能傳遞信息。因此,電子商務網頁在設計上必須符合人們的使用要求,最大限度地提高人們在網上搜索信息和進行其他各種操作的績效,并增強人們對網上購物的滿意度和安全感,才能創造出和諧愉快、美觀便捷的交易空間。

參考文獻:

篇4

一、電子商務網站概述

對于企業而言,電子商務網站已經成為其發展的重要基礎,是其對外展示信息、開展商務活動的主要界面與窗口。電子商務網站,實質上就是面向企業產品的消費群體或者客戶、供應商,提供直屬于企業業務范圍的交易或者服務。目前,電子商務網站處于電子商務化中間階段,因企業投入廣度、深度與行業特色的不同,電子商務化程度還可能處于一個初級產品列表、服務支持轉向較為高級的網上支付的階段。現階段,由于電子商務市場的逐漸擴展,很多企業開始將發展重點放在電子商務市場。與傳統三大媒體(電視、廣播、報紙)相比較而言,企業能夠對本公司信息予以自由的掌控,每一個消費者可能夠隨時予以持續性訪問,而且在法律法規范圍內可以自由的發表言論。因此,大多數企業將電子商務網站的創建當作投身電子商務事業的基礎。

二、電子商務網站問題分析

就目前來看,我國電子商務呈現良好的發展態勢,但是人們對于電子商務發展過程中存在的問題還缺乏全面的認知,特別是在電子商務網站方面。上世紀90年代初期,電子商務發展過程中,大多數從事電子商務的商家在發展過程中一味模仿其他人的電子商務模式,簡單認為擁有電子商務網站之后就可以全面開展電子商務活動了,而大多數電子商務網站均缺乏創新型、實效性,因此當互聯網泡沫出現的時候,大部分電子商務網站均會倒下,主要在于這些電子商務網站沒有任何的實際價值,從根本上來看,導致這一狀況發生的原因主要為電子商務網站構建過程中未重視一個根本性問題,即:電子商務網站的功能應當與企業經營戰略相對應,并且在設計方面應當將患者需求的滿足作為出發點。

三、電子商務網站設計中需要注意的一些重要事項分析

(一)電子商務網站信息的基礎為“文本”

“文本”作為互聯網信息的基礎,不能對來自圖像、動畫等一系列信息內容的重要性予以否認,且文本信息依然是電子商務網站信心的根本,應當將文本作為基礎,同時將圖像、動畫等當作附加的一種表現形式。由于文本是一種極易被搜索、辨別以及理解的表達形式,其在網站Logo中多選取圖文搭配形式,如拍拍網、當當網以及淘寶網等,而且文本在網站導航中也是主角,因此電子商務網站設計需要充分重視“文本”的合理化、科學化。

(二)重視主頁導航的清晰性與內容的簡潔性

與國外電子商務網站相比較而言,我國電子商務網站在內容上過于繁瑣,而國外電子商務網站十分簡潔,一些網站甚至無論壇。環球自愿、EC21、中國制造網等一系列國際類電子商務網站在設計方面較為簡潔,而萬國商業網、阿里巴巴網等中文站點的頁面非常豐富,內容也比較多,但是其英文站點十分簡潔,與外國人的風格特點十分相符?,F階段,我國大多數網名希望在有限的上網時間內了解與掌握更加豐富、有價值的信息,而不是在網頁中盲目搜尋雜亂的信息。因此,電子商務網站設計過程中,應當確保主頁導航的合理性,盡可能在導航設計中加入企業的形象,在此基礎上加深網站瀏覽者對企業的認知、印象。

(三)重視版面設計與圖像的合理性

通常情況下,優秀的電子商務網站版面設計應當嚴格遵循裝飾性原則、平衡性原則以及有序性原則,版面設計與圖形是否合理直接關系到瀏覽者對網頁的第一印象,圖片能夠在很大程度上增加網站的吸引力。例如:京東商城等一系列在線銷售產品的網站,需要通過圖片為用戶提供在視覺上極具吸引力的內容。網頁應當為產品銷售的促進服務,在色彩方面應當避免喧賓奪主,在此基礎上吸引瀏覽者的目光。

四、結語

一般公眾主要認為電子商務網站即為電子商務公司的一個代名詞,對于電子商務公司好壞的評價,第一印象主要是根據這一公司的電子商務網站產生的,所以電子商務公司十分重視電子商務網站的合理設計。電子商務網站設計過程中,應當意識到電子商務網站信息的基礎為“文本”,確保“文本”的合理化、科學化,還應當重視主頁導航的清晰性與內容的簡潔性,保證版面設計與圖像的科學性,進一步突出個性化服務,以此確保電子商務網站設計的完整性、優質性。

參考文獻:

[1]尚芳,吳賓賓.小型電子商務網站規劃設計研究[J].計算機光盤軟件與應用,2013,21:37-38.

[2]黃峻峰.電子商務網站設計中信息安全防御研究[J].信息與電腦(理論版),2015,23:56-57.

篇5

2.付款結賬階段:此階段是電子商務行為的最重要環節,此時消費者由客戶驅動轉變為系統驅動,網站系統會引導客戶輸人一定的個人信息,如家庭住址、信用卡號碼等,同時提供付款方式和送貨方式。在這一階段應著重消除客戶對自己進行的各種操作所產生的結果的不安感。

因此,只有在電子商務網頁設計中充分考慮了人們的使用要求。才能促成一次成功的交易。網站設計的實用性對電子商務網站的正常經營和發展是至關重要的。

電子商務網站設計中的實用原則:

實現網站商務功能最大化的目標,給目標客戶提供方便、實用的信息服務,是電子商務網站設計的基本實用原則,包含以下幾個方面:

1.人性化的交互界面。客戶訪問電子商務站點是為了獲取需要的商品或服務,所以網頁的內容必須突出重點,避免夸張,裝飾部分不宜太多,以免喧賓奪主。在內容編排上必須簡潔明了,便于瀏覽;信息數量比較大時應將其拆分成多個網頁。在電子商務網頁設計中還應當考慮殘疾人、病人等特殊人群的需要。

2.方便快捷的更新維護。電子商務網站要根據市場行情的波動隨時更新網頁上的價格信息,經常要提供新的商品或服務,并搞些促銷活動以刺激客戶的購買欲。設計時要考慮到內容更新的快捷簡便,在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。

3.最佳優化的網頁內容DOLCN.com。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鐘;若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要采用圖示或多媒體演示,以至不得不適當降低系統響應速度。

4.準確無誤的鏈接。整個Web實際上就是一個的巨大的信息空間。由于空間過大,并且各節點之間的鏈接關系錯綜復雜,用戶上網瀏覽時有可能發生“迷路”現象。Elm和Woods(1985)研究發現,用戶在網上“迷路”的程度與不熟悉文檔結構有直接關系。他們總結出有三種不同形式的“迷路”:①不知道下一步該去哪里;②知道該去哪里,但不知道該如何去;③不知道當前處于整個文檔結構中的哪一個位置。為減少和避免出現“迷路”現象,通常可采用兩種策略:第一是改變用戶界面,如采用導航地圖、多窗口顯示等技術;第二是對文本進行分析,改換超文本的結構及鏈接設計。提高超文本設計質量能更有效地減少用戶“迷路”現象。 5.界面的統一和差異。在電子商務網頁設計中,界面一致性也是必須加以仔細考慮的一個重要因素。一般認為,界面一致性主要體現在三個方面:指向性效果、系統的輸入與輸出之間的關系、界面的外觀或視覺效果。一些研究表明,增強界面一致性有利于提高用戶的操作績效和滿意度,同時還可減少操作錯誤。

6.美觀、比例、結構、布局。良好的視覺效果與強大的使用功能同等重要。界面美觀水平與使用者對界面可用性的主觀評價呈正相關,與操作績效也呈正相關。Schenkman(2000)總結出衡量網頁外觀設計質量的四個主要指標,即美觀、圖文比例、結構和總體布局。其中,美觀這一指標最為重要。

7.終端與載體的協調統一。電子商務網頁設計應適應客戶使用的各種類型的顯示器。應使用可用空間的百分比來規定布局?,F在常用的網頁瀏覽器一般為Netscape和Internet Explorer,這些瀏覽器都有新舊版本。有時同一個網頁在不同瀏覽器或同一瀏覽器的不同版本上會產生很不相同的顯示效果,甚至有些網頁功能無法正常實現。作為電子商務網站,應注意網頁在這方面的兼容性。

8.信息安全保障?;ヂ摼W是一個標準開放的網絡,在網上進行各種商務活動,隨時可能將面對黑客的攻擊,病毒的侵襲等。因此,確保網上信息流通的系統安全十分重要。安全不僅僅是一個技術的問題,還涉及到系統的管理、法律法規的保障等。

9.可擴展設計定位?;ヂ摼W具有巨大的商務潛能,沒有人可以確切預計系統的最終訪問量和最佳的商務運行模式。因此網站設計的原則之一就是可擴展性。隨著企業網上平臺業務量的擴展和平臺訪問量的增長,系統應該能夠具有很強的擴展能力,以適應新業務的發展。

與傳統的購物方式相比,網上購物具有方便、快捷等優點。但是,虛擬商場和客戶在空間上只有通過網絡才能傳遞信息。因此,電子商務網頁在設計上必須符合人們的使用要求,最大限度地提高人們在網上搜索信息和進行其他各種操作的績效,并增強人們對網上購物的滿意度和安全感,才能創造出和諧愉快、美觀便捷的交易空間。

篇6

21世紀的今天,互聯網開放環境下的電子商務發展,越來越注重服務器和瀏覽器模式做好新型商業運營模式的構建管理,及時的建立電子商務網站,實現企業業務之間的有效建立和分析,做好電子商務網站的大規?;芾?,加強互聯網特點的業務應用。在市場變化發展過程,結合互聯網業務多方面需求,進而做好電子商務網站信息的展示,盡可能的做好電子商務網站的多樣化發展,盡可能完善互聯網業務的多方面發展。當前網絡購物中心不同于典型電子商務網站,通過提供交易平臺,結合信息技術以及商務規則,進而實現商業貿易活動的管理,借助于電子交易方式實現商品的選購和管理,及時處理訂單實現網上支付,并做好庫存的管理以及客戶測評管理[1]。關于企業借助于網絡購物中心的交易管理過程,越來越注重交易范圍的大規模化管理,減少交易成本,并獲取更高的經濟效益和社會效益。

1 系統需求分析

考察分析典型電子商務網站之后,主要是分析企業多方面需求分析,做好系統建設目標的分析,進而在網絡購物中心網站操作分析,體現出系統較好的安全性,設置前臺和后臺兩個部分。前臺主要是會員中心、訂單查詢和用戶的注冊登錄。后臺主要是做好商品信息管理和商品類別管理,實現用戶信息管理以及訂單管理,在系統不同權限用戶管理過程,實現會員的注冊以及系統管理員的功能性分析。注冊會員權限的時候,主要是做好系統的登錄和交易管理,在用戶注冊過程結合用戶名和密碼進行登錄。會員中心信息查詢之后,結合個人基本信息,及時的修改個人的基本信息,做好訂單的有效查詢和分析,進而做好訂單日期的有效查詢和管理。購物車主要是選擇商品,可以修改商品時數量[2]。訂單查詢過程,主要是及時查看訂單。

2 系統設計

2.1 系統前臺設計

基于JSP的電子商務網站系統設計結構圖可以分為兩個部分,也即是前臺系統結構分別如圖1所示。

基于JSP的電子商務網站系統前臺設計階段,主要是做好商品展臺以及商品查詢管理,確定購物車以及收銀臺的規?;芾恚_定會員管理以及訂單查詢管理,進一步明確商品公告。在商品查詢過程,結合商品的類別以及商品名稱進行查詢管理。對于購物車的管理過程,主要是及時查看購物車,同時確定訂單信息,做好訂單的收賬管理,在會員管理過程,做好會員的人注冊以及會員的底層路處理。系統前臺同樣也注重商城的公告查看以及商城公告的分析工作。

2.2 基于JSP的電子商務網站系統后臺設計

關于基于JSP的電子商務網站系統后臺結構的設計,如圖2所示。

基于系統結構的設計,主要是結合三層B/S體系結構進行有效的設計,確定數據庫服務器以及系統運行保障工作,做好后臺數據庫的訪問控制和管理,進而在服務器的應用過程,加強JSP程序的事物邏輯封裝,實現數據庫的規?;行圆僮鲬肹3]。

應用JSP技術的電子商務構建階段,網頁設計人員通過確定開發視圖界面的優化設計,盡可能的做好控制層的開發設計。在Web Service的系統集成技術應用分析,系統數據通用性逐漸提高,同時模塊間耦合程度逐漸降低,系統擴展性逐步提高。JSP主要是結合視圖以及用戶交互界面的應用分析,實現網頁工作的負責性分析,在發出用戶請求的同時,確定視圖模塊設計,確定業務流程處理,基于實現模型的設計階段,實現控制器的優化處理應用,并做好客戶動作控制器的多樣化設計和應用,實現數據的規?;幚矸治?。

2.3 數據庫設計

基于JSP的電子商務網站數據庫設計過程,主要是結合AQL SERVER數據庫進行管理,數據庫名稱采取saleonline進行處理,數據庫的邏輯表分析階段,確定表的結構。關于商品大分類信息表用tb_superType表示,實現商品類別信息的有效保存。如表1所示。

3 系統實現

基于系統的實現,以圖書銷售系統的功能模塊實現為例,通過在線購書子系統的設計,實現用戶網站的登錄和g覽,同時做好圖書信息的查詢以及圖書的購買,借助于訂單信息的查詢功能,及時的提交個人資料,做好數據庫的功能性分析和管理,在填寫登錄功能的同時,盡可能的做好瀏覽網站銷售圖書信息的分析[4]。

圖書信息的查詢以及購物車的管理,并確定訂單信息,分析已購買圖書名稱和類型,實現在線圖書館銷售系統的體系結構。三層結構設計的應用過程,結合JSP技術的應用,以至于在線購書子系統的操作界面,實現了用戶的注冊和管理,同時確定了圖書詳細資料,實現圖書信息的有效查詢和管理[5]。確定購買功能也可以顯示用戶已經選購的圖書信息,實現已選圖書的刪除和修改工作,并提交已經購買的圖書信息。

4 結論

總而言之,基于JSP技術的電子商務網站設計,就要積極構建電子商務站點,結合電子商務網站的規模化設計和應用,體現系統較好的穩定性和安全性,并做好系統知識技術的有效保障和應用,圖片傳統商業活動模式,在新商務思維模式發展階段提升商業價值,獲取更大的經濟效益。

參考文獻:

[1] 聞永萍.基于JSP的電子商務網站開發[J].信息安全與技術,2011,8(11):92-94,103.

[2] 錢誠.在線圖書銷售網站設計與實現[J].計算機光盤軟件與應用,2011,12(24):209-209.

篇7

技術

簡介

隨著網絡經濟的到來,.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著,李萬倫等譯.程序設計.清華大學出版社

篇8

一.二搜尋界面

當用戶查詢自己所需的商品時,運用搜尋功能會很利便,能夠提高效力、節省時間。用戶搜尋時,只要輸入商品癥結詞,就能夠查詢所有相干的商品,而且列出這些商品的詳細資料。還可以通過先進的查詢方式,按不同前提進行精準的查詢。

一.三購物車界面

在購買商品的進程中,連接校驗臺以及用戶的1個癥結環節是購物車。用戶登錄勝利的情況下,如果找到想要購買的商品,只要點擊右邊的購買商品按鍵,商品就會放入購物車,用戶需要肯定訂購的數量。在購物車列表,顧客可查看購物清單,利便對于商品的數量進行修改或者刪除了。

二數據庫設計

數據庫信息系統是極為首要的。公道的數據庫結構設計可使系統機能更為完美,包含數據庫結構的設計、系統的運行效力、系統的繁雜性、數據存儲的效力等。系統需要依據數據類型的請求設計功能,包含數據庫表設計寬、長等相干信息。用于購物網站的數據種類良多,而且內容不均衡,請求在實際調研以及需求分析的基礎上,根據必定的原則進行設計:規范性,系統的數據庫設計,即數據表中知足第3范式,公道設計數據庫表;客觀性,既是表中的數據不能來源于主觀想象,只能是客觀存在的數據;可擴大性,既要斟酌利便編程,也要盡可能減少數據庫結構的復雜,實現更為規范的模式。但每一個數據表應當留出必定的備用字段,以利便往后保護。

三電子商務網站的實現

三.一電子支付手腕

各種網上支付方式中,信譽卡支付是最受歡迎的1種,擁有快捷、利便、可靠、安全的優點。良多網站管理信譽卡支付是通過自動電子轉賬的方式。還有1種支付方式是以銀行轉賬支票支付,跟著銀行業的發展以及聯合,銀行轉賬支票已經逐步成為1種比較成熟的支付方式。包含淘寶在內,國內的購物網站普遍支撐多種付款方式,包含銀行轉賬、信譽卡付款、支票、銀行匯票等,有些網站乃至提供貨物付款方式。

三.二商品的物流配送

國外的電子商務網站乃至與大聯邦快遞公司等企業合作,來運送他們的產品。而國內的網站大多依托郵遞,但這類方式其實不理想,由于受之前郵購商品的不良影響,現階段顧客對于郵遞普遍仍抱有戒心。目前,直接由商家現有的傳統分銷網絡來運輸貨物是最佳的方式,能夠使顧客放心購買。但其與網上購物的特色不符合,也不是所有商家能辦到的,只能做為1種暫時的替換行動。

三.三網絡通訊安全

通過網絡實現電子商務系統的基礎網絡服務平臺是1個網絡通訊安全層,作用是加強網絡走訪節制,提供安全的通訊服務平臺,避免非法用戶通過非法手腕進入內部網絡,以避免非法掃描以及走訪內部網絡資源。

三.三.一加密技術

篇9

高等職業教育的目標是培養高素質高技能型人才,故在課程標準設計時應以提高學生的實踐能力(即工作能力)為主要任務,也就是要突出各課程的專業性和實踐性[1]。電子商務專業培養的是從事具體電子商務業務操作的人員,應具備基本的商務運作能力和電子商務網站設計開發、運營和管理能力;《電子商務網站設計》課程正是為了培養學生后者能力而開設的課程,作為電子商務專業的核心課程之一,其主要任務就是使學生掌握電子商務網站開發技術與電子商務網站設計方法,了解電子商務網站的構架、網站運營管理和推廣等方面的知識。筆者在講授這門課程的過程中,發現電子商務專業的學生在經過一年半的電子商務基本理論、計算機網絡和網頁設計等知識的學習后,對知識的實際運用有更多的興趣,課堂參與意識較強,但在教學中也發現了一些問題,針對這些問題和學院教改的要求,總結了一下我在教學中的改革措施,供大家參考。

一、教學中發現的問題

《電子商務網站設計》作為實踐性和專業性很強的課程(表1),課程內容涉及網站系統分析、總體規劃、網站設計和網站管理等相關知識,需要學生動手參與;教學方法上要以實踐為主導,側重提升學生的設計與動手能力,與電子商務網站設計工作崗位無縫銜接。

然而常規的教學方法,會帶來了下列問題:(1)強調“理論”+“實驗”的方式來組織教學,任課教師先根據教學大綱要求,安排各章節的教學內容,再根據章節或知識點安排學生實驗。這樣一章一節的推進,雖然方便教學,但學生缺乏綜合應用能力,創新意識也得不到培養,在整個網站布局規劃、總體設計、內容編排、數據庫設計上存在問題,缺少網站設計的全局把握。(2)由于按章節進行教學,在實驗內容選取上必然緊扣教材,雖然強調了技術細節,但由于缺乏真正意義上的實踐應用,對學生的指導性不強,實用性較差,造成與社會實際脫節很大,使網站設計的理念不能很好被詮釋,教學效果受到很大的影響。

二、教學中的改革措施

為了更好的上好這門課程,以及響應學院教改的要求,本人就該課程的教學方法、教學內容、教學考核、實踐環境和產學結合方面做一些改革措施,措施如下。

(一)教學方法項目化

在本課程的教學過程中,我們提出的是“目標+項目+情景”的三位一體教學方法[2],即學生學習有目標、教師教學有項目、實際教學有情景,真正體現高等職業教育的特點,也使學生真正能夠做到學有所用。這里的項目不同于一般的教學案例,由教師為社會企業開發的實際運行的網上書城項目,之所以強調項目的實際性,目的就在于解決教學與社會實際脫節的問題,以項目串聯全課程,從需求分析到最后網站、運營整個過程,貫穿在教學過程中,以項目所涉及的問題為線索,組織整個課程內容的教學,做到“教、學、練、做”四者有機結合。

具體來說我們采用的項目化教學方法是:(1)示范操作講解:將網站制作需要的知識點融入實際運營的網上書城項目中進行講解示范。(2)模仿操作訓練:模仿老師講解的方法,制作網頁效果,理論與實踐相結合,學會做網頁。(3)拓展實踐訓練:根據前面所學習的操作方法,按網上書城項目要求,自己動手制作網站,由學生自己選擇自主色彩搭配、頁面布局設計效果圖。(4)階段測試訓練:根據網上書城項目所包含的主要功能模塊:登錄、注冊、商品搜索、購物車、訂單管理、商品信息維護等,由學生按照順序完成相應模塊的開發。(5)項目實戰訓練:全面運用所學習的知識和所掌握的技能,按照企業開發網站的流程,將前面設計的網頁和各個模塊進行鏈接,形成一個完整的網上書城網站。

(二)教學內容模塊化

根據網上書城網站開發的過程,我們可以把教學按網站開發過程組織成網站需求與規劃、網站主頁設計、網站前臺設計、網站后臺設計四個子項目來操作,然后再分別對子項目進行模塊化設計;如網站主頁設計可以分為LOGO設計、網站布局及導航、網站配色方案和圖片處理等模塊;網站前臺設計可分為商品展示、用戶登錄、購物車、訂單管理等模塊;網站后臺設計可分為用戶管理、商品管理、訂單處理等模塊。每個模塊下面可按實踐知識和理論知識來組織教學內容,前后銜接的各個模塊,構成了網站建設的主線,不同的模塊承擔不同的教學任務,講授不同的教學內容,讓學生在現實環境中獲取知識。如網站的需求規劃的教學模塊,可以從需求分析開始,規劃設計過程,并形成相應的文檔資料,包括內容規劃、技術規劃等。通過這種模塊化層層推進的教學方式,不僅把教學內容在實踐作了詮釋,而且學生“邊學邊做”,更容易接受,課堂效果顯著提高,實現了“越做越精”。使學生從課程開始就圍繞著一個典型項目進行教學和實踐,不僅熟悉了網站設計的流程,而且掌握網站建設的具體操作方法。

(三)教學考核過程化

教學內容的模塊化,決定了課程采用“過程+作品”的考核模式。實踐表明,《電子商務網站設計》課程的考核最佳的方式應該以學生實際做的網站作品作為考核的主要內容,整個教學過程中,不同的階段完成不同的任務,每個模塊或子項目結束我們就可以對學生的作品進行考核。過程考核對教師而言,通過學生作品的不斷反饋來促進教學質量的提升,課程結束,學生的網站作品也基本形成了,這時可以按學生的網站作品進行整體考核,結合過程評分,完成課程考核。

(四)實踐環境企業化

在電子商務專業實踐環境建設方面,我院一直大力投入,不僅建成有電子商務實訓室、商務英語等實訓室,還新建了網上創業孵化實訓基地(圖1),基地是由淘寶網和我院合作共建,淘寶網提供網絡創業平臺及相關網絡資源,在學院提出要加強電子商務專業實訓條件建設后,我們積極調研,先后參觀學習了多所高職院校和電子商務企業,最終鎖定淘寶網,我們要讓我們的學生學會創業,因為近年來大學生創業問題越來越受社會的關注,大學生經過多年的教育以及高職院校學生難就業等問題的突顯,鼓勵大學生自主創業必將成為大學生就業之外的新領域,值得我們去引領和探索。

目前基地通過企業化運作,積極開展各類電子商務創業技能競賽(圖1),各類創業方案在基地開花結果。

(五)產學結合無縫化

以項目帶動校企合作,走產學結合之路[3],項目化教學的優點是無現成的、開放的和可操作的,這就要求老師課前要精心組織、學生要有興趣參與和企業要舍得要投入,只有三方積極配合才能實現。在教學中我們積極和淘寶網等網絡公司合作,為淘寶網等設計方案,參與設計,在設計過程中淘寶網等給我們提出寶貴意見,我們進行修改和完善,老師和學生都在項目中取得進步。(1)作品即產品,學生在教師的指導下,不同的階段完成不同的任務,課程結束,學生的網站作品也基本形成了,這時可以按學生的網站作品進行整體考核,優秀的網站作品進一步優化后可以轉化為產品。(2)學習即學徒,學生全程參與網站調研、設計、測試和使用,使學生掌握網站建設的所有知識,學習的項目化,不僅培養了學生的動手、動腦的能力,還了解了企業網站的真實運作,學習的過程也就是學徒的過程,進入工作崗位可以直接參與企業網站建設。

三、總結

從實踐來看,《電子商務網站設計》課程改革后,學生的學習目標明確,學生的學習興趣有大幅提高,知識內容的實踐性更強,學生通過完成具體網站項目的工作過程訓練,使學生獲得普適性的工作過程,實現網站創作過程的完整訓練,培養了學生的網站設計的創造力和獨立性,全面培養學生的綜合素質,激發學生關注未來的職業需求,同時也加強了校企合作。

參考文獻:

篇10

一、課程現狀

目前各高校《電子商務網站設計》是以培養學生的網站信息管理與編輯技能為主要目標。該課程涉及到商務網站規劃設計、站點素材的搜集與編輯、網站功能實現和頁面制作、網站與管理等多方面的知識和技能 , 涵蓋內容廣 , 實踐性很強。主要講解如何應用“網頁制作三劍客”創建和管理網站、網頁的制作及鏈接、圖片素材的編輯處理等 ;使學生了解如何規劃并建立站點,掌握制作網頁的基礎知識,能熟練利用“網頁制作三劍客”的強大的功能制作出精美的網站。另外,為了使學生掌握制作動態網站的技術,一般還會講授“動態網頁設計”內容,使學生掌握一門網頁編程技術的基本概念、基本原理、學習制作動態網站。如在該課程中介紹 ASP 技術,掌握 ASP 的編程環境 IIS 的構建與配置 ;掌握 ASP 的編程語言VBscript 和Javascript 的語法 ;掌握 ASP 與數據庫的連接與操作。

二、存在的問題

現有課程現狀的安排導致本課程的教學存在以下誤區 :教學內容基本停留在對工具的使用或語言的學習及掌握上 ;內容偏計算機,學生很難學懂 ;特別是電子商務專業學生以文科生來源為主,學生程序設計學習很少,對于動態網頁編程技術很難掌握。內容太多,目標性應用不強,學生沒興趣學;理論內容與實踐內容相互獨立, 在實際應用中一般先講工具軟件、數據庫、編程語言的使用,再讓學生實踐,理論與實踐各自有各自的計劃和目標,理論基本不能為實踐服務。電子商務技術發展迅速,建設小型電子商務內網站的工具也越來越傾向于模版式的傻瓜式操作,在教學過程中教師教授的理論知識的獲取來源于書本及網絡,沒有到目標公司實地調研的經歷,因此在課程講解中缺乏市場需求依據,照本宣科,使電子商務網站建設與管理課程缺少了“真實性”,由此學生對本學科的態度容易產生無用論。

三、“項目”+“案例”教學模式構建

“項目”教學是指電子商務網站建設課程以項目的開發作為教學的總目標,項目可分為若干“案例”,第一次課時教師將項目背景闡述清楚,讓學生清楚的知道學完這一門課之后能解決怎么樣的問題,將掌握怎么樣的技能,將會具體實現什么樣的應用。建立起學生的學習興趣?!鞍咐苯虒W是指課程教學中以典型案例劃分教學內容,以案例引導課堂教學,以案例引導學生知識點的掌握,以實際案例為剖析對象,教師指導下教學和學生共同參與案例的分析、討論以尋求實現方法,實現理論與實踐一體化。

表一:課程項目――案例分解表

項目過程 子項目 案例

需求分析階段

項目一初識電子商務網站

案例一從傳統商務到電子商務

案例二電子商務網站的概念、功能與特點

案例三成功案例分析

項目二電子商務網站規劃 案例一電子商務網站需求分析

案例二域名策略與ISP選擇

案例三服務器解決方案

系統設計階段 項目三電子商務網站設計

案例一網站結構設計

案例二網站內容設計

案例三網站風格、創意與形象設計

技術準備階段 項目四運用HTML編寫網頁 案例一HTML入門

案例二運用HTML布局頁面

案例三建立超鏈接與圖像處理

開發階段

(技術分解學習) 項目五“春江翠堤”網站界面設

計 案例一網頁導航欄制作

案例二網頁Logo制作

案例三網頁Banner制作

案例四網頁頁面編排

案例五網頁切片

項目六“春江翠堤”網站動畫制

作 案例一“廣告語”打字效果動畫制作

案例二網頁Banner動畫制作

案例三圖片切換播放效果制作

案例四網頁Banner完善

案例五Flash廣告制作

項目七“春江翠堤”網站制作 案例一網站制作基礎入門

案例二構建本地站點

案例三布局首頁表格

……

案例十三站點的與維護

強化開發過程

項目 項目八網上書店制作實例 案例一《網上書店》功能設計

案例二《網上書店》站點規劃

案例三《網上書店》網頁制作-圖書瀏覽模塊

篇11

Business Website Design and Production Curriculum

Reform Based on the Real Enterprise Projects

TENG Yan, WANG Xin, LIN Bing

(College of Business Administration, Shandong Institute of Commerce and Technology, Ji'nan, Shandong 250014)

Abstract In our school e-commerce professional conduct "Teaching MBE-CDIO's" background, focus on reform ideas "Business Website Design and Production" course, content design, organization and implementation process. Courses positioned "MBE-CDIO Course System" and clearly technology, capacity, quality and other teaching objectives, the project will introduce the real business of teaching students in the form of participation in the project team throughout the project development and the use of the process of assessment methods showcase the enterprise views as an important assessment criteria into the evaluation system. Two pilot curriculum reform, teaching effectiveness previews.

Key words MBE-CDIO; real enterprise project; project-oriented; process assessment

1 高職電子商務專業網站建設課程概述

1.1 高職電子商務專業網站建設課程現狀

自從我國高職院校開設電子商務專業以來,其核心課程電子商務網站開發類課程的教學效果一直不盡如人意。筆者已在山東商職學院承擔電子商務技術教學工作多年,通過各種方式對國內二十多所高職院校電子商務專業進行了相關課程教學內容和教學效果的調研,發現諸多院校電子商務網站開發課程以教授靜態網站制作為主,能真正理解、開發出實用的商務網站的學生近乎為零,即便是帶有基本會員功能的簡單企業展示網站,學生也不能很好理解,更不用說幫助企業做網站規劃、運營維護等工作。

我校電子商務專業對人才培養目標進行重新研究、梳理、定位,重點向商務偏移,明確了商務網站課程不應以教會學生開發技術為教學目標,而應該教授學生具備理解動態網站原理、能對企業網站進行規劃和改版的能力。

1.2 我校電子商務專業網站建設課程現狀

我校電子商務專業自2000年開設該課程以來,授課內容一直根據社會需求不斷調整。2008年課程名稱確定為網頁制作,內容從原來講授網頁制作三劍客等軟件操作為主,調整為講授HTML基礎知識及應用為主,輔以Dreamweaver軟件操作,并在后續學期開設網頁制作腳本語言,注重學生編程思想和代碼讀寫能力的培養。

2009年,經調研我們對專業人才培養進行了較大的調整,降低對學生開發技術的要求,開始重視學生對網站運營的整體理解、網站的維護更新等能力的培養,課程調整為網頁設計與美化、ASP動態網站規劃兩門課程,分兩個學期開設。其中ASP動態網站規劃重點講授動態網站基本原理,引導學生進行網站規劃,并加入網站的、維護、更新等教學內容。

2011年,專業人才培養在做過大量調研的基礎上,再次進行重大調整。我們發現社會對電子商務人才的要求很大一部分是“商科能力和素質”,并且定位了電子商務專業的三個崗位目標(網絡營銷主管、電子商務運營主管、網絡客服主管)。因此課程進行了較大調整,課程名稱確定為商務網站設計與制作,分兩個學期開設;并嘗試將校企合作單位的真實企業網站開發項目引入教學。經過改革和建設,該課程作為“電子商務專業核心課程群”中的一門被評為校級精品課程。

圖1 商務網站設計與制作課程教學目標

2012年,專業進行了“MBE-CDIO教學改革”,提出一個覆蓋商業職場環境、體現完整生命周期的教學設計。同時教學大綱分解了專業人才培養所需完成的素質、能力和知識目標,構建了電子商務專業教學主線的9級進階項目,更加明晰了商務網站設計與制作在人才培養中的作用和地位。

2 基于真實企業項目的課程設計理念

課程內容的設計、組織服務于專業人才培養目標。2012年專業教學采用“MBE-CDIO一體化課程體系”模式,確定商務網站設計與制作的課程目標共計28項(見圖1),包括1項技術知識、13項勝任工作的能力、5項進階能力的教學任務,9項素質教學關鍵點穿插其中,保障了課程體系的實施效果。

為了確保教學目標的完成,課程引入“心欣農產品交易服務平臺”(http://)真實的企業項目背景,讓學生完成“心欣平臺前臺頁面規劃及設計”(從需求分析規劃設計制作實現測試運行維護整個生命周期),和“心欣平臺后臺改進規劃與實施”(從改進需求分析概要設計詳細設計整合測試運行培訓文檔設計整個生命周期)兩個實戰項目;最后,用“心欣農產品交易平臺”的改進效果來檢測課程教學目標的完成情況。

課程的項目化教學在教學做一體化的教學環境中開展,學生以項目組的形式參與項目學習全程,掌握網站需求分析、網站建設、網站優化、網站維護等專業知識的同時,更鍛煉了團隊合作能力、溝通能力和創新意識等綜合素質。

3 基于真實企業項目的課程內容體系建設

3.1 課程內容體系設計

課程內容設計基于兩個原則:(1)實現教學目標;(2)以真實企業項目覆蓋商業職場環境下的完整生命周期。

教學目標涵蓋了人才培養目標中的9項素質關鍵點、1項技術知識關鍵點、13項能力關鍵點和5項進階能力關鍵點。這28個關鍵點,是通過將兩個真實企業網站項目(心欣前臺頁面內容規劃與設計項目、心欣后臺改進規劃與實施項目),引入實際教學過程中實現的。具體內容規劃,則依據CDIO(Conceive構思、Design設計、Implement實現和Operate運作)理念,按照軟件工程的思路進行組織。(1)靜態部分以Web標準HTML+CSS內容為主,引入“心欣前臺頁面內容規劃與設計”項目貫穿。(2)動態部分重在培養學生的商務網站規劃、優化及維護能力,使學生對具備交互功能的動態商務網站有一個全面認識;注重培養學生對項目或系統的完整生命周期的理解,要求學生從需求識別、需求分析、規劃設計,到測試、更新維護、運營管理等環節全程參與,并注重對學生策劃并撰寫系統應用文檔的能力的培養。

3.2 課程內容體系組織

課程內容用“心欣農產品交易平臺”的優化改進項目貫穿,整個教學過程劃分為五個子項目進行。每個子項目又分解成了專業知識、實訓操作、項目實戰和展示型考核四個模塊。學生以項目組的形式,參與項目全程。其中,實訓操作模塊將授課中涉及的實踐操作加以應用并鞏固;項目實戰模塊則將真實項目分解為子項目進行實施和檢驗;展示型考核模塊在各子項目中是比較重要的模塊,各項目小組在項目實戰模塊中完成的任務需要進行展示、答辯,必要時將作品向企業推薦,并將企業評價和反饋意見作為重要考核指標。

課程共計64課時,分別安排在第二學期、第三學期進行。第二學期進行網站前臺的規劃設計和實現,分配24課時;第三學期進行網站后臺的規劃設計和運行維護,分配40課時。兩學期均在教學做一體化教室展開教學,實踐比例100%。子項目的具體內容組織、授課內容課時分配見表1。

3.3 課程教學方法與手段

(1)用真實項目貫穿課程內容,學生以項目組的形式參與項目開發全過程:用兩個真實項目開發過程為載體組織教學內容,以教授方法、技巧為主;學生以項目組的形式參與項目開發全過程,邊學邊做,把學到的方法和技巧在項目開發過程中立即實踐,并在實踐過程中組織討論、互動;根據每個項目組的反饋情況完善教學內容、安排進度。

(2)采用教學做一體化方式,考核方法取消筆試,采用展示型過程化考核。各子項目結束時,學生項目組都要進行成果展示、答辯,檢查并共享學習成果;根據老師提出的修改意見進行修訂,并制定下一子項目實施計劃。項目全部結束時每個項目組實現的都是一個完善的、可、可供企業實際應用的網站,作品以企業是否采用為主要考核標準,激發學生的競爭意識和學習興趣。

(3)利用云空間加強互動學習和資源共享。利用世界大學城云空間教學,加強學生與老師之間、學生與學生之間的互動和資源共享。課程將教學目標關鍵點分解,形成26項工作能力點,一一對應了26個能力關聯表格化教案,見圖2。

圖2 商務網站設計與制作表格化教案

4 結束語

以真實企業項目為教學背景的課程改革,目前已經試行兩屆,教學成效初顯。學生對這種用真實企業項目貫穿的、項目導向在實踐中學習的教學方法充分肯定,學生作品也得到合作企業的認可。當然,在運作過程中,我們也遇到一些困難、發現一些問題,需要進一步改進和加強:(1)企業真實項目一般對項目完成時間、網絡安全方面有較高的要求,課程中實現有難度;(2)項目開展和學生的實踐訓練若能在一段時間內集中完成,既能滿足項目開發需要,又有助于學生高效學習,但不符合學校的教學計劃,難以實現;(3)學生作品為企業采用之后,后期網站的維護更新無法保證。

課程組會在以后的建設過程中盡力克服以上困難,將課程改革的有效部分繼續完善、推進、發展。

參考文獻

[1] 王鑫,王華新.CDIO重塑高職電子商務專業教學[M].北京理工大學出版社,(第1版).2013.1.

[2] 王天寶,程衛東.基于CDIO的創新型工程人才培養模式研究與實踐——成都信息工程學院的工程教育改革實踐[J].高等工程教育研究,2010:1.

篇12

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.

篇13

1.關鍵詞統一,避免用詞重復

面包屑導航的存在就是為了讓用戶能最直觀的了解自己所處的位置,因此,用詞精簡直接并且唯一,是面包屑必須遵守的原則。也就是說,每一個產品頁面都有屬于它的唯一導航,這樣能減少用戶在購物時產生的疑問。在用詞方面也要盡量避免有歧義的用詞,京東的面包屑導航在這方面做的就不夠好(如下圖)。

一級分類和二級分類分別為“家用電器”和“生活電器”,這兩個含義相近的詞匯增加了用戶的思考時間。因此,近義詞和平級詞匯應該在面包屑中盡量避免。

淘寶網中的面包屑就相對直觀。從“所有分類”到“女裝”再到“羽絨服”,每一個大分類都沒有重復性,讓用戶能在第一時間做出反應。

2.顯示層級頁面的產品數量

用戶使用面包屑的目的主要有兩種,一種是想要返回上級,第二種就是查看頁面中展示產品的類型。在用戶的實際操作中,這兩種需求的重要程度不分上下,但是大多數電商網站都忽略了后者。其實,這方面的改善并不困難,只要在層級頁面的分類中展現出商品的數量,用戶就能很清晰的看到所需商品的種類數量,便于用戶挑選。

優購時尚商城的面包屑導航就注意到了這方面的小細節。系統會根據用戶對條件的篩選自動抓取商品種類的數量,讓用戶根據商品的實際情況進行選擇。

3.分類少也能使用面包屑

傳統意義上都建議當網站的層級分類很多的時候可以使用面包屑,如果網站分類較少就可以省去這個部分。但筆者認為,面包屑還能有助于用戶明確產品定位。當用戶對產品沒有目標性時,定位式面包屑就能讓用戶擁有更加順暢的購物體驗。

聚美優品的商品分類其實并不算少,但他們仍然選擇使用定位式的面包屑設計。設計師將產品大分類和用戶容易更改的部分做了一些小間隔,便于用戶對條件進行修改。

4.使用具有指向性的符號

面包屑的從用戶體驗上來說是一個“重要的小角色”,既要讓用戶看得清楚,又不能太醒目,因此,在色彩上主要以黑、灰為主,形狀上可以采用單獨連接符號,多考慮關鍵字之間的包含關系,并且具有指示性。

亞馬遜網站的面包屑在符號上用戶體驗很不令人滿意,“:”既不能明確的顯示出字詞之間的概括性,指示性也遠不如箭頭那么直接。

而魅力惠的面包屑符號就滿足了所有的標準,符號顏色和字詞相同,大小也很適中,讓用戶在有需要的時候能馬上找到它,但又毫不耀眼。

5.降低干擾

面包屑導航的設計應該始終遵循這樣一個經驗法則:它不應該抓住用戶的注意力。一個稱職的面包屑一定不能起到主宰頁面的作用,低調的扮演著協助主導航的角色,讓用戶在購物時完全不受到它的干擾。

銀泰的面包屑設計不像大多數網站選擇全透明背景,而是使用了與周圍背景色很相近的灰色。這種做法很容易讓面包屑就此融入全局中,不產生用戶使用時的任何困擾。

6.避免重復主導航的形式

現在的電商網站都很熱衷于在小細節上做文章,他們的出發點是希望在細節中體現出優良的用戶體驗,就比如在原本簡單的面包屑中添加下拉菜單。網站方認為這樣做能讓用戶在更短的時間內找到自己需要的商品,但其實意義并不大。

以一號店為例,電子商務網站的主導航基本都有下拉擴展分類的功能,所以,面包屑導航如果也采用相同的形式就會變得很重復,而在實際功能上其實差異也不大。

京東的網站就避免了這一點,主導航是常規的下拉菜單形式,面包屑的設計也比較簡單明了,沒有過多的功能。

7.盡量精簡層級

精簡面包屑導航層級原因不僅僅為了提升用戶體驗,也為了利于搜索引擎的抓取。盡量把面包屑控制在4個層級以內,對用戶視覺和SEO都有很大的好處。

唯品會的面包屑就顯得過于拖沓繁瑣了。雖然從分類上來說比較精細,分門別類十分清晰,但是“傻瓜式”的面包屑更適合實際使用。

蘇寧易購的面包屑與唯品會的風格就完全不一樣,蘇寧易購的面包屑默認控制在4層以內,其他的多元化選項在另外一個區域中存在,降低了用戶在使用時的受干擾程度。

8.在面包屑中使用關鍵字

面包屑對于網站的SEO有著很大的影響作用,因此把握關鍵字的設置也許能為網站帶來更多的流量。

友情鏈接