摘要：本文主要论述了基于Vue的宠物店网上预订和销售系统的设计与实现。该课题结合了近几年来我国宠物行业的兴盛和发展趋势、未来发展前景和方向、销售特点以及宠物商店管理的实际需要，采用了面向对象的分析手法、结构化设计方法，结合Vue组件化开发和MySQL数据库管理，开发了一个具有用户端和服务端的宠物店预订和销售管理系统。Vue.js这种渐进式框架可以让前端开发人员以一种声明式的方法将DOM 绑定到底端的Vue实例数据，采用前后端分离的MVVM架构模式，使数据渲染变得更加方便快捷。前端主要面向的是客户，可以让客户更好的了解Chromosome染色体宠物店线下所拥有的宠物品种及相对应的宠物价格，同时也让宠物的“新手父母”更好地知道各品种的宠物的生活习性等；前端同时包含了后台管理功能，面向的是店内管理员，对宠物进销存的数量及其他相关方面进行一定的管理。通过最后的测试与运行，该系统具有界面干净舒适、能快速上手、操作简捷、功能完善、符合实际需求的宠物店管理的特点，能够满足一般的中小型宠物店的管理需要。

本宠物店网上系统是严格按照软件开发流程所开发，通过对现下国内宠物市场的研究得出的开发背景，进行可行性分析、需求分析、数据库及功能模块设计，以及系统运行和测试等方面，最终完成该系统的设计和实现。

 

关键词：网上预订和销售; Vue; Mysql; 结构化; MVVM

 

目录

摘要

Abstract

引    言-1

1  项目可行性分析及开发环境-2

1.1  经济可行性-2

1.2  技术可行性-2

1.3  开发环境-2

2  系统概要设计-3

2.1  系统功能模块-3

2.1.1  会员模块-3

2.1.2  商品搜索模块-3

2.1.3  购物车模块-3

2.1.4  后台管理模块-4

2.2  系统功能结构图-4

2.3  系统用例图-4

3  数据库设计-6

3.1  数据库概念结构设计-6

3.1.1  实体-联系图（E-R图）-6

3.1.2  数据流图-8

3.2  数据库的创建-9

3.3  数据库逻辑结构设计-9

3.3.1  用户信息表UserList-10

3.3.2  宠物信息表PetList-10

3.3.3  宠物用品信息表GoodsList-11

3.3.4  订单信息表OrderList-11

4  详细设计与实现-12

4.1  主界面设计-12

4.2.  用户登录模块设计-12

4.3  购物车模块设计-16

4.4  商品查询模块设计-18

4.5  后台管理模块设计-19

4.5.1  用户管理-19

4.5.2  商品管理-22

4.5.3  订单管理-23

5  系统测试-24

5.1  功能测试-24

5.1.1  用户登录-24

5.1.2  购物车-24

5.1.3  后台管理-25

5.2  性能测试-25

结    论-26

参 考 文 献-27

附录A  源程序-28