淺析基于HTML5的唐卡微電商平臺設(shè)計(jì)與實(shí)現(xiàn)論文

　　引言

　　隨著西部大開發(fā)的不斷深入，西部地區(qū)在經(jīng)濟(jì)和基礎(chǔ)建設(shè)方面有了很大的提高，神秘的青藏高原又是人們向往的圣地，因此進(jìn)入青藏高原旅游的人數(shù)也日益劇增，人們對當(dāng)?shù)氐奈幕私庖簿褪制惹?，尤其是熱貢藝術(shù)的珍品唐卡，受到眾多游客的關(guān)注。雖然網(wǎng)上有好多關(guān)于唐卡的售賣網(wǎng)站平臺，但是這些網(wǎng)站缺乏相應(yīng)的專業(yè)性和個(gè)人定制功能。唐卡是純手工制品，制作周期較長，售賣形式不同與其他商品。如何應(yīng)對這些問題，我們設(shè)計(jì)并實(shí)現(xiàn)一個(gè)跨平臺的基于HTML5的“唐卡”微電商平臺，實(shí)現(xiàn)唐卡信息的不斷更新和共享，快速幫助唐卡需求者或者唐卡衍生品的需求者提供一個(gè)專業(yè)的平臺，既能實(shí)現(xiàn)畫師和消費(fèi)者之間的在線交互，提升唐卡及其衍生品的在線訂購效率，增加了畫師的收入，又對唐卡藝術(shù)進(jìn)行了很好的宣傳。

　　1 系統(tǒng)分析

　　通過對網(wǎng)上大多數(shù)唐卡產(chǎn)品售賣網(wǎng)站的分析和調(diào)查，基本確定了“唐卡”微電商平臺的幾個(gè)大的要求，消費(fèi)者憑借注冊賬號合法登錄，畫師也要通過注冊才能登錄，以保證雙方的合法身份得到驗(yàn)證，保證了雙方的信息安全，盡最大可能實(shí)現(xiàn)唐卡信息的'匯總、更新。實(shí)現(xiàn)畫師和消費(fèi)者的及時(shí)溝通和了解，使得消費(fèi)者對自己的想法和需求在溝通上做到盡善盡美，在前臺設(shè)計(jì)上簡單大方，易操作，信息展示內(nèi)容豐富，更新及時(shí)，系統(tǒng)運(yùn)行安全穩(wěn)定。根據(jù)以上要求，將使用者分為兩類，客戶和系統(tǒng)管理員。系統(tǒng)管理員主要進(jìn)行用戶管理、唐卡管理、唐卡類型管理、訂單管理、評價(jià)管理、收藏管理等。用戶根據(jù)自己的需求下訂單，系統(tǒng)及時(shí)響應(yīng)客戶訂單，并在第一時(shí)間確認(rèn)訂單是否成功，訂單確認(rèn)成功后，可以及時(shí)推送跟唐卡有關(guān)的相關(guān)產(chǎn)品，以便使售賣量最大化。

　　2 系統(tǒng)設(shè)計(jì)

　　“唐卡”微電商平臺系統(tǒng)采用最新的超文本標(biāo)記語言HTML5和ASP.NET技術(shù)開發(fā)，基于運(yùn)行平臺是Microsoft Windows 7系統(tǒng)的環(huán)境下，利用Microsoft Visual Studio 2010功能強(qiáng)大的集成開發(fā)平臺，后臺數(shù)據(jù)庫采用Microsoft SQL sever 2008來存儲數(shù)據(jù)。

　　2.1 系統(tǒng)功能模塊設(shè)計(jì)

　　根據(jù)對“唐卡”微電商平臺的需求分析，功能模塊主要分為系統(tǒng)前臺和后臺，前臺主要是唐卡知識的簡介，唐卡產(chǎn)品的展示，客戶登錄，訂單的填寫與確認(rèn)等;后臺主要是訂單管理，客戶資源管理，商品發(fā)布管理，唐卡的分類管理，評價(jià)統(tǒng)計(jì)管理等詳細(xì)的功能。

　　3 數(shù)據(jù)庫設(shè)計(jì)

　　本系統(tǒng)的數(shù)據(jù)采用SQL Server 2008數(shù)據(jù)庫實(shí)現(xiàn)并存儲。數(shù)據(jù)庫各子系統(tǒng)之間的交流通過數(shù)據(jù)庫實(shí)現(xiàn)，通過SQL語言訪問數(shù)據(jù)庫。它的很多先進(jìn)的特性和功能，以及關(guān)鍵問題的改進(jìn)和完整的企業(yè)級數(shù)據(jù)庫管理工具與技術(shù)，為該系統(tǒng)的實(shí)現(xiàn)奠定了基礎(chǔ)。以下簡要介紹重要數(shù)據(jù)表的功能：

　　(1)用戶信息表。主要用來記錄用戶編號、用戶名、性別、用戶密碼、聯(lián)系方式、電子郵箱、用戶類型、評論等字段。用戶編號為主碼。

　　(2)唐卡信息表。主要用來記錄唐卡編號、唐卡名稱、圖片、唐卡描述、價(jià)格、創(chuàng)建日期、出售數(shù)量。唐卡編號為主碼。

　　(3)訂單信息表。訂單編號、是否預(yù)定、訂貨日期、收件人姓名、收件地址、郵政編碼、聯(lián)系電話、運(yùn)費(fèi)、總價(jià)。訂單編號為主碼。

