1.今日任務：

①美化主頁

②使用判斷在前臺分角色名稱顯示不同的功能模組

③帶有session傳值到主頁面顯示當前登入的使用者名稱和角色名稱

2.核心程式碼和效果圖：

效果圖：

業務員：

管理員：

財務員：

核心程式碼：

 public ActionResult Login(string username,string password)
        {
            //寫語句判斷當前登入使用者是否存在
            var list = (from l in db.t_user
                        join r in db.t_role
                        on l.r_id equals r.r_id
                        
 
where((l.u_name==username)&&(l.u_pwd==password))
                        select new
                        {
                            l.u_name,
                            r.r_name
                        }).ToList();
            if (list.Count>0) 
            {
                //將查詢到的角色資訊儲存到list中
                
 
//從list中提取到角色名稱存在session中，方便在前臺判斷
                Session["rolename"] = list.FirstOrDefault().r_name;
                //從list中提取到使用者名稱稱存在session中，方便在前臺顯示
                Session["username"] = list.FirstOrDefault().u_name;
                //驗證票據
                FormsAuthentication.SetAuthCookie(list.FirstOrDefault().u_name, false
 
);
                //跳轉首頁
                return RedirectToAction("Index","Home");
            }
            return View();
        }                <ul class="nav">

                    <li class="nav-header">Navigation</li>
                    @if ((Session["rolename"]).ToString() == "業務員")
                    {
                        <li class="has-sub active">
                            <a href="" target="iframeID">
                                <i class="fa fa-laptop"></i><span>派車單登記</span>
                            </a>

                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                                <span class="badge pull-right">10</span>
                                <i class="fa fa-inbox"></i><span>財務收款</span>
                            </a>
                            @*<ul class="sub-menu">
                    <li><a href="email_inbox.html">角色管理</a></li>

                </ul>*@
                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                               <i class="fa fa-suitcase">
                                </i><span>單車月結算</span>
                            </a>
                            @*<ul class="sub-menu">
                    <li><a href="/professionalTitles/Index" target="iframeID">職稱管理</a></li>
                </ul>*@
                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                                <i class="fa fa-file-o">
                                </i><span>派車單稽核</span>
                            </a>

                        </li>
                    }
                    else if ((Session["rolename"]).ToString() == "管理員")
                    {
                        <li class="has-sub">
                            <a href="javascript:;">
                               <i class="fa fa-th">
                                </i><span>客戶資訊管理 </span>
                            </a>

                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                              <i class="fa fa-th">
                                </i><span>車輛資訊管理 </span>
                            </a>

                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                               <i class="fa fa-th">
                                </i><span>駕駛員資訊管理 </span>
                            </a>

                        </li>
                    }
                    else
                    {
                        <li class="has-sub">
                            <a href="javascript:;">
                               <i class="fa fa-th"></i>
<span>結算明細 <span class="label label-theme m-l-5">NEW</span></span>
                            </a>

                        </li>
                        <li class="has-sub">
                            <a href="javascript:;">
                             <i class="fa fa-th">
                                </i><span>單車查詢 <span class="label label-theme m-l-5">NEW</span></span>
                            </a>

                        </li>
                    }

                </ul>

3.遇到的問題

① 在搬運前臺模板時發生了樣式衝突。

② 不知道怎麼在前臺分角色進行顯示。

4.解決的方案

① 優化樣式，去除掉不需要的css和js。

② 前臺使用razor語法在前臺寫後臺程式碼用session使用者角色名寫判斷。