如何在我的情况下在aspx页面上静态和动态添加文本和图像

Question

我是ASP.NET及其第一个应用程序的初学者，它具有如下视图： http : //prntscr.com/5iaiig

在这里，您可以看到它与facebook有点相似，不同之处在于我只想在单击“主页”，“关于”，“时间线”和“照片”等每个按钮时简单地演示不同的文本。 我不知道该怎么做？

我对Site.Mater的所有代码是：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                  <img src="Images/sss.jpg" alt="Powered by Shekhar" width="80" height="100" />
                    Shekhar's FaceBuk                   
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="TimeLine"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Photos"/>
                        <asp:MenuItem Text="testing of shekhar" />
                    </Items>    
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">

    </div>
    </form>
</body>
</html>

而重要的部分是：

<div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="TimeLine"/>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Photos"/>
                        <asp:MenuItem Text="testing of shekhar" />
                    </Items>    
                </asp:Menu>
            </div>

在我的About.aspx中，两个.cs文件分别是：About.aspx.cs和About.aspx.designer.cs，它们分别如下：

namespace WebApplication1
{
    public partial class About : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            // Get the number of labels to create.

        }
    }
}

和

namespace WebApplication1
{
    public partial class About
    {
    }
}

现在的问题是如何更改这两个类和Site.Maser，以便我可以在下面的单击“关于”中显示一些内容（文本，图像等）（我必须对每个按钮单击都执行相同操作，但是一旦我我可以为别人做的一个主意）？ 谢谢会对我有很大帮助。

Answer 1

一般而言，您无需操心designer.cs文件。 而且，如果您只需要显示文本，图像等内容，那么您根本不需要理会* .cs文件。 只需将标记直接放在about.aspx页中。 将其包装在asp：Content标记内，使其包含在您的母版页中，如下所示：

关于.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="WebApplication1.About" %>
<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <h1>About Us</h1>
    <p>We code in HTML5 and CSS3</p>
    <img src="/images/logo.gif" />
</asp:Content>