[前端讨论] 一个表单页面,两种状态, 1. 表单 2. 查看。这种情况做两个页面还是一个页面? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Edge00
V2EX    前端开发

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

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

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

    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     Solana     899 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 22:34 PVG 06:34 LAX 15:34 JFK 18:34
    Do have faith in what you're doing.
    ubao 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