Liaison de données « ASP.NET » – Explication graphique et textuelle du répéteur

J'ai appris la programmation de pages Web statiques HTML et compris une partie de sa syntaxe, mais je sentais que ma maîtrise de la programmation Web n'était pas assez satisfaisante, j'ai donc suivi le plan et commencé mon parcours ASP.NET. Avant d'écrire ce blog ASP.NET, je voudrais d'abord comparer les différences et les connexions entre ASP.NET et HTML.

1. Connexions et différences : HTML est programmé côté client et génère généralement des pages Web statiques ; ASP.NET est programmé côté serveur et peut généralement générer des pages Web dynamiques ; pages. Les contrôles dans ASP.NET sont repensés et encapsulés à partir des contrôles en HTML. Autrement dit, les contrôles dans ASP.NET sont basés sur les contrôles en HTML. Le contrôle ASP.NET a une fonction de rappel, qui peut utiliser ViewState pour maintenir l'état du contrôle. Les contrôles HTML ne le peuvent pas. Lorsque l'utilisateur clique sur l'opération de page, son état est perdu.

Dans le processus d'apprentissage d'ASP.NET, l'apprentissage et l'utilisation de ses contrôles comptent pour une grande partie. Aujourd'hui, je vais parler de la. contrôle Répéteur Utilisez le contrôle, utilisez-le pour lier les données d'arrière-plan, puis affichez-le sur le client (navigateur) !

2. Contrôle du répéteur

1. Objectif : Utiliser des modèles pour afficher des données dans une boucle.

2. Modèles inclus :

          Modèle d'élément (les données à l'intérieur sont affichées normalement)

Modèle d'affichage entrelacé (les données liées à l'intérieur sont affichées de manière entrelacée) Modèle de pied de page (modifier le pied de page)

 Modèle d'en-tête (modifier l'en-tête)

Modèle de séparateur (insérer des intervalles dans les données affichées, telles que des lignes horizontales, des symboles spéciaux, etc.)

3. Exemple

Un exemple que j'ai écrit en utilisant l'application ASP.NET Web Forms de vs2012.

1. Introduction au contenu

Sélectionnez les informations dans la table Personne de la base de données, puis utilisez le contrôle Répéteur pour les afficher sur le client. L'image ci-dessous représente les informations de la table person de ma base de données SQLser.

                                                                                                                                                                 Formulaire, ajoutez le code suivant dans l'événement Page_Load du formulaire.

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 : Utiliser le modèle du contrôle Répéteur < ItemTemplate> Afficher les informations, le code est le suivant

<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 : L'effet d'affichage est le suivant suit

4 :Utilisation du modèle (laisser les données s'afficher)

 <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>

L'effet d'affichage est le suivant. 4, 6 et 9. C'est ce qu'on appelle l'affichage croisé.

Enfin, j'ai utilisé cinq modèles ensemble, le code front-end est le suivant

<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>

Le rendu d'affichage est le suivant

Il s'agit d'une méthode d'utilisation des contrôles pour afficher les informations dans la base de données en arrière-plan dans le navigateur. En fait, non seulement le contrôle Repeater, mais également DataList, GridView, CheckBoxList, DropDownList, etc. peuvent lier les informations. dans la base de données puis affichez-le dans le navigateur. Montré, je les présenterai un par un plus tard, alors restez à l'écoute ! !



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!