Asp.net mvc 4 如何在Razor视图中实现这种类型的动态UI？

首先，我要说的是，我对web开发和MVC都是绝对的新手

我想实现订户页面的视图（处理电子邮件营销的MVC4应用程序的一部分）。我想实施的是：

1） 当用户单击“+添加列表”按钮时，一个新类别应出现在左侧，光标应闪烁，这意味着它应准备好接收用户提供的类别名称。我还希望，每当用户将鼠标悬停在左侧的任何类别名称上时，都会出现一个包含两个按钮（编辑和删除）的小条，该按钮应允许用户编辑类别名称或删除该类别。我想要的是，所有这些都必须在不重新加载页面的情况下发生

2） 当用户单击“+添加联系人”按钮时，将出现一个包含两个选项卡的弹出对话框，该对话框允许用户手动输入详细信息或上载CSV以捕获详细信息。每当用户单击弹出对话框中的“添加联系人”按钮或“上载并添加联系人”时，我希望新联系人显示在图片中显示的联系人列表区域中（再次，无需重新加载页面）。我还想为联系人使用相同的悬停条（与类别相同）

我不知道如何从剃须刀的角度来实现这一点？我使用什么-JavaScript/jQuery/AJAX

---

我几乎迷路了。有人能给我一点指导，让我可以继续完成我的第一个MVC4项目吗？

你需要一些javascript库，比如jQuery UI或者Kendo UI，我建议现在使用jQuery UI。他们有很多小部件，但看看这些。请记住，cshtml视图可以被视为html页面，您可以在其中拥有所有需要的标记、css和javascript：

---

您在asp.net网站上浏览了MVC教程了吗？还不完全。因为我几乎没有时间进行研究和学习。这是一个学校的项目，我非常匆忙。我理解我的方法是错误的，MVC有一个学习曲线，但我喜欢开始开发，我们将看到沿途会发生什么。希望你能理解。