摘要：随着当前商场人流量的不断增加，加快顾客选购面包产品的速度及节约顾客时间，成为面包店能准确快速收银的首要任务，抛弃传统的手工结算，相应的软硬件服务也应该有所提高。在市场需求的大环境下，研究面包店收银相关的系统是很有必要，面包店收银系统设计与优化的需求就由此而产生。

本次实现采用了Vue.js + Webpack + Element + Axios + Vuerouter作为技术栈，通过Axios跨域请求连接Apache服务器实现前端与后台php分离。

目前，各视频餐饮行业均使用上了独立的收银系统，各家系统也各有所长，如何提高面包店收银系统运行速度以及准确性，成了设计的重点。通过实现一个界面友好的面包店收银系统，收银员可以实现商品管理的信息现代化，网络化，系统化，规范化，使收银员可以从复杂的数据计算和统计中解脱出来，减少工作量，提高工作效率。

该面包店收银系统功能是基于B/S结构开发的。使用JS、PHP、CSS开发，数据库采用MySQL，支持市面上大部分浏览器操作。

关键词：B/S；收银系统；MySQL；PHP

目录

摘要

Abstract

1 绪论-1

1.1 项目背景-1

1.2 研究意义-1

1.3 设计目标-1

2 系统分析-2

2.1 可行性分析-2

2.1.1 经济可行性-2

2.1.2 技术可行性-2

2.1.3操作可行性-2

2.2 系统需求分析-3

2.3 实现题目所需技术介绍-3

2.3.1 Vue简介-3

2.3.2 Webpack简介-4

2.3.3 Element简介-4

2.3.4 Axios简介-4

2.3.5 Vuerouter简介-5

3 系统概要设计-6

3.1 系统功能总体设计-6

3.1.1 开发环境-6

3.1.2 功能概述-6

3.1.3功能模块图-7

3.2 数据库概要设计-7

3.3 系统出错处理设计-8

4 系统详细设计-9

4.1 系统功能的详细设计-9

4.2用户功能的详细设计-10

5.总结-13

5.1 面包店收银系统特点-13

5.2 面包店收银系统展望-13

5.3 心得体会-13

参 考 文 献-15

致    谢-16