javascript - 如何自动创建项目的 View 和操作？

Question

我正在开发一个菜谱网络应用程序。用户创建一个菜谱，Web 应用程序将该菜谱放入数据库。我在主页上通过 foreach 循环展示了这个食谱:

foreach (var item in Model)
{
 <div id="anItem">
     <div id="imgText"><img align="left" src="../../Content/Images/eggs.png" height="150" width="90"></div>
    <div id="text">@item.Text</div>
 </div>                     
}

但是，它并不方便，因为它只是许多食谱的大列表。我想要的是每个食谱都有一个单独的页面。

因此，当用户创建菜谱时，应该创建一些页面(或操作？)。但是，我无法弄清楚如何自动创建操作方法及其 View 。

也许有某种机制可以自动创建 View 和操作？

我的问题是: 当用户创建(添加)新项目(食谱)到我的数据库时，如何创建 View 及其操作方法。我还想要一个食谱链接。

任何帮助将不胜感激。

Answer 1

这是一个简短的示例，说明如何构建通用模型来创建所有食谱的总体 View 页面、编辑特定食谱的详细信息、将它们作为独立的内容查看以及使用全新的 MVC 5 项目删除它们。

首先，在 Models 文件夹中创建一个 Recipe。确保添加数据注释的引用，以便 Entity Framework 知道对象的主键。

using System.ComponentModel.DataAnnotations;
namespace RecipeSite.Models
{
    public class Recipe
    {
        [Key]
        public int Identifier { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
    }
}

现在构建您的项目。如果您不构建项目并尝试预先构建脚手架，则 dll 将不同步，并且脚手架可能会失败。

接下来，搭建 Controller 和 View 。在 Visual Studio 中，您可以右键单击 Controllers 文件夹，然后转到 Add -> Controller -> MVC 5 Controller with Views using Entity Framework 选择您的 Recipe 模型和默认的 ApplicationDbContext 为您的 Controller 命名 RecipesController

这就是您需要做的所有事情，让食谱拥有一个功能齐全的 CRUD 应用程序来管理其名称和描述。

这就是您自动生成所需功能的方式。要进一步回答您原来的问题，您可以查看 RecipesController 上的 Details 操作是如何实现的。

生成的代码如下:

// GET: Recipes/Details/5
public ActionResult Details(int? id)
{
    if (id == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    Recipe recipe = db.Recipes.Find(id);
    if (recipe == null)
    {
        return HttpNotFound();
    }
    return View(recipe);
}

如您所见，每当您单击Recipe的链接时，它都会将其ID传递给 Controller ​​，从数据库中查找它，然后如果可能的话找到它。然后，它将根据该 ID 在 Views 文件夹中显示 Details.cshtml 页面。