项目实施-06 （Web前端 页面）

概述

此次项目的前端页面采用EasyUI前端框架。同时，在可视化方面，引入Echarts库。
EasyUi官网：http://www.jeasyui.net/
Echarts官网：https://www.echartsjs.com/zh/index.html

整体框架

• 其中，static包中，存放一些插件、EasyUI依赖、Echarts依赖、等静态资源。
• work包中，存放本次项目所需的页面。

static包

获取地址：https://pan.baidu.com/s/17zsLFnT-J6remzJMCuUywA 获取码：3owz

• easyui 包下，是引入的EasyUI的插件依赖。
• echars包下，是引入的Echarts的插件依赖。
• img包下，是引入的一些背景图片。
• common 包下，是JQuery的依赖、一些定制的插件、一些输入验证规则以及简单的登录信息埋点定制等。这里的定制插件和埋点定制会在后续篇即 项目实施-07、08 中，详细阐述。

work包

获取地址：https://pan.baidu.com/s/1dH9HstVBOg4IpmFhJI3D4w 获取码：1eyt

• login包下，是登录注册的入口页面。
• homepage包下，是系统的主体页面。
• user包下，是对接数据库的数据报表。
• charts包下，是图形数据报表的页面。

部分效果展示

注册

登录

主页

数据报表

地理位置报表 (伪)

分析报表、地理位置真实分布图和流式处理，将在完成大数据流式计算开发之后，更新在后续博文中。