1 绪 论

1.1 研究背景

 电子商务是指在互联网、企业内部网和增值网上以电子交易方式，进行交易活动和相关服务活动，是传统商业活动各环节的电子化。网路化和数字化。电子商务包括电子货币交换、供应链管理、电子交易市场、网络营销、在线事务处理、电子数据交换、存货管理和自动数据收集系统。

药品，是人们日常生活中的必须品，不管是大人还是小孩，老人都会有需要吃药的时候，俗话说花无百日红，人无千日完人。就是说，每个人在日常生活中多多少少会生大病或小病，这就需要药品帮助我们抵抗疾病。而且有很多事家庭必备的应急药品，比如感冒药，咳嗽药之类的。对于我们中国，这个人口第一大国来讲，药品的需求量更是巨大!所以药品的销售是具有很大发展前景的。但是，很多时候病人因为一些小病，因为市场上的价格偏高，或者因为会出现一些假药，或者因为药品的种类太多不知道买什么药好等等诸多问题，给我们广大消费者带来诸多不便。

电子商务是一个潜力巨大的市场，极具发展前景。它克服了传统﹐营销中客户由于时间和空间的限制，信息沟通灵活，灵活交易的手段和快速的交货方式，最重要的是由于成本低，价格也较低!所以建立社区药房系统是顺应了社会的发展，满足社会的需求、促进社会的和谐的!

本系统是为了建立一个完善的网上药品销售及管理系统，为了，使人们安全放心买药品，本系统会在网站公告中郑重承诺假一陪十。同时，本系统为了使人们轻松购药，在网站中有各式各样，种类众多的药品，并且在网站中有强大的搜索功能为人民轻松买药提供不少方便，还有增进企业与顾客的联系方式和网站留言的沟通平台，最后还有强大地后台管理功能。为了是管理员方便管理，从药品的订购到药品管理，会员管理等功能十分强大，是一个相对完善的社区药房系统。

1.2 国内外研究现状

1.2.1 研究内容

郝风平在《Web前端开发技术特征与完善策略探讨》[1]中指出，前端开发技术是互联网技术中必不可少的重要技术，无论是基于Web页面还是App等前端界面，都是通过HTML、CSS及JavaScript等前端技术和架构来实现互联网产品的用户界面交互。现有的Web前端技术在加载时间、响应速度、用户体验等方面仍有很大的优化和发展空间。其中讲到的优化能在编写基于Web的社区药房系统的网页代码中，减少代码数量，提升网页效果，以此控制文件大小，提高加载速度，使用户有更好的浏览体验。

李建华在《HTML5在Web前端开发中的实践研究》中明确HTML5在应用中所发挥的作用以及在社会范围普及，在人们生活中占有重要的地位，认识到了其在互联网中发挥的作用。在开发基于Web的社区药房系统时合理的使用H5新增标签，不仅能够提高代码观赏性，也能降低代码复杂度，使得用户的发出请求更加方便迅速得到回应。

在《基于前端技术的移动端交互作品研究与实现》一文中， 文章以创新“新时代高校思想政治教育”工作路径为目的，讲述了基于前  端技术研究移动端交互作品的整体设计与实现过程。首先对技术背景进行了可行性分析，给出了实现的具体技术路线，接着阐述了整体设计中的内容选取和设计流程，最后从静态布局、动画处理以及页面逻辑三个方面详细介绍了实现的代码及效果展示。使程序更加具有条理性，程序的功能更加完善，将其运用于基于Web的社区药房系统，也会使系统页面的可观赏性有很大的提升。

周公平在《网站制作的Web前端开发设计相关研究》中讲述了，我国互联网产业规模不断扩大，在经济全球化背景下呈现出更强的竞争优势，市场上对网站制作的需求度与日俱增析，因此，研究新时期网站制作相关要求，了解Web前端开发相关技术和优势，显得尤为重要。从文中对于系统功能的讲述中，了解到网页不仅应该能够实现一些小的功能，同时还应该不断创新新的功能，以此才能更好地满足基于Web的社区药房系统用户的体验感。

王显梅，陈慧在《Web前端技术在网页视觉中的应用研究》中讲到，随着我国信息化水平的不断提高，网页开发技术的要求在不断升级，本文通过HTML、CSS和JavaScript在网页制作中的有效融合，分析了Web前端技术在网页视觉中的应用及技术的优化。将之运用于基于Web的社区药房系统开发中，能够使网页的制作效果更加美观，页面布局更符合大众的审美需求，使用户得到更好的浏览效果。

郑玉娟，张亚东在《基于Vue.js的微商城前端设计与实现》中针对人们在购物、娱乐、学习总是在不同平台之间的频换切换的问题，提出了创建一个集多功能于一体的移动端平台。Vue.js前端框架通过简单的API来实现响应的双向数据绑定，并支持组件化开发。以“微商城”项目前端的设计与开发，介绍了Vue.js框架具体应用，包括项目Vue开发环境的搭建、项目的设计与实现，最终实现了一个用户体验友好、前后端分离的微商城前端。其系统化的介绍了基于Vue.js的微商城的设计与实现，为基于Web的社区药房系统的开发设计提供了重要的参考模板。