　　4 系統(tǒng)架構(gòu)與主要技術(shù)

　　任何系統(tǒng)的設(shè)計(jì)與開發(fā)最先就應(yīng)該考慮用戶的使用便利，B/S構(gòu)架和MVC模式的引用是ASP.NETMVC的基于Web應(yīng)用程序的框架。MVC主要包括：View、Model以及Controller三個(gè)部分，由于各部分分工不同，負(fù)責(zé)的功能也不同，這樣為后期的系統(tǒng)修改和維護(hù)奠定了良好的基礎(chǔ)，也大大提高了開發(fā)效率。

　　HTML5、Javascript及CSS3構(gòu)建了HTML5的強(qiáng)大功能，支持了在移動設(shè)備上實(shí)現(xiàn)多媒體的使用，同時(shí)一些新元素功能的支持如：Video、Audio及Canvas等標(biāo)記，使得對腳本和布局之間有了交互的能力。HTML5中使用了 jQuery Easy UI框架，為系統(tǒng)研發(fā)人員節(jié)省時(shí)間，通過Javascript方式和html標(biāo)記方式的使用，同時(shí)jQuery Easy UI包括數(shù)據(jù)網(wǎng)格、樹形表格、界面以及下拉組合等，實(shí)現(xiàn)了跨瀏覽器網(wǎng)頁的完整的組件組合。

　　視頻的播放:

　　HTML5中Video和Audio的增加，使得在網(wǎng)絡(luò)上播放視頻、電影和音頻，不再使用其他第三方插件，只要當(dāng)前使用的瀏覽器支持HTML5即可，在本系統(tǒng)中，Video主要應(yīng)用在唐卡微電商平臺系統(tǒng)前臺頁面中，主要展示唐卡的制作視頻及畫師的宣傳視頻。在這一方面比HTML4有了很大的改進(jìn)，Video元素能夠做得很完美，其關(guān)鍵代碼如下。< v i d e o w i d t h = " 3 2 0 " h e i g h t = " 2 4 0 "controls="controls" autoplay>Your browser does not support the video tag.

　　圖形繪制:

　　在系統(tǒng)頁面中使用canvas元素，不僅簡單而且直觀，同時(shí)可以繪制圖形與圖像，還可以繪制文字，使得字體效果更加酷炫，關(guān)鍵代碼如下[4]：

　　跨平臺應(yīng)用:

　　隨著互聯(lián)網(wǎng)+的不斷推進(jìn)，以及移動通信設(shè)備的逐步普及，人們了解信息，獲得商機(jī)的渠道逐步的由PC終端向移動終端逐步轉(zhuǎn)化，但是現(xiàn)在的移動終端的OS又各不相同，開發(fā)的版本就要多元化，這樣最終的維護(hù)和管理成本就大大提升，而跨平臺技術(shù)就解決了這個(gè)問題，開發(fā)成本下降，不同的OS可以實(shí)現(xiàn)統(tǒng)一的用戶交互體驗(yàn)，這樣使得系統(tǒng)開發(fā)者才有精力專注于系統(tǒng)和功能的創(chuàng)新。

　　系統(tǒng)安全:

　　具體的更改辦法為：數(shù)據(jù)的存儲次序進(jìn)行改變，實(shí)現(xiàn)服務(wù)器存儲，而不是在客戶端中存儲;在會話時(shí)使用cookie中的httponly標(biāo)簽進(jìn)行保護(hù)。

　　5 結(jié)束語

　　通過系統(tǒng)的使用，可以使得客戶對唐卡有了更進(jìn)一步的了解，增加了在線購買的轉(zhuǎn)化率，使得唐卡及其衍生品得到了很好的推廣和發(fā)展，同時(shí)也提高了畫師的經(jīng)濟(jì)收入，與現(xiàn)在國家倡導(dǎo)的精準(zhǔn)扶貧相吻合，隨著唐卡及其衍生品銷售量的增加，可以帶動更多的人參與唐卡及其衍生品的開發(fā)和研究，使得民族文化瑰寶得到保護(hù)和發(fā)揚(yáng)。在移動互聯(lián)網(wǎng)、云平臺及大數(shù)據(jù)的支撐下，“唐卡”微電商平臺系統(tǒng)也將會支持移動終端的使用，使得其效用更大、更廣。

【淺析基于HTML5的唐卡微電商平臺設(shè)計(jì)與實(shí)現(xiàn)論文】相關(guān)文章：

1.基于微信平臺的高職英語教學(xué)設(shè)計(jì)探討論文

2.專業(yè)論文：基于Struts+Spring的Web應(yīng)用設(shè)計(jì)與實(shí)現(xiàn)

3.基于PHP的個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)論文

4.基于Android平臺的紋理映射分析與實(shí)現(xiàn)論文

5.基于JavaWeb的軟件開發(fā)綜合實(shí)訓(xùn)平臺的功能設(shè)計(jì)與實(shí)現(xiàn)論文

6.基于校園網(wǎng)的網(wǎng)絡(luò)教學(xué)平臺架構(gòu)設(shè)計(jì)和實(shí)現(xiàn)論文

7.淺談基于電網(wǎng)管理的三維GIS平臺設(shè)計(jì)與實(shí)現(xiàn)論文

8.淺析TDCS3.0車站子系統(tǒng)數(shù)據(jù)平臺的設(shè)計(jì)與實(shí)現(xiàn)論文