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

可视化开发脚手架

2019-03-14 1728
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 项目地址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开发
大数据
数据可视化
行列
目录
相关文章
这我可不懂
|
Kubernetes 前端开发 数据可视化
一个基于Vue3搭建的低代码数据可视化开发平台
一个基于Vue3搭建的低代码数据可视化开发平台
这我可不懂
300 0
diygwcom
|
1月前
|
移动开发 数据可视化 小程序
DIY可视化UniApp可视化入门教程
DIY可视化UniApp可视化入门教程
diygwcom
36 0
diygwcom
|
1月前
|
移动开发 数据可视化 前端开发
DIY官网可视化工具打造低代码可视化一键生成导出源码工具
DIY官网可视化工具打造低代码可视化一键生成导出源码工具
diygwcom
54 0
kgmh2cwvierzy
|
3月前
|
资源调度 自然语言处理 JavaScript
【Vue 2】一个高效的低代码表单，可视化设计，一键生成源码
Variant Form 是一款基于 Vue 2 的低代码表单生成器，采用可视化拖拽设计界面，支持一键生成完整源码，大幅降低开发复杂度。其高度自定义特性可满足多种场景需求，无论是简单输入框还是复杂多级表单，都能轻松实现。此外，项目完全开源免费，适合有个性化需求的企业和开发者。主要功能包括拖拽式表单设计、自定义 CSS 样式、国际化多语言等，兼容 IE 11 浏览器，并支持导出 Vue 组件及 HTML 源码。通过简单的安装步骤即可在本地环境中搭建和使用 Variant Form，大幅提升开发效率。
kgmh2cwvierzy
82 0
Java_文昊
|
资源调度 JavaScript 测试技术
Vue脚手架一站式搭建项目
Vue脚手架一站式搭建项目
Java_文昊
97 0
Vue脚手架一站式搭建项目
这我可不懂
|
存储 JavaScript 前端开发
基于Vue3的数据可视化低代码平台
基于Vue3的数据可视化低代码平台
这我可不懂
223 0
这我可不懂
|
监控 JavaScript 数据可视化
一个Vue3搭建的低代码数据可视化开发平台
一个Vue3搭建的低代码数据可视化开发平台
这我可不懂
586 0
jcLee95
|
存储 资源调度 JavaScript
基于 Yeoman 脚手架技术构建前端项目的实践
基于 Yeoman 脚手架技术构建前端项目的实践
jcLee95
177 0
虎妞先生
|
前端开发 JavaScript 网络安全
如何开发一个极简的前端脚手架
如何开发一个极简的前端脚手架
虎妞先生
190 0
KaneLogger
|
前端开发 开发工具 git
前端脚手架的搭建
前端脚手架的搭建
KaneLogger
183 0

热门文章

最新文章

  • 1
    尝鲜：如何搭建一个简单的webrtc服务器
  • 2
    从零开始：阿里云上Kubernetes集群的搭建与部署
  • 3
    面试必问的4种单点登录的实现方式，你知道几个？
  • 4
    Github Pages+Hexo+阿里云域名绑定
  • 5
    测试开启MySQL performance_schema后对性能的影响
  • 6
    阿里云视频云总经理何亚明：基于倚天的视频云原生业务新范式
  • 7
    Windows SDK编程(Delphi版) 之 消息框和菜单资源
  • 8
    三级侧边栏-树形菜单案例效果
  • 9
    U盘故障详细维修方法
  • 10
    1、Windows API函数归总，网络函数、消息函数、文件处理
  • 1
    如何在项目中保证 Web 组件化的性能
    16
  • 2
    如何在项目中高效地进行 Web 组件化开发
    15
  • 3
    Vue3中v-model在处理自定义组件双向数据绑定时，如何避免循环引用？
    16
  • 4
    Vue3中v-model在处理自定义组件双向数据绑定时有哪些注意事项？
    102
  • 5
    在 Vue 3 中，如何使用 v-model 来处理自定义组件的双向数据绑定？
    20
  • 6
    网络漏洞
    16
  • 7
    网络安全
    14
  • 8
    完整性
    14
  • 9
    可用性
    97
  • 10
    可靠性
    13

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 快速搭建移动端可视化看板
  • DataV模版快速创建可视化看板
  • Github实时数据分析与可视化
  • 基于Kibana Lens进行数据可视化，灵活分析航班信息
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    无影云桌面