MVC拼接前台页面
MVC的页面中,有多个相同类型的组件,但是其中的数据值不同,而且个数也是未知的,如图
这里使用的是@Html.Raw(ViewBag.Message)
在页面中的适当的位置,写该代码即可
后台,Controller中还是利用的MVC的机制,返回页面的时候,连带拼接的字符串一块返回。
public ActionResult Index(){//获取试题IDstring Num =Request.QueryString["Num"];//获取所有的审批,按时间排序List<QueryResultViewModel>Info = QueryAllType(Num);//获取审批个数int Number = Info.Count;//初始化strHTMLStringBuilder strRadioBtn = newStringBuilder();//循环遍历,动态拼接for (int i = 0; i < Number;i++){strRadioBtn.Append("<div class=\"panel panel-default\"style=\"width:1075px; margin-left:10px;\">");strRadioBtn.Append("<div class=\"panel-heading\">审批类型—" + Info[i].departmentName + "<spanstyle=\"margin-left:820px\">状态:"+ Info[i].accumulateStates + "</span>" +"</div>");strRadioBtn.Append("<div class=\"panel-body\">");strRadioBtn.Append("<div>");strRadioBtn.Append("<span >用户名:"+Info[i].userName+"</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("<div style=\"float:left;margin-left:820px;margin-top:-20px;\">");strRadioBtn.Append("<span >上传日期:"+Info[i].date+"</span><br>");strRadioBtn.Append("</div>");strRadioBtn.Append("<span >审批内容:"+Info[i].accumulateDescription+"</span><br>");strRadioBtn.Append("<span >回复内容:"+Info[i].operaterResponse+"</span><br>");strRadioBtn.Append("<div>");strRadioBtn.Append("<span >审批人:"+Info[i].operaterName+"</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("<divstyle=\"float:left;margin-left:820px;margin-top:-20px;\">");strRadioBtn.Append("<span >审批日期:"+ Info[i].operaterDate + "</span>");strRadioBtn.Append("</div>");strRadioBtn.Append("</div>");strRadioBtn.Append("</div>");}//返回页面ViewBag.Message = strRadioBtn;returnView("ResultInfo");}