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