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

时间:2021-08-31

浅析基于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" autoplay>Your browser does not support the video tag.

  图形绘制:

  在系统页面中使用canvas元素,不仅简单而且直观,同时可以绘制图形与图像,还可以绘制文字,使得字体效果更加酷炫,关键代码如下[4]:

  跨平台应用:

  随着互联网+的不断推进,以及移动通信设备的逐步普及,人们了解信息,获得商机的渠道逐步的由PC终端向移动终端逐步转化,但是现在的移动终端的OS又各不相同,开发的版本就要多元化,这样最终的维护和管理成本就大大提升,而跨平台技术就解决了这个问题,开发成本下降,不同的OS可以实现统一的用户交互体验,这样使得系统开发者才有精力专注于系统和功能的创新。

  系统安全:

  具体的更改办法为:数据的存储次序进行改变,实现服务器存储,而不是在客户端中存储;在会话时使用cookie中的httponly标签进行保护。

  5 结束语

  通过系统的使用,可以使得客户对唐卡有了更进一步的了解,增加了在线购买的转化率,使得唐卡及其衍生品得到了很好的推广和发展,同时也提高了画师的经济收入,与现在国家倡导的精准扶贫相吻合,随着唐卡及其衍生品销售量的增加,可以带动更多的人参与唐卡及其衍生品的开发和研究,使得民族文化瑰宝得到保护和发扬。在移动互联网、云平台及大数据的支撑下,“唐卡”微电商平台系统也将会支持移动终端的使用,使得其效用更大、更广。

【浅析基于HTML5的唐卡微电商平台设计与实现论文】相关文章:

1.基于微信平台的高职英语教学设计探讨论文

2.专业论文:基于Struts+Spring的Web应用设计与实现

3.基于PHP的个人网站设计与实现论文

4.基于Android平台的纹理映射分析与实现论文

5.基于JavaWeb的软件开发综合实训平台的功能设计与实现论文

6.基于校园网的网络教学平台架构设计和实现论文

7.浅谈基于电网管理的三维GIS平台设计与实现论文

8.浅析TDCS3.0车站子系统数据平台的设计与实现论文