AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

可视化开发脚手架

2019-03-14 1724
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 项目地址https://github.com/xinglie/report-designerdemo地址https://xinglie.github.io/report-designer/iot.

项目地址

https://github.com/xinglie/report-designer

demo地址

https://xinglie.github.io/report-designer/iot.html

界面预览

image

设计需求

1.　可视化工具越来越多的成为标配，针对web开发，各种框架都有自己的可视化搭建工具
2.　依赖web操控、展示、通信的行业会越来越多，为传统行业提供快速搭建的功能
3.　大数据时代，除数据可视化，其它各方面的可视化需求也会增多

设计实现

1.　脚手架只做基础的布局控制与界面展现
2.　编辑、可视哪些元素由开发者提供，包括有哪些元素，元素可编辑的属性，界面展示，逻辑控制等
3.　输入输出使用JSON数据，可视化产出描述的数据，可用其它任意技术进行界面构建还原
4.　尽量适应任何的可视化场景：报表，物联网，页面搭建等

文章标签：
JavaScript
物联网
Web App开发
大数据
数据可视化
行列
目录
相关文章
diygwcom
|
12天前
|
移动开发 数据可视化 小程序
DIY可视化UniApp可视化入门教程
DIY可视化UniApp可视化入门教程
diygwcom
23 0
_长银_
|
5月前
|
JavaScript API 开发工具
记一次后台管理脚手架选型过程
面对大屏支持不足的vue移动端项目，业务部门要求改进。原项目优化困难，决定重构。选型阶段，因业务类似后台管理，选择vue框架。在git和gitee上对比了两款脚手架，最终选定[ pure-admin-thin ](https://github.com/pure-admin/pure-admin-thin)因其频繁更新、先进框架和丰富文档。选型关键在于资料易得性、框架时效性和维护者信誉。欢迎评论区提供反馈和建议。
_长银_
108 1
Java_文昊
|
11月前
|
资源调度 JavaScript 测试技术
Vue脚手架一站式搭建项目
Vue脚手架一站式搭建项目
Java_文昊
92 0
Vue脚手架一站式搭建项目
jcLee95
|
存储 资源调度 JavaScript
基于 Yeoman 脚手架技术构建前端项目的实践
基于 Yeoman 脚手架技术构建前端项目的实践
jcLee95
170 0
虎妞先生
|
前端开发 JavaScript 网络安全
如何开发一个极简的前端脚手架
如何开发一个极简的前端脚手架
虎妞先生
185 0
KaneLogger
|
前端开发 开发工具 git
前端脚手架的搭建
前端脚手架的搭建
KaneLogger
179 0
祁符建
|
数据可视化 前端开发 JavaScript
前端封装库/工具库的数据可视化之AntV
当今，数据可视化已不再是一个陌生的词汇，它已经成为了越来越多业务场景下必不可少的一部分。在前端开发中，数据可视化也有着广泛的应用，AntV 就是其中的佼佼者之一。
祁符建
1674 0
祁符建
|
监控 数据可视化 前端开发
前端封装库/工具库的数据可视化之Echarts
随着互联网时代的到来，数据变得越来越重要，数据也成为了企业决策和运营的重要依据。然而，对于海量数据的处理和分析不是一件容易的事情，这就需要使用数据可视化工具来帮助我们更好地理解数据。而其中一个非常优秀的数据可视化工具就是Echarts。
祁符建
177 0
游客y3obldvnqeb54
|
JSON 数据格式
脚手架开发入门
# 引言 今天和大家一起学习一下开发一个脚手架工具，作为我们初始化项目使用，因为我们组件库开发已经接近尾声了，接下来我们想除了正常通过npm下载引入配置之余，能提供一种更方便的模板初始化的途径，现在就让我们一起学习一下如何开发一个脚手架工具吧。 # 初始化 首先我们初始化一个node项目，创建一个空文件夹，然后我们打开终端控制台，输入如下内容`npm init -y`。初始化一个`package.json`文件，我们默认初始化的文件是这样的: ``` { "name": "demo-cli", "version": "1.0.0", "description": "",
游客y3obldvnqeb54
145 0
-编程工程师-
|
存储 JavaScript 前端开发
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
-编程工程师-
136 0

热门文章

最新文章

  • 1
    DataWorks百问百答69：有哪些数据集成报错（数据集成报错归类）？
  • 2
    用 Prettier 美化代码
  • 3
    部分 II. 开发篇(Development)
  • 4
    shell 一键安装lAMP，lNMP
  • 5
    RIPv2 的相关配置
  • 6
    Translation and practice in English(1)
  • 7
    Freemarker学习笔记
  • 8
    《触摸屏游戏设计》——导读
  • 9
    Ruby's Enumerable Module and yield method
  • 10
    【转贴】两年内从零到每月十亿 PV 的发展来谈 Pinterest 的架构设计
  • 1
    【10月更文挑战第16天】「Mac上学Python 27」小学奥数篇13 - 动态规划入门
    32
  • 2
    【c语言】数组
    17
  • 3
    【c语言】循环语句
    18
  • 4
    Kotlin - 运算符与中缀表达式
    15
  • 5
    Kotlin - 类成员
    13
  • 6
    Kotlin - 函数与Lambda表达式
    10
  • 7
    Kotlin开发笔记 - 常量与变量
    14
  • 8
    Kotlin开发笔记 - 参数与异常
    8
  • 9
    Kotlin开发笔记- 分支与循环
    8
  • 10
    使用Python实现智能火山活动监测模型
    11

    • 相关课程

    更多
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）
  • React 入门教程开发文档
  • 前端开发框架Bootstrap使用教程
  • Serverless开发速查手册
  • C++ 入门教程开发文档

    • 相关电子书

    更多
  • React在大型后台管理项目中的工程实践
  • React在大型后台管理项目中的工程实践
  • WebGL 在前端可视化中的实践

    • 相关实验场景

    更多
  • 快速搭建移动端可视化看板
  • DataV模版快速创建可视化看板
  • Github实时数据分析与可视化
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
  • 基于函数计算快速搭建Zblog等传统应用框架
    • 下一篇
    AI助理直击要害，从繁复中提炼精华——使用CDN加速访问OSS存储的图片