当当网图图数据可视化设计与实现-毕业设计源码09147

摘 要

随着互联网的发展，电子商务行业日益繁荣，各种电商平台为用户提供了便捷的购物体验。其中，当当网作为中国知名的在线购物平台之一，在图书、音像、电子书等领域拥有丰富的资源和用户群体。为了更好地了解和分析当当网的数据情况，以及为用户提供更好的服务和体验，开发一个当当网图图数据可视化系统具有重要意义。

本文将介绍设计与实现一个基于当当网数据的图图数据可视化系统的过程。系统旨在从当当网获取数据，进行分析和处理，然后利用数据可视化技术将结果直观地展示给用户。通过本系统，用户可以更直观地了解当当网的销售情况、用户偏好、热门商品等信息，为商家和用户提供决策支持和参考。

当当网图图数据可视化设计与实现具有轻量级、灵活性和快速开发的特点，能够迅速响应当当网的数据化可视化需求。此外，Flask框架的简单易用和强大的扩展性也为平台的后续维护和功能扩展提供了便利。

关键词：数据可视化设计；Flask框架；当当网

Design and Implementation of Dangdang Network Graph Data Visualization

Abstract

With the development of the Internet, the e-commerce industry has become increasingly prosperous, and various e-commerce platforms provide users with convenient shopping experiences. Among them, Dangdang.com, as one of the well-known online shopping platforms in China, has rich resources and user groups in the fields of books, audiovisual, e-books, etc. In order to better understand and analyze the data situation of Dangdang, as well as provide better services and experiences for users, developing a Dangdang network graph data visualization system is of great significance.

This article will introduce the process of designing and implementing a graph data visualization system based on Dangdang Net data. The system aims to obtain data from Dangdang, analyze and process it, and then use data visualization technology to visually display the results to users. Through this system, users can have a more intuitive understanding of Dangdang's sales situation, user preferences, popular products, and other information, providing decision support and reference for merchants and users.

The design and implementation of Dangdang network graph data visualization has the characteristics of lightweight, flexibility, and rapid development, which can quickly respond to the data visualization needs of Dangdang network. In addition, the simplicity, ease of use, and powerful scalability of the Flask framework also provide convenience for the subsequent maintenance and functional expansion of the platform.

Key words: Data visualization design; Flask framework; Dangdang Net

目   录

第1章 绪论

1.1 研究背景和意义

1.2 国内外研究现状

1.3 本文的组织结构

第2章 相关技术介绍

2.1 开发技术说明：

2.2 Python简介

2.3 Flask框架介绍架

2.4 Mysql数据库

2.5 B/S体系工作原理：

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 数据库设计

4.3.1 数据需求分析

4.3.2 数据库表设计

第5章 关键模块设计与实现

5.1 登录模块

5.2 图书畅销榜管理

5.3 新书热卖榜管理

5.4 畅销榜评论管理

5.5 热卖榜评论管理

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

1. 绪论
   1. 研究背景和意义

随着互联网的迅速发展，电子商务行业不断壮大，当当网作为中国领先的在线购物平台之一，拥有丰富的商品资源和庞大的用户群体。为了更好地了解消费者行为、优化商品推荐以及提升用户体验，开发一个基于当当网数据的图图数据可视化系统具有重要意义。该系统将通过数据分析和可视化技术，为商家和用户提供直观的销售情况、用户偏好、热门商品等信息，为电商运营和消费者决策提供有效支持和参考。

1. 1. 国内外研究现状

国内研究现状：

近年来，随着大数据技术的快速发展，国内对于数据可视化的研究与实践逐渐深入。在电商领域，如当当网等在线购物平台，开始积极探索图图数据可视化的设计与实现。国内的研究团队和企业纷纷投入资源，研发出了一系列适用于电商领域的数据可视化工具和系统。这些工具和系统不仅可以帮助用户更直观地了解商品信息、销售情况等，还能为商家提供决策支持，优化库存管理、营销策略等。此外，国内学者也在积极撰写关于大数据可视化的总结论文，为当当网等电商平台的数据可视化实践提供了理论支持。

国外研究现状：

