[ASP.NET] #5 Asp.net側面選單製作方法 - antqtech/KM GitHub Wiki

ASP.NET中的樣式設計

文前閱讀Asp.net中的 HTML 樣式

接下來我們要新增一份MASTER檔案,可以把他想成是公用組件,可以在ASPX檔案中引入,避免同樣的原件重複撰寫的問題。

image

新增MASTER文件(也就是我們之後規劃要共用的部分)

image

將名稱命名為Site.master,並在這邊的ID修正為你的檔案名稱,並加入html跟css樣式

<asp:ContentPlaceHolder ID="Site1" runat="server"></asp:ContentPlaceHolder>

image

檔案be like

image image


接下來我們就要在其他aspx檔案中引入這隻檔案

image

主要就是在第一欄的位置中加入MasterPageFile="~/Site1.Master"(要確定檔案路徑正確),並在Content中加入ContentPlaceHolderID

<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/Site1.Master" CodeBehind="test.aspx.vb" Inherits="WebApplication1.test" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Site1" runat="server">

這樣這邊就成功引入了

接著我們試著跑看看畫面能不能正常運作。

image

image

程式碼範例

連結:https://github.com/antqtech/KM/tree/main/ASP.NET/%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC