毕业设计我帮你

基于Spring Boot+Vue的药店管理系统的设计与实现

摘要

在现今疫情的影响下，药店对药品的管理更加复杂，药店每天都会面临大量的药品数据。如果用传统的人工方式来记录这些数据，效率比较低，同时操作也会比较繁琐。所以，对药店来说，使用一套合适、实用的药店管理系统就变得非常重要。利用该系统提供的药品查询、药品品牌查询、药品分类查询、下单支付等功能，可以对药品进行高效地管理，更好地为顾客提供服务。本课题设计的汇医药店管理系统就是在这种情况下产生的。

本课题以Springboot和Vue.js为基础技术架构，采用前后端分离的模式进行开发。药店用户可以使用邮箱进行注册并登录，可以查看药品分类、药品详情，将药品加入购物车，然后使用支付宝沙箱进行模拟支付，生成订单等；药店后台管理员可以对前台药品属性进行设置管理，对前台生成的订单进行处理，还可以对药店用户进行管理等。

关键词：疫情；药店；Vue.js；Spring Boot

 

目录

摘  要 I

Abstract II

目录 III

1 绪论 1

1.1 应用背景及意义 1

1.1.1 应用背景 1

1.1.2 研究意义 1

1.2课题的研究内容 2

1.3 系统采用的相关技术 2

1.3.1后端框架——Spring Boot 2

1.3.2前端框架——Vue.js 2

1.3.3前端UI界面——Element-UI 2

1.3.4关系型数据库——MySQL 2

1.3.5持久层框架——Mybatis 3

1.3.6缓存技术——Redis 3

1.3.7第三方支付——支付宝沙箱 3

1.3.8阿里对象存储——OSS 3

1.3.9权限控制——Shiro 3

1.3.10阿里云短信服务 3

1.4 开发工具及相关版本 3

2 系统分析 5

2.1可行性分析 5

2.1.1 技术可行性 5

2.1.2 经济可行性 5

2.1.3 操作可行性 5

2.2 系统需求分析 5

2.2.1 系统的目标需求概述 5

2.2.2 系统的功能分析 6

2.2.3 系统的主要业务流程 8

3系统设计 9

3.1整体设计 9

3.2功能设计 9

3.3数据库设计 11

3.3.1 数据库使用的技术 11

3.3.2 数据表的设计 12

4系统实现 17

4.1 系统环境搭建 17

4.1.1 后端搭建 17

4.1.2 前端搭建 17

4.2 系统功能实现 17

4.2.1 药店主页 17

4.2.2 药店用户注册 18

4.2.3 药店用户登录 19

4.2.4 药品查询 20

4.2.5 药品详情 22

4.2.6 我的购物车 22

4.2.7 支付宝支付界面 23

4.2.8 我的订单 24

4.2.9 后台药品模块 25

4.2.10 后台图片上传功能 26

5系统测试 27

5.1 系统测试概述 27

5.1.1系统测试的方案 27

5.1.2系统测试的意义 27

5.2 系统测试过程 27

5.2.1 系统测试用例 27

5.2.1 系统测试工具及结果 28

6结束语 32

致  谢 33

参考文献 34

 

1 绪论

1.1 应用背景及意义

1.1.1 应用背景

随着疫情的持续发展，之前不起眼的口罩、消毒液等防护用品一时之间成为了畅销产品。对此许多人认为线下的药店在这场疫情中获益良多。疫情期间线下药店的部分药品的销售的确有了增长，主要是医疗器械中的口罩、手套类等药品产生的销售额，但这种增长仅持续了一段时间。后续因为疫情的形势依然很严峻，口罩和手套类商品的供需不足，另外受各种抗疫物资优先给到疫情严重区使用的政策影响，导致许多的药店进货渠道变少，药品货源很难保持充足，很多药品都出现了断货情况，因此线上的网上药店发展很有意义。

疫情之前已经冲击了药店的各类药品，对线下的药店产生过很大的影响。在这种影响下，客流量不足已经成为线下药店的一大难题，药品销售额也逐步减少。与此同时，药店顾客在网上进行购药，可以买到自己所需的药品，促使了网上药店发展。另一方面，网上药店不需要太多的人力资源，就能够十分有效地提高了药店收益，因此网上药店正在成为当下疫情一个不可缺少的部分。然而，有些地区的药店还未与互联网真正的结合，许多问题有待解决，所以本系统主要就是把疫情和网上药店紧密相连在一起。这次课题设计实现的汇医药店系统是一个能让顾客在线上进行浏览药品、查看其分类和详情，并且可以进行下单支付的线上药店,同时药店的管理员也可以通过后台管理系统对药品和订单进行管理。

1.1.2 研究意义

在当前疫情严峻的形势下，部分药店的经营受到当地政府的管控，药品的数量较之前有所增加，相关药品的各种信息也在不断增长，因而药店管理系统大有用武之处。本课题所研究的药店管理系统，能够实现药物的分类管理，为消费者顾客展示所有药品的详细信息，提高了顾客在选药上的准确性，方便顾客下单在线购买，为线下药店解决了许多的压力，也为疫情防控提供了进一步的支持。此外,作为一名即将从学校毕业的学生,自己既可以结合自身所学计算机相关专业知识,完成对该选题的研究,同时可以培养和锻炼自己的积极性和动手操作实践能力,提高了自己的知识水平和相关专业技术能力,为以后的工作和就业奠定了坚实的基础。

1.2课题的研究内容

该药店管理系统后台使用的是Springboot框架，前端是基于Vue.js进行开发的。该系统采用的是前后端分离的模式进行开发的，其中药店系统前端页面是一个开放式平台，主要用户为游客、用户和后台管理员。游客能浏览药品详情和注册；用户可以搜索药品、查看药品、下单支付药品；后台的管理员可以通过登录后台系统来实现对药品的管理、订单的管理、网站首页轮播图的管理。

1.3 系统采用的相关技术

1.3.1后端框架——Spring Boot

本系统的后端使用Springboot框架进行开发，Springboot大大减少了系统开发的配置文件和系统的配置复杂的程度，使用javaConfig有助于减少XML文件的配置，可以只用关注系统的业务开发，不用去考虑之前一些繁琐的XML文件的配置，节省了我们开发的时间和开发的成本，也可以整合许多组件进行快速开发。  

1.3.2前端框架——Vue.js

本系统前端使用了Vue.js框架，与Springboot结合，Springboot提供对应接口，前端进行请求调用获取数据，实现前后端分离模式，这种模式的最大好处就是实现前后端解耦。Vue功能比较强大，上手的速度也比较快，且提供了便捷的脚手架Vue-Cli。

1.3.3前端UI界面——Element-UI

本系统前端UI界面采用的是Element。学习Vue，如果系统的每一个组件都需要自己去编写模板样式的话是非常麻烦的，所以使用现成的UI组件库—Element-UI，它提供了充足的PC端组件，能帮助我们够快速设计简洁优美的系统风格。

1.3.4关系型数据库——MySQL

本系统的数据库使用MySQL，MySQL是一种关系型数据库，其体积小，总体拥有成本也比较低。

1.3.5持久层框架——Mybatis

本系统的持久层框架使用了Mybatis，它避免了繁琐的JDBC代码和手工设置参数、获取结果集的过程，直接通过xml文件的编写来实现对数据库的操作。

1.3.6缓存技术——Redis

本系统使用非关系型数据库中的redis作为缓存方案，redis拥有快速、可存储、高可用等特点，以key-value的形式进行存储，redis可用作缓存，也可以设置key的过期时间，过期后将会自动删除。因此Redis适用于本项目缓存的实现方案。

1.3.7第三方支付——支付宝沙箱

本系统的下单支付功能使用的是支付宝的沙箱功能，可以实现模拟支付的功能。我们开箱即用，还原真实的支付场景。

1.3.8阿里对象存储——OSS

本系统的图片上传功能使用的阿里云的对象存储OSS，如果将大量图片存储在本地系统的话，那么项目加载会十分缓慢，十分影响用户的体验。所以使用对象存储OSS，保证数据的持久性和可用性，可以减少存储的成本。

1.3.9权限控制——Shiro

Shiro是一个小而简单的安全框架，本系统使用其来进行用户登录时的身份认证，同时也可以提供给后台管理员授权的功能。

1.3.10阿里云短信服务

本系统用户登录邮箱后可以绑定自己的手机号码，然后才能进行下单支付，手机号也可以用来作为登录名，手机号是验证通过阿里云的短信服务来进行认证的。

 

1.4 开发工具及相关版本

开发工具 版本信息

IntellJ IDEA 2019.1

WebStorm 2019.1

JDK 1.8

Springboot 2.2.0

Maven 3.5.4

Redis 5.0.8

Node.js 12.18.2

Mysql 5.7

 

参考文献

[1] 克雷格•沃斯.Spring Boot实战[M].北京:人民邮电出版社,2016

[2] 陈雄华．Spring企业级应用开发详解[M]．北京：电子工业出版社，2009．

[3] 朱运乔.基于SpringBoot+SSM 框架的Web 应用系统搭建与实现[D].湖北:湖北职业技术学院,2019.

[4] 轻量级响应式框架Vue.js应用分析[J]. 麦冬,陈涛,梁宗湾. 信息与电脑(理论版). 2017(07)

[5] 肖睿,龙颖.Vue 企业开发实战[M].北京:人民邮电出版社,2014:130-136.

[6] 基于MVVM模式的Vue.js框架在物流软件自动化测试系统中的应用研究[D]. 柴青山.北京邮电大学 2019

[7] 阎新芳．Java设计模式在数据库编程中的应用研究[J]．信息通信，2014，4(11)：120-123．

[8]  Vue.js权威指南[M]. 电子工业出版社 , 张耀春, 2016

[9] 陈陆扬.Vue.js 前端开发快速入门与专业应用[M].北京:人民邮电出版社,2017:89-94

[10] 基于Vue.js的Web前端应用研究[J]. 朱二华.  科技与创新. 2017(20)

[11] 何焕春,杨怿.基于MVVM构架的Web前端框架研究[J]. 电脑知识与技术, 2017, 24, 59-60.

[12] 麦冬,陈涛,梁宗湾.轻量级响应式框架 Vue.js 应用分析[J].信息与电脑(理论版),2017(07): 58-59. 

[13] 朴灵.深入浅出Node.js.人民邮电出版社. 2013年12月

[14] 王松.SpringBoot+Vue全栈开发实战[M]北京:清华大学出版社.2019

[15] Java EE设计模式的研究[M]. 凯耶尔.2010

[16] 张永强. 计算机软件Java编程特点及其技术分析[J]. 计算机产品与流通,2019(01):23.

[17] 王越. JAVA编程语言在计算机软件开发中的应用[J]. 电子技术与软件工程,2019(01)

[18] 梁灏.Vue.js实战[M].北京:清华大学出版社, 2017.

[19] 克雷格·沃斯.Spring Boot实战[M].北京:人民邮电出版社, 2016.

[20] 魏欢. Web前端开发技术以及优化探析[J]. 读与写(教育教学刊), 2019, 02: 31.