《工信版(中职)计算机组装与维护A1002教学课件.pptx》由会员分享,可在线阅读,更多相关《工信版(中职)计算机组装与维护A1002教学课件.pptx(25页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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