ASP.NET MVC 入门教程（四）发表评论

ASP.NET MVC 入门教程（四）

本部分主要实现评论内容的发表

一、在文章内容页上创建发表评论表单

<!--发表评论-->
<form id="commentform" action="/Comment/Create" method="post">
    <input type="hidden" name="articleId" value="@Model.Id" />
    <div class="form-group">
        <label for="content">评论内容</label>
        <input type="text" class="form-control" id="content" name="content" placeholder="请输入评论内容" />
    </div>
    <button class="btn btn-default" id="btn">确定</button>
</form>

@section scripts{
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script>
        $(function () {
            $('#btn').on('click', function () {
                if($('#content').val()==""){
                    alert("请写下你的评论");
                    return false;
                };
            })
        });
    </script>
   
}

1.Js部分的代码主要用来验证，评论内容部分是否为空

2.<input type="hidden" name="articleId" value="@Model.Id" />

该隐藏的文本框，主要用于将文章的ID传递给评论，因为评论表中的ArticleId就是文章的Id值。

二、在Comment控制器里修改Create方法

1.删除基架生成的以下Create方法

在控制器中，基架生成了两个Create方法，下面这个Create方法是用来访问发表评论视图的，但在本实例中，评论表单是在文章内容页中呈现的，因此，并没有独立的一个视图页来呈现表单，所以该方法并不需要，删除即可。

// GET: Comment/Create
public ActionResult Create()
{
    return View();
}

2.修改以下的Create方法，代码如下

// POST: Comment/Create
        [HttpPost]
        public ActionResult Create(tb_comment comment)
        {
            if (ModelState.IsValid)
            {
                comment.CreateDate = DateTime.Now;
                db.tb_comment.Add(comment);
                db.SaveChanges();
                return RedirectToAction("Details", "Article", new { id = comment.ArticleId });
            }
            return View();
        }

该方法的[HttpPost]只接收post方式进行的提交。

三、测试评论的发表

1.执行，打开浏览器

来源：oschina

链接：https://my.oschina.net/u/3537796/blog/1825653

标签

ASP.NET MVC