现制茶饮大数据报表系统
现制茶饮大数据报表系统
【摘要】现制茶饮大数据报表系统是通过统计店铺的销售数据来进行分析，通过报表显示分析结果的网站系统，数据包括店铺的名称及产品名称以及客户的性别年龄以及支付方式。商家通过用户名、密码登录系统后，查看所有店铺的月销售总额、平均客单价及本月爆品，从而了解产品的销售情况以及受众客户群体；也可以查看某个店铺的详细情况，通过地区分布查看销售情况。课题采用PyCharm作为开发IDE，应用html+css、javascript、ajax等技术实现网页动态加载，通过python语言进行数据的分析、网站的发布，并适用MySQL作为存储数据。论文介绍了现制茶饮报表系统的立项前景，研究内容及方法，以及报表系统的页面设计与网页功能。【关键词】报表系统；html+css3；python；数据分析；数据库
目 录
一、引言 1
（一） 网站背景和意义 1
（二） 网站介绍 1
二、关键技术介绍 1
（一）MySQL workbench8.0 CE 1
（二）Html+Css3技术 2
（三）javascript技术 2
（四）Pycharm 2
（五）Ehcarts 3
三、 网站需求分析 3
（一）可行性分析 3
1．需求可行性分析 3
2. 技术可行性分析 3
（二）网站的目标 3
（三） 网站用例 4
四、网站总体设计 4
（一）网站功能模块设计 4
（二） 网站数据模型设计 5
1. 实体关系图(E-R图)设计 5
2. 数据物理模型的设计 6
五、网站详细设计 9
（一）品牌统计分析 9
1.首页模块 10
2.报表分类 11
（二） 店铺统计 13
1. 门店列表 13
2. 店铺统计 14
（三） 地区分布 16
六、总结 17
致谢 18
参考文献 19
一、引言
科技逐渐地在进步，一个人慢慢地成为了一组数据，人的身高、体重等都成为数据保存了下来。在数据过分膨胀的现在，数据分析就显得更有必要了，数据分析能够帮助人们准确地做出判断，便于采取行动。
现制茶饮报表系统将从网站背景和意义，以及网站介绍两个部分来讲，来简单的介绍本项目的立项前景。
（一）网站背景和意义
随着时代的进步，奶茶、咖啡等茶饮逐渐成地生活化、大众化，人们也越来越离不开。相关数据表明，2016年至2018年新增的茶饮门店数量成倍增长。然而，各种各样的支付方式也带来了一些问题：产品推荐脱离个人片偏好；顾客群体分析力度过粗；新品投放缺乏反馈手段；门店管理缺少深度数据。本项目通过对所提供数据的分析，带来精细服务、深度分析、产品反馈，从而达到精准营销的目的。
（二）网站介绍
现制茶饮报表系统的设计与实现，是利用在校所学的网页设计和开发实践经验。网站包括品牌统计、店铺统计设计以及地区分布等模块。该系统功能包括：所有店铺当月的销售信息以及客户信息；显示本月的优秀本店、销售额及客单价；Top销售排行包括Top5门店与Top5饮品；付款方式分为外卖支付与现场支付；以及外卖支付与现场支付的各种方式的占比情况；时间段销售分布分为近年与近日，时间段近日分布可自行调整时间段。
二、关键技术介绍
一个网站由很多部分组成，数据库、网页、数据都是构建网站的一部分，通过专业的软件、选择正确的技术，构建网站也会变得更加简单。本系统采用了MySQL workbench8.0 CE作为数据库，Html+Css3用来制作页面，javascript美化页面并完善功能，pycharm开发项目并分析数据，echarts制作图表等技术，下面将详细地介绍这五种技术的功能。
（一）MySQL workbench8.0 CE
MySQL Workbench[1]是一款专为MySQL设计的ER/数据库建模工具。它是著名的数据库设计工具DBDesigner4的继任者。你可以用MySQL Workbench设计和创建新的数据库图示，建立数据库文档，以及进行复杂的MySQL 迁移。
它提供了可视化设计、模型建立以及数据库管理功能，让数据库管理员、程序开发者和系统规划师获得了便利。它能够为变更和管理文档任务提供的便利，从而节省了大量的时间。它能够在多类型系统上使用。对象浏览器提供对数据库架构和对象的即时访问。
（二）Html+Css3技术
Html5+CSS3是设计构建网站的必备知识，HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本[2]是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
CSS3[3]是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS演进的一个主要变化[4]就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。
（三）javascript技术
JavaScript（简称“JS”） [5]是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript[6]在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript 的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。
JavaScript[7] [8]是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
?是一种解释性脚本语言（代码不进行预编译）。
?主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
?可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
（四）Pycharm
PyCharm[9]是一种Python IDE，帮助用户使用Python语言提高开发效率，例如可以进行调试、语法高亮、Project管理、单元测试、版本控制。该IDE还支持Django框架下的专业Web开发。
同时支持Google App Engine，PyCharm支持IronPython。这些功能在先进代码分析程序的支持下，使 PyCharm 成为 Python 专业开发人员和刚起步人员使用的有力工具。
（五）Ehcarts
ECharts [10]，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。
除了已经内置的包含了丰富功能的图表，ECharts 还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何你想要的图形，更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。
你可以在下载界面下载包含所有图表的构建文件，如果只是需要其中一两个图表，又嫌包含所有图表的构建文件太大，也可以在在线构建中选择需要的图表类型后自定义构建。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/78.html
