[DAY 25] Q&A 諮詢系統 - 程式開發（_Layout.cshtml） - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 12 屆 iThome 鐵人賽

DAY 25

Modern Web

ASP.NET MVC5架構說明與Q&A諮詢系統實作系列第 25 篇

[DAY 25] Q&A 諮詢系統 - 程式開發（_Layout.cshtml）

12th鐵人賽 asp.net mvc 資訊系統

小葵

2020-10-08 14:59:42

2122 瀏覽

分享至

5. 程式開發

今天來介紹詢問的部分
先來看成果（網頁有套用 Bootstrap）

分成兩個部分

① Navbar 導覽列（_Layout.cshtml 內的程式碼，每個頁面都相同的部分）

<body>
    <div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary" 
        style="height:70px">
        <div class="container dt-cls">
            <!--按扭連到 Home 的 Index 頁面-->
            <a class="navbar-brand" href="@Url.Action("Index", "Home")">
                <!--左上角的圖-->
                <img src="~/images/dortsmark_white.png" 
                    width="45" height="28" />
                <img src="~/images/banner_white.png" 
                    width="300" height="45" />
            </a>
            <div class="collapse navbar-collapse" id="navbarColor01">
                <!--導覽列的按鈕都偏右-->
                <ul class="nav navbar-nav navbar-right">
                    <li class="nav-item">
                        <!--按扭連到 Quer 的 Quer 頁面，就是目前的頁面-->
                        <a class="nav-link" 
                            href="@Url.Action("Quer", "Quer")" 
                            style="font-weight:bold">諮詢問題
                        </a>
                    </li>
                    <li class="nav-item">
                        <!--按扭連到 LookQA 的 Index 頁面-->
                        <a class="nav-link" 
                            href="@Url.Action("Index", "LookQA")" 
                            style="font-weight:bold">查詢Q&A
                        </a>
                    </li>
                    <!--下拉選單-->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle show" 
                            data-toggle="dropdown" 
                            href="#" id="manager" 
                            aria-expanded="false" 
                            style="font-weight:bold">
                            後台管理
                            <!--箭頭-->
                            <span class="caret"></span>
                        </a>
                        <div class="dropdown-menu dt-cls" 
                            aria-labelledby="manager">
                            <!--按扭連到 Ansr 的 Index 頁面-->
                            <a class="dropdown-item" 
                                href="@Url.Action("Index", "Ansr")">
                                回覆問題
                            </a>
                            <!--按扭連到 SystClas 的 Index 頁面-->
                            <a class="dropdown-item" 
                                href="@Url.Action("Index", "SystClas")">
                                問題分類維護
                            </a>
                            <!--按扭連到 SystQAdb 的 Index 頁面-->
                            <a class="dropdown-item" 
                                href="@Url.Action("Index", "SystQAdb")">
                                Q&A維護
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container body-content" style="margin-top:4px">
        <br />
        <!--DAY 16 有說明 RenderBody的功能-->
        @RenderBody()
        <hr />
        <!--網頁的最底層，這裡沒有截到，顯示 ➡ 2020 - 應用系統諮詢服務-->
        <footer>
            <!--DateTime.Now.Year 當年年份顯示-->
            <p>© @DateTime.Now.Year - 應用系統諮詢服務</p>
        </footer>
    </div>
</body>

明天來介紹 ② (｡ì _ í｡)