Web 应用程序的可视化 UI 设计器？

Posted 2023-03-31

【中文标题】Web 应用程序的可视化 UI 设计器？

【英文标题】：Visual UI Designer for web apps?

【发布时间】：2021-10-12 11:02:45

【问题描述】：

是否有任何工具可以为 Visual Studio 可视化设计 Web 应用程序（拖放控件以设计类似于 WinForms 的页面）或任何其他具有此类功能的 Web 应用程序构建平台？

我知道拖放不是设计应用程序的最佳方式，我知道这一点，我不是来和你争论的。我只需要创建一个网络应用程序，它将是第一个也是最后一个，所以我不想学习 xaml,css,html ...等

如果有任何 Visual Studio 的工具或插件可以提供帮助，如果您告诉我，我将不胜感激。

【参考方案1】：

是的，你可以这样做。

其实asp.net+web开发是什么时候出来的？

99% of developers had worked on desktop software.
99% of developers had used a visual form designer
(FoxPro, ms-access, VB6, vb.net)

那么，这种视觉设计方法？ （桌面）

让我们在表单上放置一个按钮 + 文本框 将按钮从工具箱拖到窗体上。点击按钮，添加事件代码。

我们有这个设计师：

双击按钮，输入如下代码：

   private void button1_Click(object sender, EventArgs e)
    
        string s = "";
        int i;
        for (i = 1; i <= 10; i++)
        
            if (s != "")  s += System.Environment.NewLine; 
            s += i;
        
        TextBox1.Text = s;
    

我们得到了这个：

从计算机图形用户界面诞生的第一天起，整个组合软件行业就以这种方式运作。

所以，现在让我们在 asp.net 网络表单中做同样的事情。

我们创建了一个新网页，我有这个视觉设计师：

现在，双击按钮，我们得到了和以前一样的代码。 （如上）。

注意没有 HTML 标记，只有老式的拖放。

运行时的输出是这样的：

那么简单还是什么！！！

所以，微软做出了一个很好的选择。他们意识到，如果他们不能为 asp.net 提供这种真正易于使用的开发范例？那么每个人都会放弃 .net - 因为 Microsoft 开发工具的全部原因和全部成功都是以这种方式工作的。

那么，如果微软要拯救 .net，而不是让每个人都放弃它 - 比如说所有其他网络系统出现？

他们必须提供并构建一种过渡类型的软件。

这正是他们所做的。

所以，当时，Web 开发的第一个版本完全遵循了这种桌面方法。这就是我们所说的“过渡”技术选择。 （您这样做是为了保存产品和所有一直以这种方式工作的开发人员）

如果您创建一个 asp.net Web 应用程序，那么您可以选择创建所谓的 Web 表单应用程序。这种选择的整个想法是非常轻松地将开发人员从桌面系统拉到基于 Web 的系统。

所以零惊讶您要求这种开发系统，因为在 Web 之前的每个开发人员系统都以这种方式工作（至少对于高开发人员生产力和您以这种方式工作的易用性而言！！！）。

现在，当然那是将近 20 年前的事了，从现在开始，每个新开发人员现在都是从 Web 工具开始的，而不是来自桌面开发？好吧，他们现在已经删除了 Web 表单设计器。 （这非常可悲 - 但现在是行业的反映 - 而不是当时！）。

那么开发人员会怎么做呢？

好吧，他们保持网页打开，更改标记，按 ctrl-s 保存，然后翻到浏览器并按 f5（刷新）。因此，开发人员不会（太多）错过 Web 表单设计器和 GUI。因此，这些天开发人员不会非常想念 GUI Web 表单设计器。

另一个问题？随着网络标准的快速变化，微软无法跟上网络浏览器的步伐——因此，内置网页设计师通常无法很好地呈现页面。我仍然喜欢它——它为您提供了基本的布局，但是对于 CSS 样式表等新事物，Web 表单设计器通常不会做得那么好。所以 MS 相当多地转向您必须使用浏览器来获得正确的布局渲染。由于浏览器技术的快速变化，在 Visual Studio 中“包含”一个出色（完美）的网页设计师是不可能的。

正如 Web 开发领域中的其他所有人所指出的那样，在开发过程中只是保持浏览器打开并运行 - 所以 Web 表单设计器现在并不是风靡一时。

但是，当 asp.net 出来的时候呢？每个人都来自桌面，每个人都在使用拖放软件设计。所以 asp.net 也是这样开始的。

现在，在选择创建一个 asp.net Web 表单项目时？它已经很老了，现在已经很遗产了。但是，具有讽刺意味的是，一卡车的现有网站都是以这种方式建造的。而且构建 MVC Web 应用程序的成本非常高 - 几乎是 asp.net Web 表单的两倍。

（因此，您实际上可以为 asp.net webform 应用程序找到很多工作）。

所以您仍然可以选择 Web 表单 - 它们是真正快速进入 asp.net 开发的好方法，而且学习曲线要​​短得多。

Asp.net 网络表单仍然得到很好的支持 - 但它们是“上一代”并且现在被认为是“遗留”。但是对于一个启动和运行的小项目呢？网络表单仍然是一个不错的选择，而且您仍然可以获得出色的拖放设计器！！！

事实上，该站点的第一个版本（Stack Overflow）是使用 asp.net 网络表单制作的，但他们在第一个版本中切换到了 MVC。 （事实上​​，第一个版本是 vb.net ！！！）。

所以 MVC（没有那个美妙的网页布局设计器）更适合大型项目 - 比如说下一个 FaceBook 或 ***。

但是，一个典型的小型企业网站？哎呀，即使有 50 个或 100 个用户 - 性能方面也无所谓。

选择 MVC 项目的另一个好理由是什么？好吧，现在我们看到了所谓的 Blazer 的崛起——这真是一件大事。而且您不能选择将 Blazer 技术与 asp.net 网络表单一起使用。因此，有更多理由放弃 Web 表单设计器。

从长远来看？毫无疑问，MVC 是前进的道路和路径。但是，要让某些东西启动并运行 - 并且非常轻松？ Web 表单是一个不错的选择。一旦你掌握了速度，然后随着时间的推移，你可以跳转到 MVC Web 项目。

那么？

是的，您可以选择使用拖放式视觉设计器进行 Web 开发，但您选择的是“较旧”风格的技术选择以换取这种简单的方法。

我不建议长期使用此选择，但如果您来自长期桌面环境，它可以让您启动并运行。

【讨论】：

谢谢你的解释，我同意。我是一名 WinForms 开发人员这么久了，我就是无法适应新的网页设计师，尤其是我仍然 99% 的时间都在为桌面编程，所以我不想浪费时间学习我将使用的东西我项目的 1%。我通过 Wizej 平台找到了我想要的东西。

【参考方案2】：

首先，答案是肯定的，但是，这在 Visual Studio 中是不可能的， 有几个在线网站，例如：

视觉作曲家 页面云

这些网站不像人工构建那样灵活，甚至可能要花钱。

附言。我个人不推荐使用这些网站，而是让 Fiverr 上的人在保证的时间内为您建立一个网站。