Project implementation -06 (Web front page)

Outline

The front page of the project using EasyUIthe front frame. Meanwhile,Visualization, The introduction of Echartsthe library.
EasyUiOfficial website: http://www.jeasyui.net/
Echarts official website: https://www.echartsjs.com/zh/index.html

Overall framework

Here Insert Picture Description

  • Among them, staticpackage, store some plug-ins, EasyUIdependence, Echartsdependency, and other static resources.
  • workPackage, store required for this project page.

static bag

Get the address: https://pan.baidu.com/s/17zsLFnT-J6remzJMCuUywA acquisition code: 3owz

  • easyui the package, the introduction of EasyUIthe plug-in dependencies.
  • echars the package, the introduction of Echartsthe plug-in dependencies.
  • img next package, is the introduction of some of the background image.
  • common lower cladding, a JQuerydependence一些定制的插件 , 一些输入验证规则and 简单的登录信息埋点定制the like.Here 定制插件and 埋点定制we will follow i.e. articles embodiment -07,08 project in detail.

work package

Get the address: https://pan.baidu.com/s/1dH9HstVBOg4IpmFhJI3D4w acquisition code: 1eyt

  • login under the package, the login registration 入口page.
  • homepage under the package, is the system's 主体page.
  • user under the package, docking database 数据报表.
  • charts next package is a graphical 数据报表page.

Partially effective showcase

注册

Here Insert Picture Description

登录

Here Insert Picture Description

主页

Here Insert Picture Description

数据报表

Here Insert Picture Description

地理位置报表 (伪)

Here Insert Picture Description

分析报表, 地理位置真实分布图And 流式处理, after completion of the large data flow computing development, Bowen subsequent update.

Published 32 original articles · won praise 1 · views 1157

Guess you like

Origin blog.csdn.net/ASYMUXUE/article/details/105175697