V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
loveyou1
V2EX  ›  JavaScript

可视化生成页面(2)

  •  
  •   loveyou1 · 2021-09-07 13:01:46 +08:00 · 2145 次点击
    这是一个创建于 934 天前的主题,其中的信息可能已经有所发展或是发生改变。

    可视化生成页面( 2 )

    在第一版的基础上,完成了第二版的开发计划,加入了组件的支持,部分样式可视化的支持,优化了 UI 界面,修复了部分已知 bug 。

    前言

    • 第一篇文章,项目基本介绍
    • 重点
      • ** [思想] 布局去定义组件位置,而不是通过组件调整位置**
      • 组件采用 json 方式做为可视化操作
      • 组件和布局可以随意采用 react 框架做二次开发[相关介绍在后续计划中],以适应自己的相关需求
      • 布局不仅仅是页面,可以在任何需要布局的地方定义

    百度首页为例。

    1: 创建基础布局

    1.png

    2: 加入文字和组件

    2.png

    3.png

    3: 预览页面

    4.png

    4: 生成代码

    开发中

    项目功能使用介绍

    项目 WiKi 文档

    相关开发计划

    第二版 [已完成]

    • 支持组件

    • 添加文字

    • 样式可视化

      • flex 布局
      • height
      • 盒子模型 [未完成]
    • 两侧可以拖动

    • 改造布局侧边栏

      • 分类型

    第三版 [未开始]

    • 构建树可视化
    • 可用性优化
    • 代码生成
      • html 模式
      • react 模式
    • 页面优化

    第四版 [未开始]

    • 支持 css 单位
    • 支持组件库自带布局
    • 国际化
    • 项目相关文章
    • 支持后续特性

    地址

    在线地址

    项目地址

    参考

    总结

    在第二版加入了组件的支持,基本满足开发上的需求,但存在常用样式控制依赖于修改 css 代码,页面不能保存,交互体验等问题,以及修复对于组件的支持存在的问题,需要在下一版做改进,在下一版本中需要达到闭环。

    9 条回复    2021-09-18 16:18:50 +08:00
    liximomo
        1
    liximomo  
       2021-09-07 13:25:54 +08:00
    可否加个微信交流下? bGl4aW1vbW8=
    iwei000
        2
    iwei000  
       2021-09-07 13:55:22 +08:00
    关注一下
    sanggao
        3
    sanggao  
       2021-09-07 14:08:39 +08:00
    哈哈哈 amis 的影子啊
    37Y37
        4
    37Y37  
       2021-09-07 14:21:55 +08:00
    表四羡慕,大老牛逼
    loveyou1
        5
    loveyou1  
    OP
       2021-09-07 14:46:03 +08:00
    @liximomo 可以
    loveyou1
        6
    loveyou1  
    OP
       2021-09-07 14:46:44 +08:00
    @sanggao 是的,组件的设计是借鉴于 amis
    zsun86
        7
    zsun86  
       2021-09-07 18:27:13 +08:00
    话说不是有个 dreamviewer
    bzj
        8
    bzj  
       2021-09-08 14:09:09 +08:00
    没搞懂这个有啥用

    以前 bootstrap 刚出来的时候有好多这类可视化工具,但是基本没人用,可定制化太差
    scyuns
        9
    scyuns  
       2021-09-18 16:18:50 +08:00
    现在叫低代码平台
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2630 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 15:33 · PVG 23:33 · LAX 08:33 · JFK 11:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.