任何避免 C# 和 javascript 中重复代码的想法

Question

我有一个 asp.net mvc 网站，我使用 C# 构建了大部分页面，例如根据视图模型中的一组数据构建 html 表，

我还有很多 javascript，然后动态修改这些表（例如添加行） ）。

添加新行的 javascript 代码看起来与我在 C# 中的“渲染”代码非常相似，该代码首先用于构建 html 表。

每次我更改 C# 代码以添加新字段时，我都必须记住返回 JavaScript 代码来执行相同的操作。

这里有更好的方法吗？

Answer 1

实现此目的的一种方法是将生成标记的逻辑公开为服务器上的 Web 服务，并让 JavaScript 通过 AJAX 调用获取该标记，而不是重复逻辑。

通过这种方式，您可以从 JavaScript 调用类似 CreateRow 方法的方法，该方法实际上会调用与呈现页面时在服务器上使用的完全相同的逻辑。

Answer 2

看看Scott Gu的文章： ASP.NET MVC 2：模型验证

基本上，您在模型属性级别定义验证，并且 ASP.NET MVC 2 也可以自动生成正确的客户端验证。

不幸的是，这可能意味着您必须将所有内容重构到 MVC 中，但这里的很多人可能会认为这是一个优点。

（免责声明：我根本没有使用过 ASP.NET MVC）

Answer 3

与@Andrew Hare 所接受和流行的答案相反。我宁愿仅在 javascript 中实现标记生成（并重用它来构建 HTML 表），也不愿仅在 C# 中实现标记（当然，如果 javascript 也需要该功能）。

因为：

1. 对于 HTML 来说，Javascript 比 C# 更好，因为它可以修改已经渲染的 DOM。因此，使用 Javascript，您可以做的不仅仅是静态 HTML。也许您现在不需要它，但如今，旨在使应用程序变得更像富互联网应用程序的要求并不罕见。
2. AJAX 调用很可能比最糟糕的 Javascript 实现慢，后者处理服务器端数据并将其转换为现有表的新行。而且比用 Javascript 从头开始​​制作表格还要慢。
3. 更少的服务器请求（以及更多的客户端要求，但这通常不是问题）。
4. 有几个非常好的 Javascript 框架可以制作非常漂亮的表格（以及更多）。

我知道 ASP.NET MVC 有很多关于如何将 HTML Helpers 用于控件的很好的示例，从而实现干净、快速的开发。但是，如果您最终还是创建了 Javascript 函数，那么我认为您应该再次考虑关注点分离，并坚持使用 Javascript 并放弃 HTML 帮助程序中的重复内容。

因为我想，如果您已经创建了行，那么扩展 Javascript 函数来创建整个表应该不会那么难。以下是如何将数据传递给 Javascript，然后使用 Javascript 中已有的函数“createRow”的想法：

<script>
    var data = [];
    <% foreach (var item in Model) { %>
        data.push({
            Id: <%= Html.Encode(item.Id) %>
            , Title: <%= Html.Encode(item.Title) %>
        });
    <% } %> 
    createTableHeader();
    for (var i = 0; i < data.length; i++) {
        createRow(data[i]);
    }
    createTableFooter();
</script>