在国外，数据可视化的研究与实践起步较早，已经形成了较为完善的理论体系和技术应用。许多知名大学，如麻省理工学院、哈佛大学等，都将大数据可视化作为重要的研究课题。麻省理工学院的研究小组专门研究城市信息的可视化，已经发表了众多被广泛引用的论文。此外，斯坦福大学也在交互式可视化的新语言、理论模型、探索性分析和设计工具等方面进行了深入研究。这些研究成果为当当网等电商平台提供了可借鉴的经验和技术支持。

综合国内外研究现状来看，当当网图图数据可视化设计与实现已经具备了较为坚实的基础。然而，随着电商行业的快速发展和市场竞争的加剧，如何进一步提升数据可视化的效果、满足用户多样化的需求、提高商家的运营效率等方面仍需要进一步探索和创新。因此，未来的研究应更加注重技术创新和应用实践，推动数据可视化在电商领域的持续发展。

1. 1. 本文的组织结构

第一章是绪论，本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了当当网图图数据可视化设计与实现的所采用的开发技术和开发工具。

第三章是系统分析部分，包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分，本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现，介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结，以此对未来有一个新的展望。

1. 相关技术介绍
   1. 开发技术说明：

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于python的Flask框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用Flask作为开发框架，同时集成Redis等相关技术。

1. 1.  Python简介

Python 是一个高层次的脚本语言结合了解释性、编译性、互动性和面向对象的。Python 的设计，相比其他语言经常使用英文关键字和其他语言的一些标点符号，它具有比其他语言更有特色语法结构，具有很强的可读性。

解释型语言：类似于Python和Perl语言，这意味着开发过程中没有了编译这个环节。

交互式语言：可以在一个 Python 提示符 >>> 后直接执行代码。

面向对象语言：Python支持面向对象的风格或代码封装在对象的编程技术。

1. 1.  Flask框架介绍架

Flask是一个轻量级的可定制框架，使用Python语言编写，较其他同类型框架更为灵活、轻便、安全且容易上手。它可以很好地结合MVC模式进行开发，开发人员分工合作，小型团队在短时间内就可以完成功能丰富的中小型网站或Web服务的实现。另外，Flask还有很强的定制性，用户可以根据自己的需求来添加相应的功能，在保持核心功能简单的同时实现功能的丰富与扩展，其强大的插件库可以让用户实现个性化的网站定制，开发出功能强大的网站。

Flask是目前十分流行的web框架，采用Python编程语言来实现相关功能。它被称为微框架(microframework)，“微”并不是意味着把整个Web应用放入到一个Python文件，微框架中的“微”是指Flask旨在保持代码简洁且易于扩展，Flask框架的主要特征是核心构成比较简单，但具有很强的扩展性和兼容性，程序员可以使用Python语言快速实现一个网站或Web服务。一般情况下，它不会指定数据库和模板引擎等对象，用户可以根据需要自己选择各种数据库。Flask自身不会提供表单验证功能，在项目实施过程中可以自由配置，从而为应用程序开发提供数据库抽象层基础组件，支持进行表单数据合法性验证、文件上传处理、用户身份认证和数据库集成等功能。Flask主要包括Werkzeug和Jinja2两个核心函数库，它们分别负责业务处理和安全方面的功能，这些基础函数为web项目开发过程提供了丰富的基础组件。Werkzeug库十分强大，功能比较完善，支持URL路由请求集成，一次可以响应多个用户的访问请求；支持Cookie和会话管理，通过身份缓存数据建立长久连接关系，并提高用户访问速度；支持交互式Javascript调试，提高用户体验；可以处理HTTP基本事务，快速响应客户端推送过来的访问请求。Jinja2库支持自动HTML转移功能，能够很好控制外部黑客的脚本攻击。系统运行速度很快，页面加载过程会将源码进行编译形成Python字节码，从而实现模板的高效运行；模板继承机制可以对模板内容进行修改和维护，为不同需求的用户提供相应的模板。目前Python的web框架有很多。除了Flask，还有django、Web2py等等。其中Django是目前Python的框架中使用度最高的。但是Django如同java的EJB(EnterpriseJavaBeansJavaEE服务器端组件模型)多被用于大型网站的开发，但对于大多数的小型网站的开发，使用SSH(Struts+Spring+Hibernat的一个JavaEE集成框架)就可以满足，和其他的轻量级框架相比较，Flask框架有很好的扩展性，这是其他Web框架不可替代的。

