苏ICP备112451047180号-6
基于Web技术的网上花店设计与实现
摘要：随着互联网环境的日益庞大，电商在网络中扮演着重要的作用。网页成为了电商与用户宣传与交互的不二之选。商家在网络上成立自己的网站，将自己的商品与服务在网络上售出；再通过现如今的强大物流系统将商品送到客户手中，这大大提升了商家效益。HTML5是当今构建以及呈现互联网内容的一种语言方式，它的语法特征对于HTML语言更加突出，并且HTML5将SVG的内容添加到网页中让网页对图形处理以及媒体内容的使用更加方便与快捷。
论文首先研究了网上花店的设计与实现。本次项目的开发主要分为两部分，第一个部分是前端页面的设计，设计出一个Web网页端的网上花店页面；第二则是搭建以前端网页为基础的后台SQL Server数据库。前端方面，使用了Visual Studio 2019进行网页语言编译，同时结合CSS实现前端的页面效果，以及使用了JavaScript的jQuery实现页面交互。后台方面选择使用Mircrosoft SQL Server 2012进行数据库的搭建与网页中的数据管理。作为Web中核心语言HTML的规范，HTML5在表单的设计上功能更加强大，它的一些智能表单属性标签来能够用于完成网页中的数据验证以及内容提示等功能。
本次项目前台网页主要功能包括：会员注册及登录功能、对商品的查询和浏览、购物车商品管理以及定单生成等功能。后台数据库的功能包括：商品详细管理、商品的分类管理、订单以及用户信息管理。同时该项目还需要实现交互良好，完成一个网上花店的搭建。
关键词： HTML5；网页；鲜花；网上花店
目录
1 绪论 1
1.1 研究背景和意义 1
1.2 研究方向与现状 2
1.2.1 研究方向与现状 2
1.2.2 研究的内容简介 2
1.3 文献综述 3
1.4 本文的章节安排 5
2 项目总体结构以及技术基础 6
2.1 系统总体结构 6
2.2 数据结构设计E-R图 7
2.3 开发环境与运行环境设计 8
2.4 本章小结 9
3 数据库实现及功能 10
3.1 数据库介绍 10
3.2 数据结构设计 10
3.2.1 数据逻辑关系模型 10
3.2.2 数据库逻辑结构设计表 10
3.2.3 数据库与前端的互动 13
3.3 本章小结 16
4 项目构成和实现 17
4.1 用户前台设计 17
4.1.1 用户前台功能简介 17
4.1.2 用户模块的详细设计 17
4.2 购物车模块设计 20
4.3 商品浏览模块设计 20
4.4 本章小结 24
结论 25
参考文献 26
致谢 27
1 绪论
1.1 研究背景和意义
互联网一直都是全球性与开放性的，在全球经济一体化以及信息技术的飞速发展的情况下，现代企业竞争剧烈导致成为现代商业企业不得不接受的变化，为了适应网络发展所带来的市场变化，商家需要借助网络来进行网络上的商业活动，因此电子商务在这种情况下进入了人们的视野。商家在电商平台，能够通过网络将商品或者服务推广给能够通过网络接收信息的客户，相比于传统的线下店铺与宣传，这种商业模式无疑能够覆盖更广的消费群体，但同时也需要一个高效、现代的物流方式来将商品运送至不同地区的消费者手中。经过不断的发展以及电子商务体系的逐渐完善，这种商业活动的方式与平台逐渐受到消费者们的喜爱，足不出户便能够通过电商平台直接购买到自己需求的商品。本次项目所设计的网上花店也是属于电子商务的一种，它的出现是在当今社会多样的电商平台中从线下店铺转为网络平台现象中的其中一种。
在我国的零售行业，中小型企业较多，信息基础的薄弱，人才和经验不足的情况比较突出；此外，现代社会的零售系统的模式十分的复杂，因为涉及了各种行政部门和多功能零售中心，双方都要提供相关公司的商品。另外，零售商的经营和管理方式多样且复杂，所以一些其他成功的信息化模式在零售行业在电子商务的经营模式下无法直接使用，而且海外的系统及管理模式也很难适合我过的实际需求。
花卉，是人们追求美和陶冶情操的不二之选；而在电商平台中，网上花店则满足了用户对于花卉的购买与需求。随着人们的生活水平质量不断的提高，鲜花已经成了人们生活社交中不可或缺的装饰品。鲜花除了本身具有的魅力之外，还能美化环境等，陶冶人们的情操，表达彼此的情感，让人们在相互交流时营造一个更加优雅的氛围，更加突出当事人的品位。本项目以解决个性消费问题，完成一个以鲜花为主的一个完善的市场推广我们的产品。
在网上花店中，人们可以在主页中直观的欣赏到展示花卉的预览图，也可以通过分类和搜索栏来浏览自己想要的花卉类型，如果需要购买，可以在平台注册并且完善详细信息后登录购买。网上花店为用户提供了一个方便，快捷的购物平台，可以让用户直接在网上无论何时何地都能享受购物服务。商家也可以通过此进行网上交易，更能减少实体店的经营成本，不需要在自己线下的商店中等待顾客便可售卖自己的商品。
1.2 研究方向与现状
1.2.1 研究方向与现状
本篇项目的研究方向是为了传统店铺在网络平台上搭建一个网络售卖平台而编写的。由于社会经济多样性，近年越来越多的传统店铺都开始发展网络店铺，在广袤的互联网中拥有更多的商机，不只是本地店铺的客源，也可以通过现如今强大的物流系统将商品售卖给全国各地甚至全球有需求的客户手中，使网络商城类的网站发展越来越多。
互联网上有很多花店网站，无论是从客户和管理员的角度来看，这些网站都办的很好而且在设计和维护上都相当不错。但是对于在线购物和订单管理这两个功能并没有很明显。所以我们设计了这个网上花店页面，以满足更高的需求，让网上花店更加不同。
1.2.2 研究的内容简介
本次的研究内容是在网上设计并实现一个的网上鲜花售卖平台，即网上花店，此项目相比于网上固定的销售模式更接近于传统花店的销售模式。在本项目中，客户能在此花店网页中能够进行花品的浏览，查询与购买，其中客户能够享受到会员注册，个人信息以及个人购物车的商品选择与管理，商品挑选下单以及商品配送服务；管理员是本项目中的重要角色，管理员能够通过后台数据库查看，增加以及修改所有数据的权力，其中包括商品上新时对商品种类以及详细的管理，商品仓库的信息管理；以及对部分会员账号管理等功能。此外，些基本的网页商店信息功能在国内外许多的电子购物商城都能够实现，所以为了便于顾客根据自己的需要进行查询以及购买，本商店能够实现私人定制功能，顾客能直接进行花束定制，为顾客购买提供便利。
项目中的面对对象主要包括系统管理员，会员以及游客三种角色以及其对应的信息系统。管理模块与会员模块的功能主要功能介绍如下：
1、管理员模块
管理员模块的主要功能有：
（1）鲜花分类：按照花品的不同种类进行分类管理。
（2）商品发布：按照仓库信息以及平台的需求来按类别进行商品分类，添加或者更改商品的信息、状态信息，也能对商品信息进行删除。
（3）用户订单管理：管理员能通过后台数据库了解订单详细信息，根据订单给出的客户信息进行物流上的服务，管理员无权更改此类信息。
（4）会员管理：管理员可以通过数据库查看已注册客户的资料信息，方便对客户的账号服务以及永久注销账号等操作。
2、会员模块
会员模块的主要功能有：
（1）账号注册：客户注册账号信息，用于在数据库中记录客户的基础信息以及联系方式、地址、姓名等等基础信息。
（2）商品浏览：作为网上商店最基础的功能，商品浏览是客户最直接的进行商品挑选方式。客户能够通过首页推荐以及详细商品分类中找到商品并且进行选购，也能直接通过上方搜索栏搜索关键词直接查找到客户需求的商品。
账号注册：客户注册账号信息，用于在数据库中记录客户的基础信息以及联系方式、地址、姓名等等基础信息。
1.3 文献综述
网上花店属于电子商务的一部分，它的设计与实现需要用到网页设计与实现的相关技术。近年来很多的学者对其进行了研究。王萍利等[1]提出基于HTML5的Web前端框架设计及研究，详细列举了HTML5作为Web全新的框架和平台的优势关键技术，还分析了其在Web前端开发设计中的应用以及框架设计。在网页的前端开发中，HTML5与CSS3的应用使得网页页面脱离了传统的静态网页实现了动态页面，赵怡姗、范明钰在基于HTML5与CSS3的网页设计技术研究当中列出了CSS3以及HTML5的响应式技术[2]。以及前端开发中的应用研究[3]。易灵提出了Javascript技术在Web中的应用以及作用[4]。周公平列举了Jquery框架的特性以及前端开发基础，以及在web前端开发过程中设计的方法和Jquery框架的运用[5]，解决了前端设计的问题之后就面临后台与前端数据互通的问题，李苏强提出ASP链接SQL Server数据库的方式[6]，而另一个作者乔楠更详细的分析了ASP的需求分析以及功能框架设计[7]，文章还参考了于虹的网上花店设计与推广而进行项目的设计与构成[8]。
1.4 本文的章节安排
第一章，引言部分，主要从互联网的发展，以及电子商务出现导致的网上商店的普及的背景下叙述了课题的研究背景和意义；并且分析了现如今网上商店的普及原因。接着从本项目的目标花卉和花店方面结合上述背景陈述研究内容的方向、简介与内容。
第二章，介绍了本次项目的总体结构以及数据结构的组成，介绍了本次项目开发使用的开发环境以及使用的语言以及它们的主要优点等。
第三章，中着重详细介绍了本次项目使用的数据库，以及数据库中数据的逻辑结构表及实现的功能，以及数据库中记录的数据类型等。
第四章，详细的介绍本次项目的构成以及实现的内容，从各个页面介绍本次项目实现的页面，功能以及部分项目代码。
最后，结论中是对全文的总结以及讨论本论文工作需要进一步完善的地方。
参考文献
[1] 王萍利.基于HTML5的Web前端框架设计及研究[J].电脑编程技巧与维护,2021(12):10-12.DOI:10.16184/j.cnki.comprg.2021.12.004.
[2] 赵怡姗,范明钰.基于HTML5与CSS3的网页设计技术研究[J].成都信息工程大学学报,2021,36(06):641-645.DOI:10.16836/j.cnki.jcuit.2021.06.010.
[3] 周春吟.HTML5与CSS 3在Web前端开发中的应用研究[J].信息与电脑(理论版),2021,33(21):32-34.
[4] 易灵.JavaScript技术在Web网页中的应用研究[J].信息与电脑(理论版),2020,32(18):61-63.
[5] 周公平.基于jQuery框架的Web前端开发设计方法研究[J].信息与电脑(理论版),2022,34(05):128-130.
[6] 李苏强.ASP连接SQL Server数据库的问题研究[J].黑龙江科学,2018,9(18):148-149.
[7] 乔楠.基于ASP.NET的网上花店销售管理系统的研究[J].电脑知识与技术,2020,16(02):273-274.DOI:10.14004/j.cnki.ckt.2020.0246.
[8] 于虹. 网上花店设计与推广[D].北京邮电大学,2010.
[9] M. Rombach,V. Bitsch. A typology of online flower shops on the German market[J]. Acta Horticulturae,2016(1132).
[10] 冯烨斐.网上商店的网站建设[J].商场现代化,2006(19):106-107.
[11] Jie Wang,Lei Yuan. Development of Intelligent Flower Shop Management System Based on MIS[J]. Journal of Physics: Conference Series,2018,1069(1).
[12] 王绍婷. 网上商城管理系统的设计与实现[D].厦门大学,2017.
[13] 朱海水,赵亚娟.网上商城购物系统设计与实现[J].无线互联科技,2015(12):66-68.