淺析基于HTML5的唐卡微電商平臺設計與實(shí)現論文
引言
隨著(zhù)西部大開(kāi)發(fā)的不斷深入，西部地區在經(jīng)濟和基礎建設方面有了很大的提高，神秘的青藏高原又是人們向往的圣地，因此進(jìn)入青藏高原旅游的人數也日益劇增，人們對當地的文化了解也就十分迫切，尤其是熱貢藝術(shù)的珍品唐卡，受到眾多游客的關(guān)注。雖然網(wǎng)上有好多關(guān)于唐卡的售賣(mài)網(wǎng)站平臺，但是這些網(wǎng)站缺乏相應的專(zhuān)業(yè)性和個(gè)人定制功能。唐卡是純手工制品，制作周期較長(cháng)，售賣(mài)形式不同與其他商品。如何應對這些問(wèn)題，我們設計并實(shí)現一個(gè)跨平臺的基于HTML5的“唐卡”微電商平臺，實(shí)現唐卡信息的不斷更新和共享，快速幫助唐卡需求者或者唐卡衍生品的需求者提供一個(gè)專(zhuān)業(yè)的平臺，既能實(shí)現畫(huà)師和消費者之間的在線(xiàn)交互，提升唐卡及其衍生品的在線(xiàn)訂購效率，增加了畫(huà)師的收入，又對唐卡藝術(shù)進(jìn)行了很好的宣傳。
1 系統分析
通過(guò)對網(wǎng)上大多數唐卡產(chǎn)品售賣(mài)網(wǎng)站的分析和調查，基本確定了“唐卡”微電商平臺的幾個(gè)大的要求，消費者憑借注冊賬號合法登錄，畫(huà)師也要通過(guò)注冊才能登錄，以保證雙方的合法身份得到驗證，保證了雙方的信息安全，盡最大可能實(shí)現唐卡信息的匯總、更新。實(shí)現畫(huà)師和消費者的及時(shí)溝通和了解，使得消費者對自己的想法和需求在溝通上做到盡善盡美，在前臺設計上簡(jiǎn)單大方，易操作，信息展示內容豐富，更新及時(shí)，系統運行安全穩定。根據以上要求，將使用者分為兩類(lèi)，客戶(hù)和系統管理員。系統管理員主要進(jìn)行用戶(hù)管理、唐卡管理、唐卡類(lèi)型管理、訂單管理、評價(jià)管理、收藏管理等。用戶(hù)根據自己的需求下訂單，系統及時(shí)響應客戶(hù)訂單，并在第一時(shí)間確認訂單是否成功，訂單確認成功后，可以及時(shí)推送跟唐卡有關(guān)的相關(guān)產(chǎn)品，以便使售賣(mài)量最大化。
2 系統設計
“唐卡”微電商平臺系統采用最新的超文本標記語(yǔ)言HTML5和ASP.NET技術(shù)開(kāi)發(fā)，基于運行平臺是Microsoft Windows 7系統的環(huán)境下，利用Microsoft Visual Studio 2010功能強大的集成開(kāi)發(fā)平臺，后臺數據庫采用Microsoft SQL sever 2008來(lái)存儲數據。
2.1 系統功能模塊設計
根據對“唐卡”微電商平臺的需求分析，功能模塊主要分為系統前臺和后臺，前臺主要是唐卡知識的簡(jiǎn)介，唐卡產(chǎn)品的展示，客戶(hù)登錄，訂單的填寫(xiě)與確認等;后臺主要是訂單管理，客戶(hù)資源管理，商品發(fā)布管理，唐卡的分類(lèi)管理，評價(jià)統計管理等詳細的功能。
3 數據庫設計
本系統的數據采用SQL Server 2008數據庫實(shí)現并存儲。數據庫各子系統之間的交流通過(guò)數據庫實(shí)現，通過(guò)SQL語(yǔ)言訪(fǎng)問(wèn)數據庫。它的很多先進(jìn)的特性和功能，以及關(guān)鍵問(wèn)題的改進(jìn)和完整的企業(yè)級數據庫管理工具與技術(shù)，為該系統的實(shí)現奠定了基礎。以下簡(jiǎn)要介紹重要數據表的功能：
(1)用戶(hù)信息表。主要用來(lái)記錄用戶(hù)編號、用戶(hù)名、性別、用戶(hù)密碼、聯(lián)系方式、電子郵箱、用戶(hù)類(lèi)型、評論等字段。用戶(hù)編號為主碼。
(2)唐卡信息表。主要用來(lái)記錄唐卡編號、唐卡名稱(chēng)、圖片、唐卡描述、價(jià)格、創(chuàng )建日期、出售數量。唐卡編號為主碼。
(3)訂單信息表。訂單編號、是否預定、訂貨日期、收件人姓名、收件地址、郵政編碼、聯(lián)系電話(huà)、運費、總價(jià)。訂單編號為主碼。
4 系統架構與主要技術(shù)
任何系統的設計與開(kāi)發(fā)最先就應該考慮用戶(hù)的使用便利，B/S構架和MVC模式的引用是ASP.NETMVC的基于Web應用程序的框架。MVC主要包括：View、Model以及Controller三個(gè)部分，由于各部分分工不同，負責的功能也不同，這樣為后期的系統修改和維護奠定了良好的基礎，也大大提高了開(kāi)發(fā)效率。
HTML5、Javascript及CSS3構建了HTML5的強大功能，支持了在移動(dòng)設備上實(shí)現多媒體的使用，同時(shí)一些新元素功能的支持如：Video、Audio及Canvas等標記，使得對腳本和布局之間有了交互的能力。HTML5中使用了 jQuery Easy UI框架，為系統研發(fā)人員節省時(shí)間，通過(guò)Javascript方式和html標記方式的使用，同時(shí)jQuery Easy UI包括數據網(wǎng)格、樹(shù)形表格、界面以及下拉組合等，實(shí)現了跨瀏覽器網(wǎng)頁(yè)的完整的`組件組合。
視頻的播放:
HTML5中Video和Audio的增加，使得在網(wǎng)絡(luò )上播放視頻、電影和音頻，不再使用其他第三方插件，只要當前使用的瀏覽器支持HTML5即可，在本系統中，Video主要應用在唐卡微電商平臺系統前臺頁(yè)面中，主要展示唐卡的制作視頻及畫(huà)師的宣傳視頻。在這一方面比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.
圖形繪制:
在系統頁(yè)面中使用canvas元素，不僅簡(jiǎn)單而且直觀(guān)，同時(shí)可以繪制圖形與圖像，還可以繪制文字，使得字體效果更加酷炫，關(guān)鍵代碼如下[4]：
跨平臺應用:
隨著(zhù)互聯(lián)網(wǎng)+的不斷推進(jìn)，以及移動(dòng)通信設備的逐步普及，人們了解信息，獲得商機的渠道逐步的由PC終端向移動(dòng)終端逐步轉化，但是現在的移動(dòng)終端的OS又各不相同，開(kāi)發(fā)的版本就要多元化，這樣最終的維護和管理成本就大大提升，而跨平臺技術(shù)就解決了這個(gè)問(wèn)題，開(kāi)發(fā)成本下降，不同的OS可以實(shí)現統一的用戶(hù)交互體驗，這樣使得系統開(kāi)發(fā)者才有精力專(zhuān)注于系統和功能的創(chuàng )新。
系統安全:
具體的更改辦法為：數據的存儲次序進(jìn)行改變，實(shí)現服務(wù)器存儲，而不是在客戶(hù)端中存儲;在會(huì )話(huà)時(shí)使用cookie中的httponly標簽進(jìn)行保護。
5 結束語(yǔ)
通過(guò)系統的使用，可以使得客戶(hù)對唐卡有了更進(jìn)一步的了解，增加了在線(xiàn)購買(mǎi)的轉化率，使得唐卡及其衍生品得到了很好的推廣和發(fā)展，同時(shí)也提高了畫(huà)師的經(jīng)濟收入，與現在國家倡導的精準扶貧相吻合，隨著(zhù)唐卡及其衍生品銷(xiāo)售量的增加，可以帶動(dòng)更多的人參與唐卡及其衍生品的開(kāi)發(fā)和研究，使得民族文化瑰寶得到保護和發(fā)揚。在移動(dòng)互聯(lián)網(wǎng)、云平臺及大數據的支撐下，“唐卡”微電商平臺系統也將會(huì )支持移動(dòng)終端的使用，使得其效用更大、更廣。
【淺析基于HTML5的唐卡微電商平臺設計與實(shí)現論文】相關(guān)文章：
探析基于電商平臺的創(chuàng )業(yè)型人才培養模式論文09-12
基于A(yíng)ndroid平臺的紋理映射分析與實(shí)現論文04-27
論文：短信平臺系統的設計與實(shí)現06-24
淺析基于A(yíng)ndroid 的個(gè)人記賬本平臺開(kāi)發(fā)論文05-28
移動(dòng)校園門(mén)戶(hù)平臺的設計與實(shí)現論文11-12
淺析基于Struts2的信息管理系統設計與實(shí)現論文10-25
電商平臺托管協(xié)議模板03-13