1. 1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的当当网图图数据可视化设计与实现在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对当当网图图数据可视化设计与实现后台数据进行存储操作。

数据库管理系统的总体结构图如下图所示。

图2-1 数据库组成结构

1. 1.  B/S体系工作原理：

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1. 系统分析
   1. 可行性分析

技术性方面，采用当前主流的Python技术进行系统主体框架的搭建，使用jquery，ajax，实现页面的设计与美观调整，以上技术，均由本人经过系统学习，并且都是在课程设计中实践过的，可以使得开发更加便捷和系统。从技术角度看，这个系统是完全可以实现的。

实用性方面，当当网图图数据可视化设计的实用性体现在其能够直观、高效地展示大量复杂数据，帮助用户快速捕捉关键信息，从而做出更明智的决策。通过精心设计的图表、图像和交互式界面，用户能够轻松理解商品销售趋势、用户行为模式等，为商家提供有力的市场分析和运营优化支持。同时，数据可视化还有助于提升用户体验，使用户在浏览和购物过程中获得更加顺畅和愉悦的体验。因此，当当网图图数据可视化不仅具有技术先进性，更在实用性方面展现出巨大的价值和潜力。

经济性方面，由于本课题中设计的当当网图图数据可视化设计与实现的主要目的是为了能够更加方便及快捷的进行信息的查询管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个当当网图图数据可视化设计与实现所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。

1. 1. 功能需求分析

当当网图图数据可视化设计与实现，主要实现以下功能需求：

后台首页： 提供管理员登录后的后台管理首页，展示系统概况、最新数据和快捷入口，方便管理员监控系统运行状态。

系统用户： 管理系统用户，包括添加新用户、编辑用户信息、删除用户等操作，以确保系统安全性。

图书畅销榜管理： 管理图书畅销榜单，包括添加、编辑、删除榜单等操作，确保榜单内容的及时更新和准确性。

新书热卖榜管理： 管理新书热卖榜单，包括添加、编辑、删除榜单等操作，确保榜单内容的及时更新和准确性。

畅销榜评论管理： 管理图书畅销榜单的评论，包括查看、审核、删除评论等操作，确保评论内容的合法性和质量。

热卖榜评论管理： 管理新书热卖榜单的评论，包括查看、审核、删除评论等操作，确保评论内容的合法性和质量。

根据以上功能需求，得出以下用例图

系统用例图如下所示。

图3-1 系统用例图

1. 1. 非功能需求分析

首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对当当网图图数据可视化设计与实现存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。

1. 1. 安全性需求分析
      1. 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责，更是对企业的负责。尤其针对于当当网图图数据可视化设计与实现来说，必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。

1. 1. 1. 数据的安全性

数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。

因此，在写入数据库时，要保证数据完整性、正确性和一致性。

1. 1. 数据流程分析

对系统的数据流进行分析，系统的使用者管理员。系统主要对界面信息传送，登录信息的验证，用户各种操作的响应做处理。

系统顶层数据流图如下图所示。

图3-2 顶层数据流图

要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

系统底层数据流图如下图所示。

 图3-3 底层数据流图

1. 系统设计
   1. 系统架构设计

本当当网图图数据可视化设计与实现的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

图4-1 系统架构

1. 1. 系统总体设计

当当网图图数据可视化设计与实现总体后台管理员模块。

两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。

综上所述，系统功能结构图如下图所示。

图4-2 系统功能结构图

1. 1. 数据库设计
      1. 数据需求分析

从前面可以分析到数据库中最重要的是图书畅销榜信息，新书热卖榜信息，管理员信息。分析可以得到如下数据描述：

图书畅销榜信息：记录图书畅销榜单，包括添加、编辑、删除榜单等数据项。

管理员：记录管理员的登录信息。包括用户名，密码，权限等数据项。

新书热卖榜信息：记录新书热卖榜单，包括添加、编辑、删除榜单等数据项。

数据库概念设计

根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

1. 1. 1. 数据库表设计

当当网图图数据可视化设计与实现所拥有的数据表有以下：用户信息表，图书畅销榜信息表，畅销榜评论表等。

