„ASP.NET'-Datenbindung – Wiederholungsgrafik und Texterklärung

Ich habe die Programmierung statischer HTML-Webseiten gelernt und einige ihrer Syntax verstanden, aber ich hatte das Gefühl, dass meine Beherrschung der Webprogrammierung nicht zufriedenstellend genug war, also folgte ich dem Plan und begann meine ASP.NET-Reise. Bevor ich diesen ASP.NET-Blog schreibe, möchte ich zunächst die Unterschiede und Zusammenhänge zwischen ASP.NET und HTML vergleichen.

1. Verbindungen und Unterschiede: HTML wird auf der Clientseite programmiert und generiert normalerweise statische Webseiten; ASP.NET wird auf der Serverseite programmiert und kann normalerweise dynamische Webseiten generieren Seiten. Die Steuerelemente in ASP.NET wurden von den Steuerelementen in HTML neu gestaltet und gekapselt. Das heißt, die Steuerelemente in ASP.NET basieren auf den Steuerelementen in HTML. Das ASP.NET-Steuerelement verfügt über eine Rückruffunktion, die ViewState verwenden kann, um den Status des Steuerelements beizubehalten. HTML-Steuerelemente können dies nicht tun, wenn auf den Seitenvorgang geklickt wird.

Im Lernprozess von ASP.NET machen das Erlernen und die Verwendung seiner Steuerelemente einen großen Teil aus. Heute werde ich darüber sprechen Control Repeater Verwenden Sie das Steuerelement, binden Sie damit Hintergrunddaten und zeigen Sie sie dann auf dem Client (Browser) an!

2. Repeater-Steuerung

1. Zweck: Verwenden Sie Vorlagen zur Anzeige von Daten in eine Schleife.

2. Enthaltene Vorlagen:

        Artikelvorlage (die darin enthaltenen Daten werden normal angezeigt)

Interleaved-Anzeigevorlage (die darin gebundenen Daten werden interlaced angezeigt) Fußzeilenvorlage (Fußzeile bearbeiten)

 Header-Vorlage (Header bearbeiten)

Trennzeichenvorlage (Abstände in die angezeigten Daten einfügen, z. B. horizontale Linien, Sonderzeichen usw.)

3. Beispiel

Ein Beispiel, das ich mit der ASP.NET Web Forms-Anwendung von vs2012 geschrieben habe.

1. Inhaltseinführung

Wählen Sie die Informationen in der Personentabelle in der Datenbank aus und verwenden Sie dann das Repeater-Steuerelement, um sie auf dem anzuzeigen Kunde. Das Bild unten zeigt die Informationen in der Personentabelle in meiner Sqlser-Datenbank.

                                                                                                                                                              Formular, fügen Sie den folgenden Code in das Page_Load-Ereignis des Formulars ein.

protected void Page_Load(object sender, EventArgs e)
        {
            SqlConnection con = DB.createConnection();
            SqlDataAdapter sda = new SqlDataAdapter();
            string sql="select * from person ";
            sda.SelectCommand = new SqlCommand(sql, con);
            DataSet ds=new DataSet();
            sda.Fill(ds, "per");
            this.Repeater1.DataSource=ds.Tables["per"];
            Repeater1.DataBind();
        }

2: Verwenden Sie die Vorlage des Kontroll-Repeaters < ItemTemplate> Zeigt die Informationen an. Der Code lautet wie folgt:

<asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <p align="center">
                        <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %>
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %>
                    </p>
                </ItemTemplate>
            </asp:Repeater>

3: Der Anzeigeeffekt ist wie folgt folgt

4:Template-Verwendung (Daten kreuzweise anzeigen lassen)

 <asp:Repeater ID="Repeater1" runat="server">
                <AlternatingItemTemplate>
                    <p align="center">
                        <font color="blue"> <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %> 
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %></font>
                    </p>
                </AlternatingItemTemplate>
            </asp:Repeater>

Der Anzeigeeffekt ist wie folgt. Die Struktur zeigt nur die Spalten 2, 4, 6 und 9. Dies ist die sogenannte Kreuzdarstellung.

Schließlich habe ich fünf Vorlagen zusammen verwendet, der Front-End-Code lautet wie folgt

<asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <h3 align="center">页眉模板</h3>
                </HeaderTemplate>

                <ItemTemplate>
                    <p align="center">
                        <font color="blue"> <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %> 
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %></font>
                    </p>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <p align="center">
                        <font color="blue"> <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %> 
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %></font>
                    </p>
                </AlternatingItemTemplate>

                <SeparatorTemplate>
                    <hr color="red" size="1" />
                </SeparatorTemplate>

                <FooterTemplate>
                    <h3 align="center">页脚模板</h3>
                </FooterTemplate>

            </asp:Repeater>

Die Anzeigewiedergabe ist wie folgt

Dies ist eine Methode zur Verwendung von Steuerelementen zum Anzeigen der Informationen in der Hintergrunddatenbank im Browser. Tatsächlich können nicht nur das Repeater-Steuerelement, sondern auch DataList, GridView, CheckBoxList, DropDownList usw. die Informationen binden in der Datenbank speichern und dann im Browser anzeigen. Ich werde sie später einzeln vorstellen, also bleiben Sie dran! !



Das obige ist der detaillierte Inhalt von„ASP.NET'-Datenbindung – Wiederholungsgrafik und Texterklärung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!