《基于IOS系统的家庭药品APP设计》一文介绍了，IOS系统的APP设计与搭建，其中详细划分了系统的功能模块及其功能的实现，并对各个功能模块进行详细分析，为本次基于Web的社区药房系统的设计提供了移动端的参考模板，了解到各个功能模块之间的交互关系，使得开发时页面之间的逻辑更加清晰。

吴荆陵，刘洁在《孟菲斯风格在现代电商网页设计中的运用》介绍了基于互联网的技术发展，人们开始倾向于在线网购，电商行业也由此更加重视页面设计，这使页面设计成为促进销售的重要因素。孟菲斯风格发展至今，一直是新文化、新风格、新创意的代名词。这种独具个性的设计风格对现代的设计和思想都产生了深远的影响。该文分析了孟菲斯风格的设计特点、设计要素、视觉原则等内容。将其运用于基于Web的社区药房系统能够使页面布局更加合理，提高页面的观赏性，提高用户的体验。

在《Design and implementation of idle Book Trading System Based on Web》一文中设计并实现了基于MVC（模型视图控制器）模型、Spring boot和Vue框架的闲置账簿交易平台来解决这个问题。在分析用户需求的基础上，对账簿进行严格分类，实现信息的快速高效查询和闲置账簿的购买，确保闲置账簿的安全高效交易。将其运用于基于Web的社区药房系统能使程序更具有前瞻性，同时也能够达到改善系统性能、优化系统结构及提高系统安全性的设计目标。

张浩洋，顾丹鹏，陈肖勇在《基于Vue的数据管理平台实践与应用》一文中讲到了基于Vue，Vuex，VueRouter，ElementUi，Axios给出的一种大型系统开发解决方案，并在数据管理平台系统实现了从开发到上线的全过程，为本次基于Web的社区药房系统开发提供了重要的经验，其中对ElementUi的介绍使得开发能够以更加便捷、有效的方式进行。

1.2.2 研究现状结论

在今天，信息化大潮已经不可逆转，互联网技术席卷全球。对中国企业而言，21世纪是一个充满机遇的世纪，互联网的发展成为其中成功的关键而电子商务却是当之无愧最富靓丽色彩的一环。电子商务其实质就是一种销售网络化，网络化销售是一种新型的经济模式，其中B2C是一种适用于广大百姓的企业对普通客户的经济模式，它逐渐改变着人的生活方式和观念。网上购物是很有前景和必要的。社区药房系统销售系统网站的设计的目的在于如下三点:

1. 本系统可以浏览各种药品，有药品搜索的功能，方便用户买药品。
2. 本系统有网上交流平台，方便用户解决疑问，用药放心;
3. 本系统有库存管理、用户管理、订单管理等功能，方便管理人员管理。

意义在于如下三点:

1. 降低成本。以电子商务开展业务，可以大量减少人力、物力:同时使得交易活动突破了时间和空间的限制，可以在任何时间、任何地点进行，大大降低成本，提高效率。
2. 有利于树立企业的形象。作为第四媒体的互联网，其特点就是可以跨越时空，正常情况下，网站无时无刻不在工作，通过社区药房系统销售系统网站的建成，用户可以跨越时空了解货物信息，不会出现供应不足的情况。
3. 可以达到盈利最大化，有利于拓展营销渠道，扩大市场，提高营销效率。通过这种方式可以接触消费比较大的消费群体，获得更多的新顾客，扩大市场。

1.3 研究目的与意义

伴随着人工智能、物联网、5G的发展，VR技术的普及，各大门户网站、APP以及小程序对视觉效果要求越来越高。产品的用户体验某种程度上可以决定一款产品的成败，而实现用户体验的关键正是Web前端。Web前端技术已经成为各类终端设备界面开发的主要力量，包括企业使用门户网站进行推广，从PC端到移动端，都需要运用大量的Web前端开发技术。医药行业一直是老百姓眼里的暴利行业，药品昂贵是中国人看病难、看病贵的原因之一。而电子商务的发展给医药行业发展带来突破口，如果搞好了是可以降低老百姓的看病治病的成本的。而国家医药流通“十二五”规划也指出，要加快医药流通行业整合，实现医药流通精细化发展，并且鼓励规范经营的零售连锁企业发展社区药房系统，希望医药电子商务企业成为推动国家医改的有力工具。其中社区药房系统便伴随着两股东风快速发展起来了。

社区药房系统其所具有的意义和作用显而易见：第一，能有效拓宽医药企业的销售渠道。互联网打破了传统地域的局限性，具有明显的时空优势。第二，能有效减低成本。对医药企业来说，互联网销售渠道能最大限度降低药品仓储存量、节约仓储成本、減少药品流通费用；对药品消费者来说，社区药房系统能快速帮助消费者快速获取药品信息。第三，能更好地提供个性化医药服务。互联网平台所具有的人机互动性、在线专业咨询等特点，能够有效保护消费者隐私，提供个性化医药服务项目。可见，社区药房系统在互联网经济的现代社会中能够实现企业和消费者的互惠互利。

