熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET項目開發指南:界面預覽

2013-11-13 12:26:40  來源: .NET編程 

    用 戶 界 面

    界面預覽

  運行該系統可以看到其首頁ST_mainaspx如圖所示

  ST_mainaspx的主要HTML代碼

  本頁中有自定義的控件前邊已經提到了再有就是兩個GridView控件和一個DataList控件ST_mainaspx的主要HTML代碼如程序所示

  用戶界面

  程序  ST_mainaspx

    <form id=Form method=post runat=server>

  

        <uc:ST_khead id=Khead runat=server>uc:ST_khead>

        <uc:ST_kuserleft id=Kuserleft

            runat=server>uc:ST_kuserleft>

        <asp:GridView id=GridView runat=server

            AutoGenerateColumns=False

            Width=px Height=px

            BorderWidth=>

            <Columns>

                <asp:TemplateField>

                    <HeaderTemplate>

                    HeaderTemplate>

                    <ItemTemplate>

                    <A href=ST_kshownewsaspx?id=<%# Eval(ST_ID)%>>

                            <%#Eval(ST_newstitle)%>

                    A>[<%# Eval(ST_addtime)%>]

                    ItemTemplate>

                    <EditItemTemplate>

                    EditItemTemplate>

                asp:TemplateField>

            Columns>

        asp:GridView>

        <asp:GridView id=GridView runat=server

        AutoGenerateColumns=False Width=px Height=px

                BorderWidth=>

                <Columns>

                    <asp:TemplateField>

                        <HeaderTemplate>

                        HeaderTemplate>

                        <ItemTemplate>

                            <A href=ST_kshownewsaspx?id=<%#

                                Eval(ST_ID)%>>

                                <%# Eval(ST_newstitle)%>

                                … A>

                        ItemTemplate>

                        <EditItemTemplate>

                        EditItemTemplate>

                    asp:TemplateField>

                Columns>

            asp:GridView>

        <asp:datalist id=DataList runat=server Width=px

            RepeatDirection=Horizontal RepeatColumns=>

            <ItemTemplate>

            <table width=% border= cellspacing= cellpadding=>

            <tr><td width= rowspan= align=center

                valign=middle>

                <a href=ST_kshowproaspx?proid=<%#

                    Eval(ST_ID)%> >

                <img src=productpic/<%#

                    Eval(ST_productpic)%> width=

                height= border= />a>td>

            <td height= valign=top>

            <img src=images/ecrangif width= height= />

            <a href=ST_kshowproaspx?proid=<%#

                Eval(ST_ID)%> >

                <strong><%#Eval(ST_productname)%>

                strong>

            a>td>tr>

            <tr><td>

            <img src=images/dot_gif width= height= />價格?<%#

        Eval(ST_Productprice)%>元<br />

            <img src=images/dot_gif width= height=/>

                分類<a href=ST_kprolistaspx?proclassid=<%#

            Eval(ST_productclass)%>>

                        <%#Eval(ST_productclass)%>

                a>

                td>tr>

                table>

                ItemTemplate>

            asp:datalist>

        <uc:ST_kfoot id=Kfoot runat=server>uc:ST_kfoot>

    form>

  【代碼說明】代碼第~行是兩個GridView控件這裡只是綁定了數據並沒有實現更新刪除等事件在這兩個控件的ItemTemplate模板中都綁定了一個超鏈接當用戶單擊此超鏈接時進行導航並傳遞指定的參數代碼第~行也是用來顯示數據這是一個DataList控件其綁定數據的方法也是<%# Eval(ST_Productprice)%>

  說明很多人習慣將Eval(字段名稱)方法寫成DataBindEval(DataItem字段名稱)的形式

  ST_mainaspxcs的主要代碼及其解釋

  Page_Load事件用來加載數據其代碼如程序所示

  程序  ST_mainaspxcs

    protected void Page_Load(object sender SystemEventArgs e)

    {

        string ST_strsql;

        ST_strsql = SELECT top *  FROM ST_tNews where ST_newsclass=

            內新聞 order by ST_ID desc ;

        //獲取數據集

        DataTable ST_dt = ST_databaseReadTable(ST_strsql)

        GridViewDataSource = ST_dt;

        //將數據綁定到控件

        GridViewDataBind()

        ST_strsql = SELECT top *  FROM ST_tNews where ST_newsclass=

            站新聞 order by ST_ID desc ;

        //獲取數據集

        ST_dt = ST_databaseReadTable(ST_strsql)

        GridViewDataSource = ST_dt;

        //將數據綁定到控件

        GridViewDataBind()

  

        ST_strsql = select top * from ST_tProduct order by ST_ID desc;

        //獲取數據集

        ST_dt = ST_databaseReadTable(ST_strsql)

        DataListDataSource = ST_dt;

        //將數據綁定到控件

        DataListDataBind()

    }

  【代碼說明】代碼第行的ST_databaseReadTable()方法用於從數據庫中讀取表的數據並返回一個DataSet這裡分別用不同的SQL語句調用以得到想要的不同的DataSet再分別將數據綁定到頁面中的GridView(用來顯示業內新聞)GridView(本站新聞)和DataList(產品信息)在將每個GridView和GridView顯示的新聞條目都用SQL語句限定為了而DataList

       返回目錄ASPNET項目開發指南

       編輯推薦

       ASPNET MVC 框架揭秘

       ASPNET開發寶典

       ASP NET開發培訓視頻教程


From:http://tw.wingwit.com/Article/program/net/201311/15920.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.