工信版（中职）计算机组装与维护A1002教学课件.pptx

《工信版（中职）计算机组装与维护A1002教学课件.pptx》由会员分享，可在线阅读，更多相关《工信版（中职）计算机组装与维护A1002教学课件.pptx（25页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF（中职）计算机组装与维护A1002教学课件我们毕业啦其实是答辩的标题地方任务2 实现个人成绩查询网页SQL Server数据库项目教程教学课件项目10：使用ASP.NET 开发网页程序 本任务主要实现的功能是在个人成绩查询初始网页GRCJCX.aspx中输入学号，可以查询学生每门课程成绩。任务概述任务分析本任务主要完成以下内容：（1）在GRCJCX.aspx网页中，通过设置SqlDataSource控件，完成配置数据源及数据连接，实现对学生个人成绩的查询。（2）通过设置GridView控件，以表格的形式显示数据源中的数据，实现学生个人成绩的查询功能，显示该学生每门课程的成绩。1.知识准备

2、2.任务实施CONTANTS思维导图1.知识准备1.知识准备1.1 SqlDataSource控件的简介通过SqlDataSource控件，可以使用Web服务器控件访问位于关系数据库中的数据。一般与与数据绑定控件（如GridView、FormView和DetailsView控件）一起使用。使用SqlDataSource控件，在ASP.NET页中访问和操作数据时，只需提供用于连接到数据库的连接字符串，并定义使用数据的SQL语句或存储过程即可。1.知识准备1.1 SqlDataSource控件的简介SqlDataSource控件的使用实例（1）打开test.aspx，添加一个SqlDataSour

3、ce控件。（2）配置SqlDataSource控件。首先，单击SqlDataSource控件的任务框，选择“配置数据源”选项，打开“配置数据源”对话框，选择上个任务已经配置好了的数据链接。1.知识准备1.1 SqlDataSource控件的简介（3）单击“下一步”按钮，配置Select语句，选择要查询的表和索要查询的的列。（4）最后，单击“下一步”按钮，测试查询结果。向导将执行窗口下方的SQL语句，将查询结果显示在窗口中间。单击“完成”按钮，完成数据源配置及连接数据库。1.知识准备1.2 GridView控件的简介GridView控件以表格的形式显示数据源中的数据。每列表示一个字段，而每行表示

4、一条记录。不仅可以利用数据源控件自动绑定数据显示，还可以直接使用数据源控件操作命令对表中数据进行选择、排序、编辑等操作。1.知识准备1.2 GridView控件的简介（1）GridView控件常用的数据绑定和显示属性DataSourceID属性：指定数据源控件ID。AutoGenerateColumns属性：决定是否指定数据源中的每个字段自动创建绑定字段。默认值为true。Columns属性：自定义GridView控件中所要显示的列字段。Caption属性：设置要在标题中显示的文本。CaptionAlign属性：设置标题行文本的显示方式。默认值为NoSet，即顶部显示，与属性值Top相同。另外

5、，还有Bottom、Right、Left等三个属性值。ShowFooter属性：决定是否在GridView控件中显示脚注行。默认值为false。ShowHeader属性：决定是否在GridView控件中显示标题行。默认值为true。1.知识准备1.2 GridView控件的简介（2）GridView控件常用的数据编辑功能属性AutoGenerateDeleteButton属性：决定是否在GridView控件中添加带有“删除”按钮的CommandField列字段。默认值false。AutoGenerateEditButton属性：决定是否在GridView控件中自动添加带有“编辑”按钮的Comm

6、andField列字段。默认值false。AutoGenerateSelectButton属性：决定是否在GridView控件中自动添加带有“选择”按钮的CommandField列字段。默认值false。1.知识准备1.2 GridView控件的简介GridView控件的使用实例（1）打开test.aspx，添加一个GridView控件。单击GridView控件的任务框，在“选择数据源”选择前面已经配置好的数据源。1.知识准备1.2 GridView控件的简介（2）单击GridView控件的任务框，选择“编辑列”命令，打开“字段”对话框，将每个BoundField控件绑定字段的HeaderTe

7、xt属性设置为该列标题名1.知识准备1.2 GridView控件的简介（3）在GridView控件属性窗口，这里可以根据需求来设置GridView控件的属性。2.任务实施2.任务实施l打开GRCJCX.aspx网页，在代码块“”下面插入一个Lable控件，插入空格符使Lable控件向右空两个字符。2.1 设置Lable控件代码如下：2.任务实施在GRCJCX.aspx网页中，在代码块“”下面插入一个SqlDataSource控件，配置数据源。2.2 设置SqlDataSource控件2.任务实施代码如下：2.2 设置SqlDataSource控件asp:SqlDataSource ID=Sql

8、DataSource1 runat=serverConnectionString=SelectCommand=SELECT CourseID,StudentID,Score1,Score2,Score3,ScoreAll,Credit FROM tbScore WHERE(StudentID=StudentID)2.任务实施l在SqlDataSource控件下面，插入一个GridView控件，绑定前面配置好的数据源，并设置表格样式。2.3 设置GridView控件2.任务实施代码如下2.3 设置GridView控件2.任务实施2.4 设置查询按钮Button控件双击“查询”按钮，它会自动打开GRCJCX.aspx.cs网页并自动生成Button1_Click（）的代码块，补充并完成代码块。protected void Button1_Click(object sender,EventArgs e)Label1.Text=亲爱的+SID.Text+同学，您好！您所选修的课程成绩如下：;2.任务实施2.5 调试网页在VisualStudio中，打开GRCJCX.aspx网页,然后按“F5”键启动调试功能，它会自动在网页浏览器中打开，输入相应的学号点击查询。THANKS