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

[前端讨论] 一个表单页面,两种状态, 1. 表单 2. 查看。这种情况做两个页面还是一个页面?

  •  
  •   Edge00 · 2019-08-30 10:18:42 +08:00 · 3243 次点击
    这是一个创建于 1914 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一个页面创建时是表单,查看时展示表单的值。这种情况是做两个页面还是给这个页面加一个状态,根据状态展示是表单还是表单值?

    14 条回复    2019-08-30 16:36:47 +08:00
    dovme
        1
    dovme  
       2019-08-30 10:30:00 +08:00
    一个,不然修改的时候要修改两遍,多麻烦。
    zizhoutong
        2
    zizhoutong  
       2019-08-30 10:31:32 +08:00   ❤️ 1
    一个,不过你可以加一个抽屉组件。
    ChefIsAwesome
        3
    ChefIsAwesome  
       2019-08-30 10:56:34 +08:00   ❤️ 1
    你既然问了,那目前怎么写肯定都差不多。但是按道理来讲,应该是把公用的组件提出来,然后写两个页面。你可以把一页两用看成继承,提取公共组件看作是组合。组合是优于继承的,一旦后期出现其中一页改动大或者改动频繁的时候,就能看到好处了。
    shintendo
        4
    shintendo  
       2019-08-30 11:14:48 +08:00
    两个,创建和编辑同一个
    shintendo
        5
    shintendo  
       2019-08-30 11:25:01 +08:00
    个人看法:创建和编辑一个页面是说得通的,查看和编辑一个页面也说得通,但创建和查看一个页面似乎说不通,仅仅因为样式相同而做成一个页面似乎不妥。plus 如果需求不是你自己掌握的话,后期变动使创建页和查看页出现差异的可能性应该不低。
    SilentDepth
        6
    SilentDepth  
       2019-08-30 12:43:25 +08:00
    各有优劣。确定好业务需求,怎么方便怎么来。不过如果你一下子想不全只读状态和编辑状态的业务差异,那分开实现能减少可能的返工成本。
    xrr2016
        7
    xrr2016  
       2019-08-30 12:58:57 +08:00 via Android
    感觉分开两个好点,页面的逻辑不会太复杂
    zhtttyecho
        8
    zhtttyecho  
       2019-08-30 13:13:36 +08:00
    新增和编辑公用一个组件,传 mode 来判断是否 disabled
    SuperMild
        9
    SuperMild  
       2019-08-30 13:21:41 +08:00
    产品经理没有要求吗?那根据你个人喜好做就可以了,反正以后不管拆分还是合并都很容易啊,对于用户来说也没有区别啊。

    另外,为什么你没有提到编辑页面?

    一般如果用 vue 之类的来做,创建、编辑、展示弄在一起很轻松。
    Edge00
        10
    Edge00  
    OP
       2019-08-30 14:07:35 +08:00
    @zizhoutong 用抽屉组件体实现「查看」体验好的,但是这样就选择了写两套了哈哈
    Edge00
        11
    Edge00  
    OP
       2019-08-30 14:08:37 +08:00
    @SuperMild 创建、编辑、查看三个页面都有的
    lifesimple
        12
    lifesimple  
       2019-08-30 15:49:14 +08:00
    一般都是新建和编辑吧,如果只是查看的话 把编辑 disabled
    last4869
        13
    last4869  
       2019-08-30 15:58:10 +08:00
    一个页面吧,修改起来也方便,查看的话做个组件或者按钮试试?
    luoway
        14
    luoway  
       2019-08-30 16:36:47 +08:00   ❤️ 1
    两个。
    因为编辑表单页面使用频率低,查看表单使用频率高,所以查看页面不应当包含编辑代码,会损害性能和用户流量。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2427 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:02 · PVG 00:02 · LAX 08:02 · JFK 11:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.