MVC3写的一个留言板

HomeController.cs的类:

      public ActionResult Words()
        {
            ViewBag.Messages = BLL.Messages.GetListByUserId("1");
            return View();
        }

        #region 增加留言
        public ActionResult AddWords()
        {
            string recieveName = Request.Form["recievename"];
            string sendName = Request.Form["sendname"];
            string projectId = Request.Form["projectid"];
            string context = Request.Form["context"];
            string addtime=DateTime.Now.ToString();
            if (BLL.Messages.AddMessages(recieveName, sendName, projectId, context) > 0)
            {
             
                return Content("{\"context\": \"" + context + "\", \"flag\": true,\"sendname\": \"" + sendName + "\",\"AddTime\": \"" + addtime + "\",\"message\":\"发送成功\"}");
            }
            else
            {
                
                return Content("{\"message\":\"发送成功\",\"flag\":false}");
            }

        }
        #endregion

 

Words.cshtml

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>留言板</title>
        <script src="../../Scripts/jquery-1.7.1.js"></script>
        <link href="../../Content/bootstrap.min.css" rel="stylesheet" />
		<style type="text/css">
		  .liuyan_list{
		    	
		    }
			  .liuyan_list li{
		    	border-bottom:1px solid #E5E5E5;
		    	padding:10px 0px;
		    	line-height: 2;
		    }
		    .liuyan_but{
		    	width:100%;
		    	height: 50px;
		    	background:#19a39e;
		    	position: fixed;
		    	bottom: 0;
		    	left:0;
		    	text-align: center;
		    }
		    ul li{
		    	  list-style: none;
		    	  padding: 0px;
		    	  margin: 0px;
		    	}
		    
		</style> 

        <script type="text/javascript">
            $(function () {
                $("#btnsend").click(function () {
                    if ($(".form-control").val() == "") {
                        alert("留言内容不能为空");
                        return false;
                    }
                    var context = $(".form-control").val();
                    var sendname = "zhumm";
                    var recieve = "zhummR";
                    $.ajax({
                        url: "@Url.Action("AddWords")",
                    type: "POST",
                    data: { "projectid": "1", "context": context, "sendname": sendname, "recievename": recieve },
                    success: function (data) {
                        var jsonResult = eval("(" + data + ")");
                        if (jsonResult.flag == true) {
                            alert(jsonResult.message);
                            $(".liuyan_list").append("<li><h4>" + jsonResult.sendname + "</h4><p>" + jsonResult.AddTime + "</p><p>" + jsonResult.context + "</p></li>");
                            $(".form-control").val("");
                        }
                    }

                });
                });
            })
        </script>
	</head>
	<body>
		<!--留言列表页-->
    	<div class="sp_list">
    		<ul class="liuyan_list">
                @foreach(var item in ViewBag.Messages as List<Model.Messages>)
                {
    			<li>
    				<h4>@item.SendName</h4>
    				<p>@item.AddTime</p>
    				<p>@item.Context</p>
    			</li>
                }
            
    		</ul>
    		<div class="liuyan_but">
    			<div class="input-group" style="width:80%;margin:8px auto;">
			      <input type="text" class="form-control" placeholder="Search for...">
			      <span class="input-group-btn">
			        <button class="btn btn-default" type="button" id="btnsend">发送</button>
			      </span>
			    </div><!-- /input-group -->
    		</div>
    	</div>
	</body>
</html>


运行效果如下:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值