没有合适的资源?快使用搜索试试~ 我知道了~
基于vue的联通积分商城数据可视化APP设计与实现 .docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 44 浏览量
2023-09-11
13:15:07
上传
评论
收藏 2.92MB DOCX 举报
温馨提示
试读
36页
基于vue的联通积分商城数据可视化APP设计与实现 .docx
资源推荐
资源详情
资源评论
目 录
摘 要.......................................................................................................I
Abstract......................................................................................................II
引 言 ......................................................................................................1
1 前端技术介绍 ........................................................................................3
1.1 前端开发语言 ...............................................................................3
1.1.1 HTML5.................................................................................3
1.1.2 CSS3 .....................................................................................3
1.1.3 JavaScript .............................................................................3
1.2 MVVM 开发模式 .........................................................................4
1.3 Vue 框架 .......................................................................................4
1.4 Axios 技术.....................................................................................5
1.5 ECharts ..........................................................................................5
1.6 数据库技术 ...................................................................................5
1.7 本章小结 .......................................................................................6
2 前端开发的分析 ....................................................................................7
2.1 功能性需求分析 ...........................................................................7
2.2 非功能性需求分析 .......................................................................8
2.2.1 兼容性需求 ..........................................................................8
2.2.2 性能需求 ..............................................................................8
2.3 本章小结 .......................................................................................8
3 前端开发的设计 ....................................................................................9
3.1 前端架构设计 ...............................................................................9
3.2 系统功能设计 ...............................................................................9
3.2.1 登录页面设计 ......................................................................9
3.2.2 首页页面设计 ......................................................................9
3.2.3 流量分析页面设计 ............................................................10
3.2.4 转化分析页面设计 ............................................................11
3.2.5 用户分析页面设计 ............................................................11
3.2.6 商品分析页面设计 ............................................................12
3.2.7 底部导航栏设计 ................................................................13
3.3 数据库设计 .................................................................................14
3.4 本章小结 .....................................................................................16
4 前端开发的具体实现 ..........................................................................17
4.1 系统开发环境 .............................................................................17
4.1.1 开发环境 ............................................................................17
4.1.2 项目框架搭建 ....................................................................17
4.1.3 开发系统前端项目结构 ....................................................17
4.2 通用组件的开发 .........................................................................18
4.3 开发系统页面功能实现 .............................................................19
4.3.1 登录页 ................................................................................19
4.3.2 首页 ....................................................................................20
4.3.3 流量分析页 ........................................................................22
4.3.4 转化分析页 ........................................................................23
4.3.5 用户分析页 ........................................................................24
4.3.6 商品分析页 ........................................................................25
4.4 开发系统的创新点 .....................................................................26
4.5 本章小结 .....................................................................................26
5 前端开发的系统测试 ..........................................................................27
5.1 功能性测试 .................................................................................27
5.2 兼容性测试 .................................................................................27
5.3 本章小结 .....................................................................................28
总 结 ..................................................................................................29
致 谢 ..................................................................................................30
参考文献 ..................................................................................................32
沈阳城市学院毕业设计(论文)
I
摘 要
当今互联网技术突飞猛进,全球经济模式也随之变化,由传统的
一手交钱,一手交货,变成现在的线上交易,加大了各种商品的成交
率。而企业想要得到长久稳定的发展,则必须要对交易中产生的商业
数据进行分析处理,充分利用分析结果,实现企业进一步壮大,由此
可见,对企业来说企业信息化显得极为重要。在以节省成本的制约下,
对企业来说,信息化的实现就显得尤为重要,而且将会是一项繁杂的
工作。因此,开发一款具有数据分析能力的系统,将有效的推进企业
信息化,这也将成为本课题研究的主要内容。
本课题意在研究并开发一款数据信息可视化的移动端软件,主要
研究项目实现的前端框架技术。在开发项目的过程中,使用到了
MVVM 开发模式实现前后端分离开发,并且在 Vue 框架、Axios 技
术、ECharts 组件等工具的支持下,完成该项目前端开发。实现一款
多种形式的数据展示页面,来对联通积分消费用户的地理位置及消费
方向进行分析。
关键词:Vue 框架;数据可视化;Web 前端;ECharts
沈阳城市学院毕业设计(论文)
II
Abstract
With the development of Internet currently, global economy form
has changed from traditional payment to modern online transition,which
deepen the turnover ratio of all kinds of goods. And enterprises want to
get long-term achievement, they must analyze the business information
during the transition. Hence, it’s necessary to make full use of enterprise
information for them. Constraints to saving cost, the popularity of
information makes enormous difference for enterprises. Hence, the
development of a data analysis system will effectively promote enterprise
information, which will also become the main content of this study.
The project aims to study and develop a mobile terminal software
for data information visualization, and primarily research the front-end
framework technology that the project wants to achieve. In the process of
developing the project, the mode, MVVM development, was used to
achieve the before and after the end of separating development, and
with the support of VUE framework, AXIOS technology, ECHARTS
components and other tools to complete the current end development.
Realize a variety of forms of data display page to analyze the
geographical location and consumption direction of UNICOM points
consumers.
Keywords: Vue framework; Data visualization; Web front end; ECharts
沈阳城市学院毕业设计(论文)
1
引 言
现今,科技发展势头迅猛,信息技术也随之得到了进一步发展,
所以数据可视化已成为当今社会极其重要的领域之一。在这个大数据
时代,需要解决的关键性问题,就是如何在错综庞杂的数据中,高速
处理、分析数据内部的信息规律。数据可视化经过几代人共同的发展,
由最初的计算机图形学,发展到如今的多种表现形式,例如实时动态
变化、用户交互使用等,对人们而言提供了多样选择,而且更有助于
人们认识和理解数据。
现在处于大数据时代,数据可视化也并不是一个新的技术,因为
人们对数据分析的需求越来越强烈,所以数据可视化越发的让人灼以
重视。对于开发者来说,数据分析是一个比较困难的问题,数据可视
化相对是较为容易的,但是对当今社会而言,数据可视化却是一个重
要的技术。
目前来看,国内外发展是有一定差距的。在国外,数据可视化的
发展历程已经相当之久,其应用范围和影响也随之逐渐扩大。早期,
在数据可视化这个新兴领域,国外对其重视的程度远超国内,他们不
仅在这方面投入大量财力、物力,而且还有政府、高校为此专门成立
各种研究机构,用来探索数据奥妙。相对于国外,国内数据可视化发
展几乎晚了近十年之久,但也取得了一定的成果。由于近几年国内互
联网技术的高速发展,也带动了高校、研究院、互联网公司等研究机
构对数据可视化方面的研究,在数据可视化学术和应用方面取得了很
大的进步。阿里巴巴旗下 DataV 数据可视化,已经颇有追赶世界一流
技术的趋势,而且学习开发愈发简单易懂,场景模板愈加完善,数据
接入方式愈加强大,例如天猫双十一狂欢购物节,阿里巴巴总部大屏
展示的各类产品交易额数据,实现对大量数据进行稳定的实时更新,
为数据可视化研究树立了一个新的里程碑;相对于阿里巴巴这个新起
之秀,我们更为熟知的百度 ECharts 数据可视化图表开发,同样是国
内数据可视化顶尖的存在,它以更强的兼容性深得数据可视化开发者
的喜爱。
本系统主要针对联通公司积分商城 APP 应用的数据可视化的设
剩余35页未读,继续阅读
资源评论
南抖北快东卫
- 粉丝: 70
- 资源: 5584
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功