浅析基于HTML5的唐卡微电商平台设计与实现

　　引言
　　随着西部大开发的不断深入，西部地区在经济和基础建设方面有了很大的提高，神秘的青藏高原又是人们向往的圣地，因此进入青藏高原旅游的人数也日益剧增，人们对当地的文化了解也就十分迫切，尤其是热贡艺术的珍品唐卡，受到众多游客的关注。虽然网上有好多关于唐卡的售卖网站平台，但是这些网站缺乏相应的专业性和个人定制功能。唐卡是纯手工制品，制作周期较长，售卖形式不同与其他商品。如何应对这些问题，我们设计并实现一个跨平台的基于HTML5的唐卡微电商平台，实现唐卡信息的不断更新和共享，快速帮助唐卡需求者或者唐卡衍生品的需求者提供一个专业的平台，既能实现画师和消费者之间的在线交互，提升唐卡及其衍生品的在线订购效率，增加了画师的收入，又对唐卡艺术进行了很好的宣传。
　　1 系统分析
　　通过对网上大多数唐卡产品售卖网站的分析和调查，基本确定了唐卡微电商平台的几个大的要求，消费者凭借注册账号合法登录，画师也要通过注册才能登录，以保证双方的合法身份得到验证，保证了双方的信息安全，尽最大可能实现唐卡信息的汇总、更新。实现画师和消费者的及时沟通和了解，使得消费者对自己的想法和需求在沟通上做到尽善尽美，在前台设计上简单大方，易操作，信息展示内容丰富，更新及时，系统运行安全稳定。根据以上要求，将使用者分为两类，客户和系统管理员。系统管理员主要进行用户管理、唐卡管理、唐卡类型管理、订单管理、评价管理、收藏管理等。用户根据自己的需求下订单，系统及时响应客户订单，并在第一时间确认订单是否成功，订单确认成功后，可以及时推送跟唐卡有关的相关产品，以便使售卖量最大化。
　　2 系统设计
　　唐卡微电商平台系统采用最新的超文本标记语言HTML5和ASP.NET技术开发，基于运行平台是Microsoft Windows 7系统的环境下，利用Microsoft Visual Studio 2010功能强大的集成开发平台，后台数据库采用Microsoft SQL sever 2008来存储数据。
　　2.1 系统功能模块设计
　　根据对唐卡微电商平台的需求分析，功能模块主要分为系统前台和后台，前台主要是唐卡知识的简介，唐卡产品的展示，客户登录，订单的填写与确认等;后台主要是订单管理，客户资源管理，商品发布管理，唐卡的分类管理，评价统计管理等详细的功能。
　　3 数据库设计
　　本系统的数据采用SQL Server 2008数据库实现并存储。数据库各子系统之间的交流通过数据库实现，通过SQL语言访问数据库。它的很多先进的特性和功能，以及关键问题的改进和完整的企业级数据库管理工具与技术，为该系统的实现奠定了基础。以下简要介绍重要数据表的功能：
　　(1)用户信息表。主要用来记录用户编号、用户名、性别、用户密码、联系方式、电子邮箱、用户类型、评论等字段。用户编号为主码。
　　(2)唐卡信息表。主要用来记录唐卡编号、唐卡名称、图片、唐卡描述、价格、创建日期、出售数量。唐卡编号为主码。
　　(3)订单信息表。订单编号、是否预定、订货日期、收件人姓名、收件地址、邮政编码、联系电话、运费、总价。订单编号为主码。
　　4 系统架构与主要技术
　　任何系统的设计与开发最先就应该考虑用户的使用便利，B/S构架和MVC模式的引用是ASP.NETMVC的基于Web应用程序的框架。MVC主要包括：View、Model以及Controller三个部分，由于各部分分工不同，负责的功能也不同，这样为后期的系统修改和维护奠定了良好的基础，也大大提高了开发效率。
　　HTML5、Javascript及CSS3构建了HTML5的强大功能，支持了在移动设备上实现多媒体的使用，同时一些新元素功能的支持如：Video、Audio及Canvas等标记，使得对脚本和布局之间有了交互的能力。HTML5中使用了 jQuery Easy UI框架，为系统研发人员节省时间，通过Javascript方式和html标记方式的使用，同时jQuery Easy UI包括数据网格、树形表格、界面以及下拉组合等，实现了跨浏览器网页的完整的组件组合。
　　视频的播放:
　　HTML5中Video和Audio的增加，使得在网络上播放视频、电影和音频，不再使用其他第三方插件，只要当前使用的浏览器支持HTML5即可，在本系统中，Video主要应用在唐卡微电商平台系统前台页面中，主要展示唐卡的制作视频及画师的宣传视频。在这一方面比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 autoplayYour browser does not support the video tag.
　　图形绘制:
　　在系统页面中使用canvas元素，不仅简单而且直观，同时可以绘制图形与图像，还可以绘制文字，使得字体效果更加酷炫，关键代码如下[4]：
　　跨平台应用:
　　随着互联网+的不断推进，以及移动通信设备的逐步普及，人们了解信息，获得商机的渠道逐步的由PC终端向移动终端逐步转化，但是现在的移动终端的OS又各不相同，开发的版本就要多元化，这样最终的维护和管理成本就大大提升，而跨平台技术就解决了这个问题，开发成本下降，不同的OS可以实现统一的用户交互体验，这样使得系统开发者才有精力专注于系统和功能的创新。
　　系统安全:
　　具体的更改办法为：数据的存储次序进行改变，实现服务器存储，而不是在客户端中存储;在会话时使用cookie中的httponly标签进行保护。
　　5 结束语
　　通过系统的使用，可以使得客户对唐卡有了更进一步的了解，增加了在线购买的转化率，使得唐卡及其衍生品得到了很好的推广和发展，同时也提高了画师的经济收入，与现在国家倡导的精准扶贫相吻合，随着唐卡及其衍生品销售量的增加，可以带动更多的人参与唐卡及其衍生品的开发和研究，使得民族文化瑰宝得到保护和发扬。在移动互联网、云平台及大数据的支撑下，唐卡微电商平台系统也将会支持移动终端的使用，使得其效用更大、更广。