当前位置: 首页 > 文章教程  > 计算机与互联网 > 网络编程

5.3使用GridView列表显示数据

8/31/2020 8:52:25 PM 人评论

5.3使用GridView列表显示数据

5.3 使用GridView列表显示数据

学习目标

掌握GridView使用方法。

(1)启动Visual Studio 2012,依次选择“文件”|“新建”|“网站”命令,创建一个ASP.NET空网站项目(C#),命名为Study_GridView_Control。

(2)然后选择“文件”|“新建”|“文件”命令,弹出如图5-2所示的对话框,在“名称”文本框中输入gv01.aspx,并启用“将代码放在单独的文件中”复选框,单击“添加”按钮,完成以后显示如图5-3所示。

图5-2 添加新项-gv01.aspx对话框

图5-3 页面gv01.aspx脚本显示窗口

(3)在图5-3中,选择下方的“设计”按钮,切换到gv01.aspx的设计窗口,然后从工具箱的“数据”选项卡中拖动GridView控件到gv01.aspx的设计窗口中,如图5-4所示。

图5-4 页面gv01.aspx设计窗口

(4)在图5-4中,选择“GridView任务”面板中“选择数据源”下拉列表的“新建数据源”项目,弹出“数据源配置向导”对话框,如图5-5所示。

图5-5 数据源配置向导-选择数据源类型对话框

(5)在图5-5中选择“数据库”选项,系统自动生成一个ID并命名为SqlData Source1,也可以修改成其他名称,然后单击“确定”按钮,显示如图5-6所示。

(6)在图5-6中,单击“新建连接”按钮,弹出“选择数据源”对话框,如图5-7所示。

图5-6 配置数据源-选择您的数据连接对话框(1)

图5-7 “选择数据源”对话框

(7)在图5-7中,选择“Microsoft SQL Server”项目,然后单击“继续”按钮,弹出如图5-8所示的对话框。

图5-8 “添加连接”对话框(1)

(8)在图5-8中,在“服务器名”文本框中输入SQL Server数据库服务器名称或IP,一般本地数据库就输入本机器名称,如HST04_PC,选择“使用SQL Server身份验证”单选按钮,账号输入sa,口令输入自己设置的口令,在“选择或输入数据库名称”下面的文本框中输入操作的数据库名称,如mydb,如图5-9所示。

图5-9 “添加连接”对话框(2)

(9)在图5-9中,单击“测试连接”,弹出如图5-10所示提示框。

图5-10 测试连接提示对话框

(10)然后在图5-9中,单击“确定”按钮,显示如图5-11所示。

图5-11 配置数据源-选择您的数据连接对话框(2)

(11)在图5-11中,单击“下一步”按钮,显示如图5-12所示。

图5-12 配置数据源-保存连接到配置文件对话框

(12)在图5-12中,单击“下一步”按钮,显示如图5-13所示,在“名称”下拉列表中可以选择操作的表名称,这里选择test表,列选项默认为“*”,选择具体所需的字段,当然也可以选择右侧的“WHERE”条件设置、“ORDER BY”排序规则,其中“高级”选项是GridView控件具备编辑、删除功能才有用的,后续会讲到。

图5-13 配置数据源-配置Select语句对话框

(13)在图5-13中,单击“下一步”按钮,在显示的对话框中单击“测试查询”按钮,显示如图5-14所示。

图5-14 配置数据源-测试查询对话框

(14)在图5-14中,单击“完成”按钮,gv01.aspx设计窗口显示如图5-15所示。

图5-15 GridView加载数据源后的设计窗口

(15)在图5-15中右击,在弹出的快捷菜单中选择“在浏览器查看”命令,即可看到运行结果如图5-16所示。

到此为止,一个简单的使用GridView控件列表显示数据的例子就完成了。

图5-16 页面gv01.aspx运行结果展示(1)

上一篇:5.2创建数据库

下一篇:5.4修改列标题

相关教程

共有条评论 网友评论

验证码: 看不清楚?