一、问题
前文完成的用户登录后的首页如下:

后续账单管理、人员管理等功能页面都有相同的头部,左边和下边,唯一不同的右边内容部分,所以要解决重复设计的问题。
二、解决方法------使用布局页
在Views上右键添加新建项,选择布局页,名称可改:

拷贝相同的头部、左边、下边的HTML到布局页,需要加载的地方用RenderBody

在index页面中测试
修改index页面

登录后,跳转到index

PS:图片和时间不正常的是路径的问题,如修改布局页的js路径解决时间问题

修改图片路径:
三、账单管理 页面的实现
首先 ,修改布局页中各项链接跳转
原来是静态页面方式,现改成"控制器+Action"
静态:

动态

以账单管理为例,用布局页实现功能:
在Home控制器中添加Action
[IsLogin]
public ActionResult billList()
{
Maticsoft.BLL.bill bll = new Maticsoft.BLL.bill();
List<Maticsoft.Model.bill> list = bll.GetModelList("");
ViewBag.list = list;
return View();
}
IsLogin\] 见前文,取出数据表中所有账单信息,放入ViewBag。
右键该Action添加视图:
@{
Layout = "~/Views/_LayoutPage1.cshtml";
List
使用布局页,解决重复页面代码问题,根据ViewBag动态生成页面内容:

PS:基于超市模板WEB项目的相关资料可以联系作者获取(740803366 易老师)
@foreach (Maticsoft.Model.bill item in list)
{
账单编码
商品名称
供应商
账单金额
是否付款
创建时间
操作
}
@item.id
@item.billName
@item.supplierid
@item.money
@item.zhifu
@DateTime.Now.ToString()