由于数据表较多，只展示系统主要数据表，如下表所示。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表bestsellers_in_books (图书畅销榜)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	bestsellers_in_books_id	int	10	0	N	Y		图书畅销榜ID
2	ranking	int	10	0	Y	N	0	排名
3	title	varchar	64	0	Y	N		书名
4	number_of_comments	int	10	0	Y	N	0	评论数
5	recommendation_level	varchar	64	0	Y	N		推荐度
6	author_information	varchar	64	0	Y	N		作者信息
7	publication_time	date	10	0	Y	N		出版时间
8	press	varchar	64	0	Y	N		出版社
9	discount_price	int	10	0	Y	N	0	折扣价
10	original_price	int	10	0	Y	N	0	原价
11	discount_rate	varchar	64	0	Y	N		折扣率
12	e_book_prices	int	10	0	Y	N	0	电子书价格
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表bestseller_review (畅销榜评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	bestseller_review_id	int	10	0	N	Y		畅销榜评论ID
2	ranking	int	10	0	Y	N	0	排名
3	title	varchar	64	0	Y	N		书名
4	number_of_comments	int	10	0	Y	N	0	评论数
5	recommendation_level	varchar	64	0	Y	N		推荐度
6	author_information	varchar	64	0	Y	N		作者信息
7	publication_time	date	10	0	Y	N		出版时间
8	press	varchar	64	0	Y	N		出版社
9	discount_price	int	10	0	Y	N	0	折扣价
10	original_price	int	10	0	Y	N	0	原价
11	discount_rate	varchar	64	0	Y	N		折扣率
12	e_book_prices	int	10	0	Y	N	0	电子书价格
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表hot_selling_list_comments (热卖榜评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hot_selling_list_comments_id	int	10	0	N	Y		热卖榜评论ID
2	ranking	int	10	0	Y	N	0	排名
3	title	varchar	64	0	Y	N		书名
4	number_of_comments	int	10	0	Y	N	0	评论数
5	recommendation_level	varchar	64	0	Y	N		推荐度
6	author_information	varchar	64	0	Y	N		作者信息
7	publication_time	date	10	0	Y	N		出版时间
8	press	varchar	64	0	Y	N		出版社
9	discount_price	int	10	0	Y	N	0	折扣价
10	original_price	int	10	0	Y	N	0	原价
11	discount_rate	varchar	64	0	Y	N		折扣率
12	e_book_prices	int	10	0	Y	N	0	电子书价格
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hot_selling_list_of_new_books (新书热卖榜)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hot_selling_list_of_new_books_id	int	10	0	N	Y		新书热卖榜ID
2	ranking	int	10	0	Y	N	0	排名
3	title	varchar	64	0	Y	N		书名
4	number_of_comments	int	10	0	Y	N	0	评论数
5	recommendation_level	varchar	64	0	Y	N		推荐度
6	author_information	varchar	64	0	Y	N		作者信息
7	publication_time	date	10	0	Y	N		出版时间
8	press	varchar	64	0	Y	N		出版社
9	discount_price	int	10	0	Y	N	0	折扣价
10	original_price	int	10	0	Y	N	0	原价
11	discount_rate	varchar	64	0	Y	N		折扣率
12	e_book_prices	int	10	0	Y	N	0	电子书价格
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	vip_level	varchar	255	0	Y	N		会员等级
16	vip_discount	double	11	2	Y	N	0.00	会员折扣

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 关键模块设计与实现
   1. 登录模块

管理员在登录界面输入账号+密码，完成验证，点击“登录”按钮，系统在用户数据库表中会对管理员的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，其主界面展示如下图5-1所示。

图5-1管理员登录界面图

1. 1. 图书畅销榜管理

管理员点击“图书畅销榜管理”会显示出图书畅销榜列表和图书畅销榜添加，支持输入书名、作者信息、出版社等进行查询、重置、导出和删除的操作，还可以下载导入文档。如果想要添加新的图书畅销榜，点击“添加”按钮，同时可以选择某一条图书畅销榜，点击“删除”进行删除。图书畅销榜列表和图书畅销榜添加界面如下图5-2和5-3所示。

图5-2图书畅销榜列表界面图

图5-3图书畅销榜添加界面图

1. 1. 新书热卖榜管理

管理员点击“新书热卖榜管理”会显示出新书热卖榜列表和新书热卖榜添加，支持输入书名、作者信息、出版社等进行查询、重置、导出和删除的操作，还可以下载导入文档。如果想要添加新的新书热卖榜，点击“添加”按钮，同时可以选择某一条新书热卖榜，点击“删除”进行删除。新书热卖榜列表和新书热卖榜添加界面如下图5-4和5-5所示。

图5-4新书热卖榜列表界面图

图5-5新书热卖榜添加界面图

1. 1. 畅销榜评论管理

管理员点击“畅销榜评论管理”会显示出畅销榜评论列表和畅销榜评论添加，支持输入书名、作者信息、出版社等进行查询、重置、导出和删除的操作，还可以下载导入文档。如果想要添加新的畅销榜评论，点击“添加”按钮，同时可以选择某一条畅销榜评论，点击“删除”进行删除。畅销榜评论列表和畅销榜评论添加界面如下图5-6和5-7所示。

图5-6畅销榜评论列表界面图

图5-7畅销榜评论添加界面图

1. 1. 热卖榜评论管理

管理员点击“热卖榜评论管理”会显示出热卖榜评论列表和热卖榜评论添加，支持输入书名、作者信息、出版社等进行查询、重置、导出和删除的操作，还可以下载导入文档。如果想要添加新的热卖榜评论，点击“添加”按钮，同时可以选择某一条热卖榜评论，点击“删除”进行删除。热卖榜评论列表和热卖榜评论添加界面如下图5-8和5-9所示。

图5-8热卖榜评论添加界面图

图5-9热卖榜评论添加界面图

1. 系统测试
   1. 测试目的

对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

1. 1. 功能测试

下表是系统登录功能测试用例，检测了用户名和密码的不同的输入情况，观察系统的响应情况。得出该功能达到了设计目标。

表6-1 系统登录功能测试用例

功能描述	用于系统登录
测试目的	检测登录时的合法性检查
测试数据以及操作	预期结果	实际结果
输入的用户名和密码带有非法字符	提示用户名或者密码错误	与预期结果一致
输入的用户名或者密码为空	提示用户名或者密码错误	与预期结果一致
输入的用户名和密码不存在	提示用户名或者密码错误	与预期结果一致
输入正确的用户名和密码	登录成功	与预期结果一致

下表是图书畅销榜功能的测试用例，检测了图书畅销榜的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 图书畅销榜的测试用例

功能描述	用于图书畅销榜
测试目的	检测图书畅销榜时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加图书畅销榜，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加图书畅销榜请，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改图书畅销榜，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改图书畅销榜，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除图书畅销榜，选择图书畅销榜删除	提示删除成功	与预期结果一致
点击搜索图书畅销榜，输入存在的简历名	查找出图书畅销榜	与预期结果一致
点击搜索图书畅销榜，输入不存在的简历名	不显示图书畅销榜	与预期结果一致

1. 1. 性能测试

使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。

压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。

1. 总结与展望

随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是当当网图图数据可视化设计与实现为核心展开的，主要是为了实现数据可视化管理需求。

当当网图图数据可视化设计与实现的开发是以Python编程语言作为基础，在PythonStrom平台上完成编码工作，系统整体为B/S架构，数据库系统使用Mysql。文中详细分析了当当网图图数据可视化设计与实现的研究背景、研究目的和意义、开发工具和相关技术以及系统需求、系统详细设计和系统测试等等一系列内容。系统实现了当当网图图数据可视化设计与实现所需的一些基本功能，并通过测试对这些实现的功能进行了完善，进而提高了系统整体的实用性。整个系统的开发过程中大量使用了Python相关的知识以及前端开发使用的html和javascript等，同时涉及到了很多开源框架和组件，例如后台系统中运用的MVVM架构、Freemarker模板引擎等，前端运用的UI框架等。

系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固，再加上自身开发经验欠缺，因此系统在有些方面的功能还不够完善，考虑的不够全面，因此整个系统还有待日后逐步完善。

参考文献

[1]董巍,樊欣宇,杨同宇等.气象数据处理及可视化平台的设计与实现[J].科技与创新,2024,(02):191-193+196.DOI:10.15913/j.cnki.kjycx.2024.02.057.

[2]Chen C H ,Wang J ,Shyr Y , et al.FindAdapt: A python package for fast and accurate adapter detection in small RNA sequencing.[J].PLoS computational biology,2024,20(1):e1011786-e1011786.

[3]Qiu J ,Nie W ,Ding H , et al.PB-LKS: a python package for predicting phage-bacteria interaction through local K-mer strategy.[J].Briefings in bioinformatics,2024,25(2):

[4]Vught V L ,HaasjesC ,BeenakkerJ .ZOSPy, a python package for ray tracing simulations[J].Acta Ophthalmologica,2024,102(S279):

[5]Sego J T .SimService: A Lightweight Library for Building Simulation Services in Python.[J].Bioinformatics (Oxford, England),2024,

[6]杨垚,刘永海,肖雅娟等.目标与态势三维可视化系统设计与实现[J].网络安全与数据治理,2023,42(12):90-95.DOI:10.19358/j.issn.2097-1788.2023.12.015.

[7]苏婉怡,揣小龙,刘美瑜等.基于Java技术的实验室管理系统设计与实现[J].无线互联科技,2023,20(23):58-60.

[8]吴宪传,杨敏儿.基于深度学习的车牌图像识别数据可视化平台的设计与实现[J].现代计算机,2023,29(22):75-82.

[9]吴宪传,吴绍荣,颜远海.基于大数据的电商数据仓库可视化平台的设计与实现[J].现代计算机,2023,29(21):61-70.

[10]刘思晗,李明杰,肖林等.基于Leaflet与Vue的台风风暴潮预报可视化系统组件化设计与实现[J].海洋预报,2023,40(05):73-80.

[11]李保琴,张强,俞烨波.基于高频数据可视化分析的设计与实现[C]//中国金属学会.第十四届中国钢铁年会论文集—17.其他.上海宝信软件股份有限公司工业互联网研究院;,2023:5.DOI:10.26914/c.cnkihy.2023.054969.

[12]黎心怡,夏梓彤,庄嘉濠等.基于大数据技术的实时轨道交通分析预测可视化系统的设计与实现[J].电脑知识与技术,2023,19(29):71-74.DOI:10.14004/j.cnki.ckt.2023.1531.

[13]李金玲,袁鑫,杨彪.基于Web技术的传染病数据可视化平台的设计与实现[J].计算机应用与软件,2023,40(10):101-106+173.

[14]胡圣,秦昆,喻雪松等.全球地理多元流网络数据存储与可视化系统的设计与实现[J].测绘地理信息,2023,48(05):155-158.DOI:10.14188/j.2095-6045.2021227.

[15]姜永成.基于Django的网络招聘数据可视化分析系统的设计与实现[J].科技资讯,2023,21(19):57-60.DOI:10.16661/j.cnki.1672-3791.2306-5042-4316.

[16]汤梦瑶,程斐斐.基于Spark的地震数据分析与可视化系统设计与实现[J].现代信息科技,2023,7(18):20-24+30.DOI:10.19850/j.cnki.2096-4706.2023.18.004.

[17]何毅平,黄媛,湛茂溪等.基于网络爬虫的招聘信息可视化系统设计与实现[J].长江工程职业技术学院学报,2023,40(03):24-28.DOI:10.14079/j.cnki.cn42-1745/tv.2023.03.006.

[18]李威,邱永峰.基于Hadoop的电商大数据可视化设计与实现[J].现代信息科技,2023,7(17):46-49.DOI:10.19850/j.cnki.2096-4706.2023.17.009.

[19]邱奕超,张驰庚.旅游大数据的可视化设计和实现方法[J].信息与电脑(理论版),2023,35(17):120-123.

[20]张同硕,廖明军,张荣华等.基于Django的交通事故数据可视分析系统设计与实现[J].软件导刊,2023,22(07):112-117.

致谢

本次设计历时3个月。在这个毕业设计中，离不开指导教师的指导，使事情基本顺利。指导老师无论是在毕业设计历经中，还是在论文做完中都给了了我特别大的助益。另1个方面，教师认真负责的工作姿态，谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中，我的技能得到了特别大的提高。在此，特向教师表示由衷的感激。

经过对该毕业设计的全部研究和开发，我的系统研发经历了从需求分析到实现详细功能，再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多，这是这次毕业设计最好的收获。

最后，在整个系统开发过程中，我周围的同学和朋友给了我很多意见，所以我很快就确认了系统的商业思想。在次，我由衷的向他们表示感激。

免费领取项目源码，请关注❥点赞收藏并私信博主，谢谢~