摘要：随着现代生活的进步，电影已经成为每个家庭生活中不可缺少的一部分。大量的市场需求层出不穷，这对于电影公司来说既是商机又是难题，因为适应市场需求需要做很多数据分析，电影公司需要清楚用数据分析来了解各种电影信息，如何从大量的数据当中很容易的抓出问题的核心，就可以用到数据分析，把统计整理出来的数据可视化。

前端显示方面，使用bootstrap框架设计并实现完成一个可维护、高扩展性的豆瓣电影数据分析的前端可视化系统。后台程序是使用Node.js技术，采用符合ECMA 5标准的JavaScript语言，充分发挥了与JSON兼容的优势，提高了程序开发效率。除此之外，Node.js技术充分利用了异步执行、非阻塞IO模型和事件驱动的特点，如效率高、资源利用率低。

本系统经过实际的编码的设计与实现，基于echarts.js的豆瓣电影数据分析系统可视化设计与实现均已成功实现，经实际使用证明，本文所设计的采用 Node.js 技术，读取json文件并进行数据存取、清洗和数据分析，前端显示模块运行正常，可以用作豆瓣电影的数据获取分析可视化工作。

关键词：豆瓣电影；数据可视化；前端开发；echarts.js

目录

摘要

Abstract

1 绪论-1

1.1 课题研究背景-1

1.2 课题研究意义-1

1.3 项目开发目标-2

2 系统需求分析-3

2.1 可行性分析-3

2.1.1经济可行性-3

2.1.2技术可行性-3

2.1.3应用可行性-3

2.2 关键技术介绍-3

2.2.1开发编辑器sublime-3

2.2.2 Json解析-3

2.2.3 JavaScript-4

2.2.4 Echarts.js-4

2.2.5 Node.js-4

2.2.6 bootstrap-4

2.3 功能分析-4

3 系统设计-6

3.1功能模块设计-6

3.1.1 平台首页设计-6

3.1.2 统计模块设计-6

3.1.3 评分模块设计-7

3.1.4 搜索模块设计-7

3.2 前端设计-7

4系统实现-8

4.1 页面搭建-8

4.1.1 项目文件配置-8

4.1.2 使用node+npm初始化项目-9

4.1.3 项目启动-9

4.2页面实现-9

4.2.1 首页-9

4.2.2 统计模块-10

4.2.3 评分模块-13

4.3 数据交互-15

4.3.1 数据处理-15

4.3.2 数据库数据-16

4.4 后台开发-17

5 测试-18

5.1 测试的意义-18

5.2 测试的内容及结果-18

参 考 文 献-21