1.4 主要研究内容

基于Web的社区药房系统的设计与实现主要分为用户和管理员两个角色。

用户：可实现注册和登录、修改头像、查看药品、加入购物车、购买、评论等功能。

管理员：具有用户管理、添加药品、删除药品、修改药品、浏览药品、删除评论等权限。

整个系统暂时可以分为五个功能模块：

1.管理员模块：管理员可以对用户的基本信息、进行管理，对药品的销售情况进行统计，对药品进行增加、删除、修改和查询操作。

2.用户模块：用户在前台进行注册和登录，可以对购物车进行增加、删除、修改和操作，也可以修改头像，用户还可以查看药品详情。

3.药品模块：管理员对药品可添加、修改、删除。

4.购物车模块：用户可以查看上线的药品详情、选择药品添加购物车。

5.评论模块：用户可以对药品进行留言评论，管理员可以对评论进行删除操作。

1.5 本章小结

本文的其主要内容及结构安排如下:

第一章绪论。阐述了本文的研究的背景与目的和应用现状。

第二章系统相关技术介绍。对本系统设计将涉及的Spring技术、Vue框架、MySQL数据库技术、系统体系结构进行简要介绍。

第三章系统需求分析。较为深入分析系统的目标需求、系统主要业务流程、系统数据流、系统功能需求，以及系统的界面需求、安全性需求、运行环境需求等系统其他需求。

第四章系统设计。综合了前面章节的研究、分析结果对社区药房系统的总体设计进一步全面说明，包括系统的流程图和数据库设计、基本功能和模块介绍，从而完成了系统的总体架构。

第五章系统实现。介绍社区药房系统各功能模型的实现方法。

第六章结论及进一步展望。总结了本系统的研究和开发工作，提出了系统进一步优化的方向和建议。

2 系统关键技术

社区药房系统前端使用了Vue.JS，采用MVVM的思想双向绑定界面和数据；后端采用了Java的框架SpringBoot，使用MyBatis整合MySQL数据库，本章将详细介绍这些技术。

2.1 Spring

Spring是最流行的企业Java应用程序开发框架，全球数百万开发人员使用它来创建易于测试和重用的高性能代码。Spring框架是一个开源Java平台，最初由Rod Johnson编写，并于2003年6月在Apache 2.0许可下首次发布。Spring是一个轻量级机箱，基本版本的大小只有大约2MB。

Spring框架的核心功能是，它可以用于开发任何Java应用程序，但在Java EE平台上构建web应用程序需要扩展。Spring框架的目标是使J2EE开发更易于使用，并通过启用基于Pojo的编程模型来促进良好的编程实践。

2.2 Spring Boot

Spring Boot使您可以轻松创建一个独立的生产级Spring应用程序，可以直接运行。这是什么？这是许多第三方Spring技术的新框架。随着越来越多的企业项目和配置，Java语言开始受到开发人员的批评，项目开发的复杂性太高，无法维持，大量框架的使用没有进一步减少，每个人都认为Spring已经达到了开发的极限，没有前进，如何在云时代实现快速部署和构建项目。越来越多的开发人员正在讨论这些话题。正是在这种背景下，Spring Boot诞生了。目标是消除所有复杂的开发和配置文件，使开发更简单、更纯粹。Boot Spring还实现了其基本零配置。

2.3 Spring MVC

Spring Web MVC是一个基于Java的轻量级Web框架，实现MVC设计模型并由查询驱动。已集成到Spring Web Flow中。与MVC相比，M是一个模型，主要用于数据封装和业务逻辑处理，V是一个视图，称为视图，主要用于显示数据，C是一个控制器，一个控制器主要用于分配和分配工作。

Java的早期MVC模型主要使用servlet组件。用户的请求首先到达servlet，servlet充当接收请求的控制器，然后调度Java bean从数据库读取和写入数据，最后在JSP中将结果呈现给用户。然而，servlet组件的功能有限，与JSP的耦合太高，这使得基于servlet组件开发MVC架构非常麻烦。SpringMVC框架是Spring为web应用程序表示层开发提供的一整套解决方案。实现了Servlet技术的高度封装，并通过强大的DispatcherServlet前端控制器统一处理请求和响应。

2.4 Vue

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

2.5 MySQL

MySQL是一个数据库管理系统，是市场上最流行的数据库管理软件之一。据统计，MySQL是目前使用最广泛的数据库管理软件，如下图所示。大多数互联网公司使用MySQL，如淘宝、网易、百度、新浪、Facebook等。不仅在互联网领域，还有许多游戏公司，如舞蹈团体、魔兽世界和其他熟悉的游戏。甚至中国移动和中国电网等知名上市公司也在使用MySQL，MySQL的受众非常广泛。