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

可视化开发脚手架

2019-03-14 1713
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 项目地址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开发
大数据
数据可视化
行列
目录
相关文章
徐小夕
|
4月前
|
JSON 移动开发 数据可视化
用第三方拖拽库快速撸一个可视化搭建平台
用第三方拖拽库快速撸一个可视化搭建平台
徐小夕
73 3
Java_文昊
|
10月前
|
资源调度 JavaScript 测试技术
Vue脚手架一站式搭建项目
Vue脚手架一站式搭建项目
Java_文昊
87 0
Vue脚手架一站式搭建项目
jcLee95
|
存储 资源调度 JavaScript
基于 Yeoman 脚手架技术构建前端项目的实践
基于 Yeoman 脚手架技术构建前端项目的实践
jcLee95
157 0
虎妞先生
|
前端开发 JavaScript 网络安全
如何开发一个极简的前端脚手架
如何开发一个极简的前端脚手架
虎妞先生
177 0
KaneLogger
|
前端开发 开发工具 git
前端脚手架的搭建
前端脚手架的搭建
KaneLogger
171 0
码农小达人
|
前端开发 数据可视化 搜索推荐
都 2021 了，你还在为 React 可视化组件库选型发愁吗？
都 2021 了，你还在为 React 可视化组件库选型发愁吗？
码农小达人
272 0
游客y3obldvnqeb54
|
JSON 数据格式
脚手架开发入门
# 引言 今天和大家一起学习一下开发一个脚手架工具，作为我们初始化项目使用，因为我们组件库开发已经接近尾声了，接下来我们想除了正常通过npm下载引入配置之余，能提供一种更方便的模板初始化的途径，现在就让我们一起学习一下如何开发一个脚手架工具吧。 # 初始化 首先我们初始化一个node项目，创建一个空文件夹，然后我们打开终端控制台，输入如下内容`npm init -y`。初始化一个`package.json`文件，我们默认初始化的文件是这样的: ``` { "name": "demo-cli", "version": "1.0.0", "description": "",
游客y3obldvnqeb54
139 0
-编程工程师-
|
消息中间件 JavaScript 小程序
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
-编程工程师-
186 0
-编程工程师-
|
存储 JavaScript 前端开发
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）2
-编程工程师-
126 0
前端要努力QAQ
|
缓存 前端开发 API
从 0 实现一个前端项目提效脚手架
从 0 实现一个前端项目提效脚手架
前端要努力QAQ
240 0
从 0 实现一个前端项目提效脚手架

热门文章

最新文章

  • 1
    阿里云物联网平台之设备topic列表为什么为空
  • 2
    Stm32 抢占和子优先级配置 | 学习笔记
  • 3
    关于激励和自我激励
  • 4
    使用Transact-SQL进行数据导入导出方法详解
  • 5
    二级缓存相关属性
  • 6
    MonoRail学习笔记九：Rescue的使用
  • 7
    JVM学习笔记（一）------基本结构【转】
  • 8
    Oracle DBA常用sql分享
  • 9
    C# 从函数到委托
  • 10
    Asp.net程序中为IIS新建用户
  • 1
    语音识别与语音控制的原理介绍
    131
  • 2
    Maven学习笔记（一）：Maven基础（基于命令行的学习和应用）
    127
  • 3
    自动化运维的魔法：使用Python脚本简化日常任务
    116
  • 4
    程序员编写技术文章需要的四个辅助神器 ，强烈建议收藏 !
    116
  • 5
    终极 Nginx 配置指南（全网最详细）
    132
  • 6
    编程之美：从代码中寻找生活的灵感
    29
  • 7
    探索AI在医疗诊断中的应用
    22
  • 8
    新手指南：微软ai助手Copilot国内如何使用？
    31
  • 9
    探索研究Perl CGI编程
    20
  • 10
    阿里云飞天企业版“智算升级”，为政企打造AI时代最开放的云
    23

    • 相关课程

    更多
  • React 入门教程开发文档
  • 前端开发框架Bootstrap使用教程
  • Cloud Toolkit 开发部署效率提升神器
  • React 入门与实战
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）

    • 相关电子书

    更多
  • React在大型后台管理项目中的工程实践
  • React在大型后台管理项目中的工程实践
  • 混合应用平台构建实战

    • 相关实验场景

    更多
  • 快速搭建移动端可视化看板
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
  • 通过部署流行Web框架掌握Serverless技术
  • 基于函数计算部署Serverless VSCode WebIDE
  • 基于函数计算快速搭建Zblog等传统应用框架
    • 下一篇
    通义千问API入门教程