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

[Edge00]

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

[dovme]

一个，不然修改的时候要修改两遍，多麻烦。

[zizhoutong]

一个，不过你可以加一个抽屉组件。

[ChefIsAwesome]

你既然问了，那目前怎么写肯定都差不多。但是按道理来讲，应该是把公用的组件提出来，然后写两个页面。你可以把一页两用看成继承，提取公共组件看作是组合。组合是优于继承的，一旦后期出现其中一页改动大或者改动频繁的时候，就能看到好处了。

[shintendo]

两个，创建和编辑同一个

[shintendo]

个人看法：创建和编辑一个页面是说得通的，查看和编辑一个页面也说得通，但创建和查看一个页面似乎说不通，仅仅因为样式相同而做成一个页面似乎不妥。plus 如果需求不是你自己掌握的话，后期变动使创建页和查看页出现差异的可能性应该不低。

[SilentDepth]

各有优劣。确定好业务需求，怎么方便怎么来。不过如果你一下子想不全只读状态和编辑状态的业务差异，那分开实现能减少可能的返工成本。

[xrr2016]

感觉分开两个好点，页面的逻辑不会太复杂

[zhtttyecho]

新增和编辑公用一个组件，传 mode 来判断是否 disabled

[SuperMild]

产品经理没有要求吗？那根据你个人喜好做就可以了，反正以后不管拆分还是合并都很容易啊，对于用户来说也没有区别啊。

另外，为什么你没有提到编辑页面？

一般如果用 vue 之类的来做，创建、编辑、展示弄在一起很轻松。

[Edge00]

@zizhoutong 用抽屉组件体实现「查看」体验好的，但是这样就选择了写两套了哈哈

[Edge00]

@SuperMild 创建、编辑、查看三个页面都有的

[lifesimple]

一般都是新建和编辑吧，如果只是查看的话 把编辑 disabled

[last4869]

一个页面吧，修改起来也方便，查看的话做个组件或者按钮试试？

[luoway]

两个。
因为编辑表单页面使用频率低，查看表单使用频率高，所以查看页面不应当包含编辑代码，会损害性能和用户流量。