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 :

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

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

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

bb7d44475a161c1c3f17906b7a8d3f4e7e09ce6e2174b5bea8c3b03d02e6c13cModè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 9078e78e677fed68897f15542a88f266 247b94fc9b32a7a895c80acdf798d00f 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 :91f4318f378aad8e526fb1a0e1ad17f9ba8dc1c1382ecc852825ac1c1e896c38Utilisation 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!