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

可视化开发脚手架

2019-03-14 1727
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 项目地址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
|
1月前
|
移动开发 数据可视化 小程序
DIY可视化UniApp可视化入门教程
DIY可视化UniApp可视化入门教程
diygwcom
36 0
diygwcom
|
1月前
|
移动开发 数据可视化 前端开发
DIY官网可视化工具打造低代码可视化一键生成导出源码工具
DIY官网可视化工具打造低代码可视化一键生成导出源码工具
diygwcom
48 0
徐小夕
|
6月前
|
JSON 移动开发 数据可视化
用第三方拖拽库快速撸一个可视化搭建平台
用第三方拖拽库快速撸一个可视化搭建平台
徐小夕
106 3
jcLee95
|
存储 资源调度 JavaScript
基于 Yeoman 脚手架技术构建前端项目的实践
基于 Yeoman 脚手架技术构建前端项目的实践
jcLee95
176 0
虎妞先生
|
前端开发 JavaScript 网络安全
如何开发一个极简的前端脚手架
如何开发一个极简的前端脚手架
虎妞先生
189 0
KaneLogger
|
前端开发 开发工具 git
前端脚手架的搭建
前端脚手架的搭建
KaneLogger
183 0
祁符建
|
数据可视化 前端开发 JavaScript
前端封装库/工具库的数据可视化之AntV
当今，数据可视化已不再是一个陌生的词汇，它已经成为了越来越多业务场景下必不可少的一部分。在前端开发中，数据可视化也有着广泛的应用，AntV 就是其中的佼佼者之一。
祁符建
1691 0
游客y3obldvnqeb54
|
JSON 数据格式
脚手架开发入门
# 引言 今天和大家一起学习一下开发一个脚手架工具，作为我们初始化项目使用，因为我们组件库开发已经接近尾声了，接下来我们想除了正常通过npm下载引入配置之余，能提供一种更方便的模板初始化的途径，现在就让我们一起学习一下如何开发一个脚手架工具吧。 # 初始化 首先我们初始化一个node项目，创建一个空文件夹，然后我们打开终端控制台，输入如下内容`npm init -y`。初始化一个`package.json`文件，我们默认初始化的文件是这样的: ``` { "name": "demo-cli", "version": "1.0.0", "description": "",
游客y3obldvnqeb54
151 0
-编程工程师-
|
存储 JavaScript 前端开发
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
-编程工程师-
142 0
技术小达人
|
缓存 JavaScript 前端开发
前端脚手架开发入门
本文将介绍脚手架需要的一些工具 commander、chalk、inquirer、ora等，以及package.json中的一些重要字段，最后通过实例demo来展示如何开发脚手架，希望可以为大家带来帮助！
技术小达人
1131 1
前端脚手架开发入门

热门文章

最新文章

  • 1
    Flink SQL 实战：双流 join 场景应用
  • 2
    Webpack构建library时的踩坑经历
  • 3
    《UVM实战》——3.3节field automation机制
  • 4
    关于规则引擎的选型和疑惑思考
  • 5
    线性排序算法（1）
  • 6
    数据泵 TTS（传输表空间技术）
  • 7
    新用户来自哪里 新用户因何而来
  • 8
    NYOJ714-Card Trick
  • 9
    RMAN简明教程之二——RMAN的启动与运行
  • 10
    “单播”、“组播”和“多播”
  • 1
    通义灵码与微软 Azure 的融合创新
    32
  • 2
    “后全球化”时代，IBM和IBM中国如何穿越新的周期？
    34
  • 3
    远离生成式AI大乱斗，SAS公司揭示亚太区千亿AI市场蓝图
    31
  • 4
    引领企业未来数字基础架构浪潮，中国铁塔探索超大规模分布式算力
    32
  • 5
    CIO如何驱动业务增长：IT战略与业务目标深度融合
    27
  • 6
    数字孪生：解锁端到端供应链增长的关键
    21
  • 7
    AI助力电子邮件安全防护，CISO解析新策略
    17
  • 8
    Google Gemini意外超越OpenAI，跃居第一，但基准测试结果并不能说明全部情况
    22
  • 9
    使用GenAI反增工作量的七大途径
    28

    • 相关课程

    更多
  • React 入门教程开发文档
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）
  • 前端开发框架Bootstrap使用教程
  • Python 数据可视化库 Matplotlib 快速入门

    • 相关电子书

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

    • 相关实验场景

    更多
  • 快速搭建移动端可视化看板
  • DataV模版快速创建可视化看板
  • Github实时数据分析与可视化
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
  • 基于函数计算快速搭建Zblog等传统应用框架
    • 下一篇
    无影云桌面