V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
walle007
V2EX  ›  前端开发

小白请教一个前端设计的问题

  •  
  •   walle007 · 2018-04-05 16:27:08 +08:00 · 1481 次点击
    这是一个创建于 2185 天前的主题,其中的信息可能已经有所发展或是发生改变。

    背景: 工作中经常要画流程图,而且要准确描述功能模块之间的连接关系,目前的做法是用 yaml 描述每一个模块(输入 /输出)以及他们直接的连接关系,以及每个模块的坐标(这个很傻。。。),然后通过 cairo 生成图

    缺点:

    1. 用 yaml 去描述每个模块比较花时间,而且不直观。 本质就是一张表格,输入 /输出 /连接,但是因为也要描述每个输入 /输出的类型,所以整个 yaml 显的比较臃肿
    2. 前面说到了,每个模块的坐标得靠脑补

    所以我想能不能通过搞一张网页,直观的把这些问题解决了,但无奈网页设计 0 基础所以向各位大佬请教下面的想法是否可行,如果可行的话用那些工具 /库能比较好的实现。

    1. 网页类似于画布,点个按钮新增一个块,但这个块是可以拖动的。
    2. 单击这个块能显示一张可以编辑的表格用于描述当前块(希望不是打开新的网页,而是在当前网页直接显示)
    3. 双击这个块能打开新的网页,用于描述这个的块的下层模块

    这样我希望通过拖动这些块的位置自动获取模块的摆放坐标,另外每个模块的描述可以在表格上些清楚,直接通过后台把流程图给生成出来。

    先谢谢各位~

    5 条回复    2018-04-09 17:28:22 +08:00
    learnshare
        1
    learnshare  
       2018-04-05 16:34:39 +08:00
    用 PPT 画
    walle007
        2
    walle007  
    OP
       2018-04-05 16:40:00 +08:00
    @learnshare 不好意思忘了说,最后不光光是要图,那个连接关系也要保留的,PPT 画取不到连接关系,
    gearkey
        3
    gearkey  
       2018-04-06 02:28:22 +08:00
    原型设计? Axure ?理解有点困难,,
    walle007
        4
    walle007  
    OP
       2018-04-06 18:17:43 +08:00
    @gearkey 谢谢,不好意思,没表达清楚,想请教的问题其实是两个:
    1. 怎样能实现在网页上可以拖动的方框,并获取这个框的坐标
    2. 点一下这个方框,可以显示一个可编辑的表格,双击这个方框可以打开新的页面

    小白术语不大了解,可能表述不准确,见谅
    learnshare
        5
    learnshare  
       2018-04-09 17:28:22 +08:00
    @walle007 Adobe XD
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2709 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:08 · PVG 23:08 · LAX 08:08 · JFK 11:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.