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

浅析基于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元素能够做得很完美，其关键代码如下。lt; v i d e o w i d t h = “ 3 2 0 “ h e i g h t = “ 2