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

可视化开发脚手架

2019-03-14 1734
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 项目地址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
|
3月前
|
数据可视化 小程序 JavaScript
UniApp可视化开发教程 | 学习如何低代码构建跨平台应用
UniApp可视化开发教程 | 学习如何低代码构建跨平台应用
diygwcom
145 0
kgmh2cwvierzy
|
5月前
|
资源调度 自然语言处理 JavaScript
【Vue 2】一个高效的低代码表单，可视化设计，一键生成源码
Variant Form 是一款基于 Vue 2 的低代码表单生成器，采用可视化拖拽设计界面，支持一键生成完整源码，大幅降低开发复杂度。其高度自定义特性可满足多种场景需求，无论是简单输入框还是复杂多级表单，都能轻松实现。此外，项目完全开源免费，适合有个性化需求的企业和开发者。主要功能包括拖拽式表单设计、自定义 CSS 样式、国际化多语言等，兼容 IE 11 浏览器，并支持导出 Vue 组件及 HTML 源码。通过简单的安装步骤即可在本地环境中搭建和使用 Variant Form，大幅提升开发效率。
kgmh2cwvierzy
107 0
Java_文昊
|
资源调度 JavaScript 测试技术
Vue脚手架一站式搭建项目
Vue脚手架一站式搭建项目
Java_文昊
104 0
Vue脚手架一站式搭建项目
小周sir
|
存储 数据可视化 JavaScript
使用vue构建一个可视化大数据平台
使用vue构建一个可视化大数据平台
小周sir
1737 0
jcLee95
|
存储 资源调度 JavaScript
基于 Yeoman 脚手架技术构建前端项目的实践
基于 Yeoman 脚手架技术构建前端项目的实践
jcLee95
180 0
虎妞先生
|
前端开发 JavaScript 网络安全
如何开发一个极简的前端脚手架
如何开发一个极简的前端脚手架
虎妞先生
195 0
KaneLogger
|
前端开发 开发工具 git
前端脚手架的搭建
前端脚手架的搭建
KaneLogger
191 0
游客y3obldvnqeb54
|
JSON 数据格式
脚手架开发入门
# 引言 今天和大家一起学习一下开发一个脚手架工具，作为我们初始化项目使用，因为我们组件库开发已经接近尾声了，接下来我们想除了正常通过npm下载引入配置之余，能提供一种更方便的模板初始化的途径，现在就让我们一起学习一下如何开发一个脚手架工具吧。 # 初始化 首先我们初始化一个node项目，创建一个空文件夹，然后我们打开终端控制台，输入如下内容`npm init -y`。初始化一个`package.json`文件，我们默认初始化的文件是这样的: ``` { "name": "demo-cli", "version": "1.0.0", "description": "",
游客y3obldvnqeb54
163 0
前端要努力QAQ
|
缓存 前端开发 API
从 0 实现一个前端项目提效脚手架
从 0 实现一个前端项目提效脚手架
前端要努力QAQ
273 0
从 0 实现一个前端项目提效脚手架
技术小达人
|
缓存 JavaScript 前端开发
前端脚手架开发入门
本文将介绍脚手架需要的一些工具 commander、chalk、inquirer、ora等，以及package.json中的一些重要字段，最后通过实例demo来展示如何开发脚手架，希望可以为大家带来帮助！
技术小达人
1142 1
前端脚手架开发入门

热门文章

最新文章

  • 1
    为什么说流处理即未来？
  • 2
    【实战】锐捷AC+AP配置WLAN基本服务系列
  • 3
    Mac：安装Python3并配置环境变量（本地多个Python版本选择配置）
  • 4
    丰富、连接、待集成—MaxCompute 生态再出发
  • 5
    Tomcat 7.0 64位免安装解压版 安装及配置
  • 6
    securecrt克隆会话与sshd 的 MaxSessions
  • 7
    C语言结构体的使用！简易学生成绩统计程序发布！
  • 8
    《VMware Virtual SAN权威指南》一2.2　VSAN的要求
  • 9
    webstorm9.0.3 注册码
  • 10
    数据文件offline后unusable索引造成的问题
  • 1
    LangGraph：构建多代理动态工作流的开源框架，支持人工干预、循环、持久性等复杂工作流自动化
    28
  • 2
    Eliza：TypeScript 版开源 AI Agent 开发框架，快速搭建智能、个性的 Agents 系统
    27
  • 3
    AI Dev Gallery：微软开源 Windows AI 模型本地运行工具包和示例库，助理开发者快速集成 AI 功能
    34
  • 4
    「Mac畅玩鸿蒙与硬件51」UI互动应用篇28 - 模拟记账应用
    101
  • 5
    我的博客年度之旅：感恩、成长与展望
    88
  • 6
    《构建高效K近邻算法：降低计算复杂度的策略与实践》
    25
  • 7
    《提升支持向量机泛化能力：核函数改进策略大揭秘》
    17
  • 8
    《智能算法设计与开发的全解析：从理念到实践》
    21
  • 9
    《深度学习梯度消失问题：原因与解决之道》
    24
  • 10
    《docker基础篇：8.Docker常规安装简介》包括：docker常规安装总体步骤、安装tomcat、安装mysql、安装redis
    23

    • 相关课程

    更多
  • 前端开发框架Bootstrap使用教程
  • Cloud Toolkit 开发部署效率提升神器

    • 相关电子书

    更多
  • 混合应用平台构建实战
  • WebGL 在前端可视化中的实践
  • 低代码开发师（高级）实战教程

    • 相关实验场景

    更多
  • 快速搭建移动端可视化看板
  • DataV模版快速创建可视化看板
  • Github实时数据分析与可视化
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月