分享自己用 Vue3 做的一个在线幻灯片应用,大家来提提意见 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Zzzz77
V2EX    Vue.js

分享自己用 Vue3 做的一个在线幻灯片应用,大家来提提意见

  •  5
     
  •   Zzzz77
    pipipi-pikachu 2021-03-03 13:24:21 +08:00 6269 次点击
    这是一个创建于 1687 天前的主题,其中的信息可能已经有所发展或是发生改变。

    原本这只是一个以练习 Vue3 为目的的项目,但最终的完整程度其实已经远远超出了原计划,所以现在希望能够继续完善下去,另一方面感觉最近可视化编辑相关的内容还挺火的,经常能在各大社区见到像 H5 编辑器之类的东西,而这个项目用到的技术和大多可视化编辑比较接近,如果大家有这方面需求的话,应该能够提供一些思路上的帮助。

    总之话不多说,欢迎大家来体验一波,多多提意见

    额,新账号好像发不了外链,大家可以从 github 里面看到在线体验地址

    Github 地址: https://github.com/pipipi-pikachu/PPTist

    56 条回复    2022-03-10 10:36:18 +08:00
    dxxzst
        1
    dxxzst  
       2021-03-03 14:44:58 +08:00
    挺不错的,star 支持
    lhyUnited
        2
    lhyUnited  
       2021-03-03 14:48:21 +08:00
    体验了一把,只能说太强了。尤其是添加动画时,hover 就能预览当前的动画效果,希望后面可以考虑加个导出功能。
    jmyz0455
        3
    jmyz0455  
       2021-03-03 14:49:51 +08:00
    功能好多,厉害,写了多久哇。
    acmore
        4
    acmore  
       2021-03-03 14:54:31 +08:00
    很棒,界面清爽,功能够用。
    希望有在线保存导出链接的功能,能导出离线使用的文件就更好了。
    bertonzh
        5
    bertonzh  
       2021-03-03 14:55:17 +08:00
    整体超出我点进去之前的想象。已 star 。
    目前发现的主要缺点是添加元素的交互,不能拖入,而需要在画布上面划一下,比较别扭。(而图表和表格又是自动插入的)
    建议至少改成选中后点击画布就能插入。
    guancyxx4king
        6
    guancyxx4king  
       2021-03-03 15:01:17 +08:00
    简单使用了一下,好特么牛鼻立体
    learninining
        7
    learninining  
       2021-03-03 15:12:57 +08:00
    给大佬磕头
    Zzzz77
        8
    Zzzz77  
    OP
       2021-03-03 15:15:34 +08:00
    @acmore
    @lhyUnited 导出确实很有必要,已在计划中
    Zzzz77
        9
    Zzzz77  
    OP
       2021-03-03 15:21:46 +08:00
    @jmyz0455 还是蛮久的,前前后后得有小半年了吧只有晚上和周末有时间搞
    zhuangzhuang1988
        10
    zhuangzhuang1988  
       2021-03-03 15:24:59 +08:00
    牛逼.
    Zzzz77
        11
    Zzzz77  
    OP
       2021-03-03 15:27:39 +08:00
    @bertonzh 嗯,其实划一下的目的是让使用者决定创建的位置和大小,但是确实存在第一次使用都点懵的问题,选中后点击画布就能直接插入一个默认大小的元素这个方案感觉可以,我去试了一下 office PPT 也是这样的逻辑
    cuzfinal
        12
    cuzfinal  
       2021-03-03 15:32:09 +08:00
    牛逼
    Macv1994
        13
    Macv1994  
       2021-03-03 15:33:44 +08:00 via Android
    强啊
    csulyb
        14
    csulyb  
       2021-03-03 15:38:53 +08:00
    非常强
    7gugu
        15
    7gugu  
       2021-03-03 15:41:34 +08:00
    效果太帅了,star 了
    反馈一个 Bug:火狐浏览器下,设置动画的时候,图片会漂移.
    Serializability
        16
    Serializability  
       2021-03-03 15:44:31 +08:00
    大佬的 star 已送上
    Serializability
        17
    Serializability  
       2021-03-03 15:45:06 +08:00
    @Serializability 是 给大佬的 star
    yamedie
        18
    yamedie  
       2021-03-03 15:45:46 +08:00
    star 学习
    renmu123
        19
    renmu123  
       2021-03-03 15:47:05 +08:00
    我试用了一下提几个小建议:
    1. 缺少了 ppt 杀手级功能母版,导致做起来会 ppt 繁琐很多
    2. 图表功能过弱,既然都做成 web 了,可以考虑利用几个大的图表框架,如 echarts
    3. 缺乏导出功能,比如导出为 pdf,以及保存为自定义的某种格式来进行持久化
    4. 现在网页一刷新数据将会消失,可以考虑直接将数据都保存到 indexeddb,进行一个简单的持久化
    5. 提一个我 PPT 中非常喜欢的一个小功能,那就是“节”,可以对 page 进行一个简单的分类
    6. 还有一个小细节,ppt 可以按 ctrl+拖动快速复制
    7. 又想到一个对我个人重要的功能,那就是备注

    再报一个 bug:
    饼图设置弹跳动画的时候无法进行预览

    非常感谢楼主做出这样的一个工具,web 也可以很容易用 electron 封装成本地 app,实现跨平台
    Zzzz77
        20
    Zzzz77  
    OP
       2021-03-03 15:53:53 +08:00
    @7gugu 收到,目前还未做过兼容测试,估计后面得集中测一波
    vivipure
        21
    vivipure  
       2021-03-03 15:55:05 +08:00
    强 学习了
    Zzzz77
        22
    Zzzz77  
    OP
       2021-03-03 16:03:33 +08:00
    @renmu123
    1 、原本只打算用全局主题来代替 PPT 中的母版,现在看来这个功能应该确实还是需要继续强化下;
    2 、图表的话我当初试过非常多图表库,综合体积和性能等因素最终选了个超轻量级的库,这个打算继续看看更多的反馈,echarts 之类的太重了,如果确实对图表功能需求较大,再探索一下新的方案;
    3 、4 、5 、6 、7 都是不错的建议,后续有时间应该会慢慢补充上
    renmu123
        23
    renmu123  
       2021-03-03 16:09:06 +08:00
    @Zzzz77 #22 echarts 可能确实不太合适,这种可能由社区做成插件让用户自行选择会比较好
    robinlovemaggie
        24
    robinlovemaggie  
       2021-03-03 16:14:05 +08:00
    研究了半天才知道怎么输入文字。。。。
    对比下: https://excalidraw.com ,交互差比还是停明显的。
    aQI9F2Sb927YPj7I
        25
    aQI9F2Sb927YPj7I  
       2021-03-03 16:22:20 +08:00
    做的挺棒的一个案例。 如何演示播放现有已存的真正的微软 ppt 文件?
    Melting
        26
    Melting  
       2021-03-03 16:53:12 +08:00
    star 了,学习一下
    xloger
        27
    xloger  
       2021-03-03 17:08:30 +08:00
    建议能有一个现成的项目方便展示效果
    yaphets666
        28
    yaphets666  
       2021-03-03 17:17:46 +08:00
    这你独立写出来的???这么猛啊现在都
    YvesX
        29
    YvesX  
       2021-03-03 17:22:55 +08:00
    真厉害
    Zzzz77
        30
    Zzzz77  
    OP
       2021-03-03 17:25:03 +08:00
    @robinlovemaggie 嗯..优化中
    Zzzz77
        31
    Zzzz77  
    OP
       2021-03-03 17:25:52 +08:00
    @conghuiwang 暂时不行哦,后续有做导入导出的计划
    Zzzz77
        32
    Zzzz77  
    OP
       2021-03-03 17:30:24 +08:00
    @yaphets666 还好..肝了很久
    gmaso
        33
    gmaso  
       2021-03-03 17:33:55 +08:00
    star 了,强
    zkl2333
        34
    zkl2333  
       2021-03-03 17:34:04 +08:00
    牛牛牛 给大佬递茶
    zkl2333
        35
    zkl2333  
       2021-03-03 17:38:28 +08:00
    准备顺着 commit 学习一下,大佬用的好多技术我都没见过。果然还是见识短浅。
    xcstream
        36
    xcstream  
       2021-03-03 18:22:40 +08:00
    取消右边界面的文字可选

    建议控件可以拖拽
    tsvico
        37
    tsvico  
       2021-03-03 18:25:36 +08:00
    强啊,已 star
    yazoox
        38
    yazoox  
       2021-03-03 18:58:11 +08:00
    牛逼!
    要是有 reactjs 的就好了,不会 vue 啊……
    superliwei
        39
    superliwei  
       2021-03-03 19:44:11 +08:00
    好棒。
    onec
        40
    onec  
       2021-03-03 19:59:44 +08:00
    大佬牛逼,想问大佬花了多少时间做出来的
    Zzzz77
        41
    Zzzz77  
    OP
       2021-03-03 20:30:30 +08:00 via Android
    @onec 得有五六个月的时间,晚上和周末弄
    releaseme
        42
    releaseme  
       2021-03-03 21:13:31 +08:00
    代码写得真漂亮 & UI 也很舒服
    doommm
        43
    doommm  
       2021-03-04 00:13:05 +08:00
    请问 vue3 开发现在要踩的坑多吗?我是期待它的 TypeScript 支持,但是现在上的话又因为新的 vue-devtool 还在 beta,支持很有限(好像还没适配新的 vuex, vue-router ?),怕开发过程不顺畅
    Daming
        44
    Daming  
       2021-03-04 01:55:33 +08:00
    赞一个
    ombr4
        45
    ombr4  
       2021-03-04 08:11:41 +08:00
    很清爽,交互干净利索,好棒
    coreki
        46
    coreki  
       2021-03-04 08:20:22 +08:00 via Android
    赞一个,这个 666
    jmyz0455
        47
    jmyz0455  
       2021-03-04 09:02:44 +08:00
    突然想起来前几天那个抱怨开源框架没还要说中文网络不配的连续剧了,真的就态度决定一切。
    Zzzz77
        48
    Zzzz77  
    OP
       2021-03-04 09:22:15 +08:00   1
    @doommm
    我觉得还好,vuex 和 vue router 最新的正式版都已经有了的,devtool 确实还在 beta,而且我觉得新版的 devtool 不好用...
    可能 Composition API 会带来了一点点心智负担,而且最开始可能不太容易从 option API 转变思维,但是只要习惯之后会比 vue2 好用很多,特别是比较复杂的项目,逻辑复用简直不要太好用。
    目前遇到最难接受的问题就是 vuex 的 getter 是没有类型支持的..但我用的还是 rc 版本,不知道现在这个问题处理了没有
    Zzzz77
        49
    Zzzz77  
    OP
       2021-03-04 09:23:41 +08:00
    @jmyz0455 其实心态放平,一切都好说
    tuzituzi
        50
    tuzituzi  
       2021-03-04 10:08:42 +08:00
    真心挺不错的,可以
    ascend13
        51
    ascend13  
       2021-03-04 10:12:56 +08:00
    太强了
    xiaochong0302
        52
    xiaochong0302  
       2021-03-04 10:43:02 +08:00
    大佬,牛逼!
    zhuangqhc
        53
    zhuangqhc  
       2021-03-04 12:08:21 +08:00
    太强了啊,很流畅
    Garland
        54
    Garland  
       2021-03-04 13:28:45 +08:00
    大佬!!!
    Latin
        55
    Latin  
       2021-03-08 18:05:03 +08:00
    你强任你强 哈哈哈
    zzq825924
        56
    zzq825924  
       2022-03-10 10:36:18 +08:00
    今天是 2022 年 3 月了,OP 可以总结分享下一年来的历程吗?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1230 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 23:38 PVG 07:38 LAX 16:38 JFK 19:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86