《第七章 维护动态数据页面理论部分》由会员分享,可在线阅读,更多相关《第七章 维护动态数据页面理论部分(37页珍藏版)》请在金锄头文库上搜索。
1、BENET3.0BENET3.0BENET3.0第一学期课程第一学期课程第一学期课程第七章第七章第七章第七章 维护动态数据页面维护动态数据页面维护动态数据页面维护动态数据页面 理论部分理论部分课程回顾课程回顾课程回顾课程回顾查询查询查询查询t_newst_news表中最新的表中最新的表中最新的表中最新的1010条新闻条新闻条新闻条新闻查询点击率大于查询点击率大于查询点击率大于查询点击率大于2020的新闻标题的新闻标题的新闻标题的新闻标题向向向向t_News_Usert_News_User表中插入一个用户,设置其表中插入一个用户,设置其表中插入一个用户,设置其表中插入一个用户,设置其PowerP
2、ower为为为为TrueTrue2 2技能展示技能展示技能展示技能展示了解什么是了解什么是了解什么是了解什么是ASP.NETASP.NET会使用会使用会使用会使用ASP.NETASP.NET建立动态页面建立动态页面建立动态页面建立动态页面会修改数据库的连接会修改数据库的连接会修改数据库的连接会修改数据库的连接会维护页面的控件会维护页面的控件会维护页面的控件会维护页面的控件会修改页面的控件信息会修改页面的控件信息会修改页面的控件信息会修改页面的控件信息会整体修改会整体修改会整体修改会整体修改ASP.NETASP.NET页面页面页面页面3 3本章结构本章结构本章结构本章结构ASP.NET简介简介修
3、改页面整体显示逻辑修改页面整体显示逻辑维护动态数据页面维护动态数据页面搭建搭建ASP.NET运行环境运行环境ASP.NET服务器控件服务器控件文本控件文本控件按钮控件按钮控件修改添加栏目页面修改添加栏目页面选择控件选择控件GridView控件控件4 4ASP.NETASP.NET简介简介简介简介ASP.NETASP.NETASP.NETASP.NET的功能和特点的功能和特点的功能和特点的功能和特点简单性和易学性简单性和易学性简单性和易学性简单性和易学性世界级的工具支持世界级的工具支持世界级的工具支持世界级的工具支持安全性安全性安全性安全性威力和灵活性威力和灵活性威力和灵活性威力和灵活性5 5A
4、SP.NETASP.NET文件类型文件类型文件类型文件类型文件扩展名文件扩展名用途及说明用途及说明. .aspxaspxWeb Web 页面由两部分组成,视觉元素(页面由两部分组成,视觉元素(HTMLHTML、控件和静态文本)控件和静态文本)和该页的编程逻辑。和该页的编程逻辑。Visual StudioVisual Studio将这两个组成部分分别存储在一个将这两个组成部分分别存储在一个单独的文件中。视觉元素在单独的文件中。视觉元素在. .aspxaspx 文件中创建,是文件中创建,是ASP.NETASP.NET普通文件。普通文件。代码分离的代码编写方式是代码分离的代码编写方式是ASP.NET
5、ASP.NET程序开发的一种常用形式,但实际程序开发的一种常用形式,但实际项目中很多页面都是代码嵌套的方式,没有单独的后台文件。项目中很多页面都是代码嵌套的方式,没有单独的后台文件。. .cs/.vbcs/.vbC#C#语言编写的逻辑代码文件扩展名为语言编写的逻辑代码文件扩展名为. .cscs,VB.NETVB.NET语言编写的代码文件语言编写的代码文件的文件扩展名为的文件扩展名为. .vbvb.master.master母版页。可以看成是一个母版页。可以看成是一个“网页网页模版模版”,与之不同的是,再也不必每个,与之不同的是,再也不必每个页面都去更新了,修改一次,所有套用母版页的网页都会改变
6、页面都去更新了,修改一次,所有套用母版页的网页都会改变Web.configWeb.config网页配置文件,或应用程序配置文件网页配置文件,或应用程序配置文件6 6ASP.NETASP.NET页面组成结构页面组成结构页面组成结构页面组成结构页面指令页面指令页面指令页面指令HTMLHTML标签标签标签标签ASP.NETASP.NET控件控件控件控件7 7搭建搭建搭建搭建ASP.NETASP.NET运行环境运行环境运行环境运行环境附加数据库附加数据库附加数据库附加数据库把网站发布到把网站发布到把网站发布到把网站发布到IISIIS上上上上连接数据库连接数据库连接数据库连接数据库测试网站是否配置成功测
7、试网站是否配置成功测试网站是否配置成功测试网站是否配置成功8 8把网站发布到把网站发布到把网站发布到把网站发布到IISIIS上上上上新建虚拟目录新建虚拟目录新建虚拟目录新建虚拟目录设置虚拟目录别名设置虚拟目录别名设置虚拟目录别名设置虚拟目录别名选择网站目录选择网站目录选择网站目录选择网站目录设置虚拟目录访问权限设置虚拟目录访问权限设置虚拟目录访问权限设置虚拟目录访问权限完成虚拟目录的创建完成虚拟目录的创建完成虚拟目录的创建完成虚拟目录的创建设置设置设置设置ASP.NETASP.NET的版本的版本的版本的版本根据网站开发的环境使用的版根据网站开发的环境使用的版根据网站开发的环境使用的版根据网站开
8、发的环境使用的版本选择对应的本选择对应的本选择对应的本选择对应的ASP.NETASP.NET版本版本版本版本9 9使用使用使用使用ASP.NETASP.NET连接数据库连接数据库连接数据库连接数据库在配置文件在配置文件在配置文件在配置文件Web.configWeb.config中修改数据库连接参数中修改数据库连接参数中修改数据库连接参数中修改数据库连接参数 数据库数据库服务器服务器数据库数据库用户名用户名密码密码发布成功发布成功1010小结小结小结小结ASP.NETASP.NET有哪些强大优势?有哪些强大优势?有哪些强大优势?有哪些强大优势?ASP.NETASP.NET文件的逻辑代码文件的扩展
9、名是什么?文件的逻辑代码文件的扩展名是什么?文件的逻辑代码文件的扩展名是什么?文件的逻辑代码文件的扩展名是什么?如何在如何在如何在如何在web.configweb.config文件中修改数据库连接字符串?文件中修改数据库连接字符串?文件中修改数据库连接字符串?文件中修改数据库连接字符串?1111ASP.NETASP.NET服务器控件服务器控件服务器控件服务器控件文本控件文本控件文本控件文本控件按钮控件按钮控件按钮控件按钮控件选择控件选择控件选择控件选择控件GridViewGridView控件控件控件控件1212文本控件文本控件文本控件文本控件TextBoxTextBox控件控件控件控件Labe
10、lLabel控件控件控件控件ASP.NET文本控件文本控件对应的对应的HTML标记标记1313按钮控件按钮控件按钮控件按钮控件ButtonButton:显示成标准的按钮:显示成标准的按钮:显示成标准的按钮:显示成标准的按钮ImageButtonImageButton:显示成图像按钮:显示成图像按钮:显示成图像按钮:显示成图像按钮HyperLinkHyperLink:显示成超链接的按钮:显示成超链接的按钮:显示成超链接的按钮:显示成超链接的按钮LinkButtonLinkButton:显示成超文件链接:显示成超文件链接:显示成超文件链接:显示成超文件链接ASP.NET控件控件对应的对应的HTML
11、标记标记 图像按钮1414修改添加栏目页面修改添加栏目页面修改添加栏目页面修改添加栏目页面修改页面字体大小修改页面字体大小修改页面字体大小修改页面字体大小修改修改修改修改TextBoxTextBoxTextBoxTextBox控件的样式控件的样式控件的样式控件的样式修改按钮样式修改按钮样式修改按钮样式修改按钮样式教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程1515选择控件选择控件选择控件选择控件CheckBoxCheckBox:CheckedCheckedRadioButtonRadioButton:CheckedCheckedDropDow
12、nListDropDownListListBoxListBoxASP.NET控件控件对应的对应的HTML标记标记 1616GridViewGridView控件控件控件控件 1717GridViewGridView控件的属性控件的属性控件的属性控件的属性布局属性布局属性布局属性布局属性外观属性外观属性外观属性外观属性样式属性样式属性样式属性样式属性分页属性分页属性分页属性分页属性1818GridViewGridView控件的布局属性控件的布局属性控件的布局属性控件的布局属性属性属性说明说明CellPadding单元格内的内容和单元格边界的空白大小单元格内的内容和单元格边界的空白大小CellSpa
13、cing单元格之间的距离单元格之间的距离Height控件的高度控件的高度Width控件的宽度控件的宽度HorizontalAlign控件在页面上的水平对齐方式控件在页面上的水平对齐方式1919GridViewGridView控件的外观属性控件的外观属性控件的外观属性控件的外观属性属性属性说明说明BackColor控件的背景颜色控件的背景颜色BackImageUrl控件的背景图像控件的背景图像BorderColor控件的边框颜色控件的边框颜色BorderStyle控件的边框样式控件的边框样式BorderWidth控件的边框宽度控件的边框宽度CssClass用于控制控件的用于控制控件的CSS名称名
14、称Font控件的字体控件的字体ForeColor控件中文本的颜色控件中文本的颜色EmptyDataText未定义空模板时在空数据行中显示的文本未定义空模板时在空数据行中显示的文本GridLines单元格之间的网格的设置单元格之间的网格的设置ShowFooter是否显示控件的脚注是否显示控件的脚注ShowHeader是否显示控件的标头是否显示控件的标头( (标题行标题行) )2020GridViewGridView控件的列类型控件的列类型控件的列类型控件的列类型列类型列类型说明说明BoundField作为纯文本显示一个字段的值(例如作为纯文本显示一个字段的值(例如“编号编号”),默认的列类型),
15、默认的列类型ButtonField为为GridView控件中的每个项显示一个命令按钮,可以创建一列自定控件中的每个项显示一个命令按钮,可以创建一列自定义按钮控件义按钮控件CheckBoxField为为GridView控件中的每一项显示一个复选框。此列字段类型通常用控件中的每一项显示一个复选框。此列字段类型通常用于显示具有布尔值的字段于显示具有布尔值的字段CommandField显示用来执行显示用来执行Select、Delete、Insert和和Update操作的预定义按钮操作的预定义按钮HyperLinkField将数据源中某个字段的值显示为超链接。此列字段类型允许将另一将数据源中某个字段的值
16、显示为超链接。此列字段类型允许将另一个字段绑定到超链接的个字段绑定到超链接的URLURL中中ImageField为为GridView控件中的每一项显示一个图片控件中的每一项显示一个图片TemplateField用来显示用户自定义的内容,当需要创建一个定制作列字段时,使用来显示用户自定义的内容,当需要创建一个定制作列字段时,使用该列类型,模板可以包含任意多个数据字段,还可以结合文字、用该列类型,模板可以包含任意多个数据字段,还可以结合文字、图像和其他控件图像和其他控件2121GridViewGridView控件的样式属性控件的样式属性控件的样式属性控件的样式属性属性属性说明说明Alternati
17、ngRowStyle用来控件交替的两行的样式用来控件交替的两行的样式EditRowStyle在编辑模式下应用于行的样式在编辑模式下应用于行的样式EmptyDataRowStyle应用于包含应用于包含EmptyDataTemPlate的行的样式的行的样式FooterStyle应用于脚注的样式应用于脚注的样式HeaderStyle应用于标头的样式应用于标头的样式PagerStyle应用于显示分页处的用户界面样式应用于显示分页处的用户界面样式RowStyle应用于行的样式应用于行的样式SelectedRowStyle应用于选中行的样式应用于选中行的样式2222GridViewGridView控件的分
18、页属性控件的分页属性控件的分页属性控件的分页属性AllowPagingAllowPagingTrueTrue:启用分页功能:启用分页功能:启用分页功能:启用分页功能PageSizePageSize每页显示的记录数目每页显示的记录数目每页显示的记录数目每页显示的记录数目2323修改页面整体显示逻辑(修改页面整体显示逻辑(修改页面整体显示逻辑(修改页面整体显示逻辑(1 1)需求描术需求描术需求描术需求描术设置设置设置设置GridViewGridView边框颜色为边框颜色为边框颜色为边框颜色为#507CD1#507CD1,修改每页显示数据,修改每页显示数据,修改每页显示数据,修改每页显示数据1010
19、1010条条条条标头字体大小为标头字体大小为标头字体大小为标头字体大小为12px12px12px12px,且标头内容都在同一行显示,且标头内容都在同一行显示,且标头内容都在同一行显示,且标头内容都在同一行显示设置交替行字体颜色为红色,且设置列表中所有字体大小为设置交替行字体颜色为红色,且设置列表中所有字体大小为设置交替行字体颜色为红色,且设置列表中所有字体大小为设置交替行字体颜色为红色,且设置列表中所有字体大小为12px12px12px12px设置设置设置设置“编号编号编号编号”、“类别顺序类别顺序类别顺序类别顺序”、“修改修改修改修改”和和和和“删除删除删除删除”四列的列表四列的列表四列的列
20、表四列的列表内容居中显示内容居中显示内容居中显示内容居中显示在最后一列增加脚注在最后一列增加脚注在最后一列增加脚注在最后一列增加脚注“打印列表打印列表打印列表打印列表”2424修改页面整体显示逻辑(修改页面整体显示逻辑(修改页面整体显示逻辑(修改页面整体显示逻辑(2 2)需求分析需求分析需求分析需求分析borderwidthborderwidth,borderstyleborderstyle,bordercolorbordercolor分别表示设分别表示设分别表示设分别表示设置边框的宽度、样式和颜色置边框的宽度、样式和颜色置边框的宽度、样式和颜色置边框的宽度、样式和颜色PageSizePage
21、Size表示每页显示数据的记录数目表示每页显示数据的记录数目表示每页显示数据的记录数目表示每页显示数据的记录数目HorizontalAlignHorizontalAlign表示文字水平居中表示文字水平居中表示文字水平居中表示文字水平居中ShowerFooterShowerFooter为为为为TrueTrue表示显示脚注表示显示脚注表示显示脚注表示显示脚注教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程教师演示操作过程2525本章总结本章总结本章总结本章总结ASP.NET简介简介修改页面整体显示逻辑修改页面整体显示逻辑维护动态数据页面维护动态数据页面搭建搭建ASP
22、.NET运行环境运行环境ASP.NET服务器控件服务器控件文本控件文本控件按钮控件按钮控件修改添加栏目页面修改添加栏目页面选择控件选择控件GridView控件控件2626BENET3.0BENET3.0BENET3.0第一学期课程第一学期课程第一学期课程第七章第七章第七章第七章 维护动态数据页面维护动态数据页面维护动态数据页面维护动态数据页面 上机部分上机部分实验案例实验案例实验案例实验案例1 1:修改添加用户页面:修改添加用户页面:修改添加用户页面:修改添加用户页面 需求描述需求描述需求描述需求描述修改页面字体大小为修改页面字体大小为修改页面字体大小为修改页面字体大小为12px12px,管理
23、员控件,管理员控件,管理员控件,管理员控件CheckBoxCheckBox默认为选中状态,文字修改为默认为选中状态,文字修改为默认为选中状态,文字修改为默认为选中状态,文字修改为“ “是管理员是管理员是管理员是管理员” ”,且加,且加,且加,且加粗显示粗显示粗显示粗显示“ “保存内容保存内容保存内容保存内容” ”按钮和按钮和按钮和按钮和“ “返回上页返回上页返回上页返回上页” ”按钮背景颜色为按钮背景颜色为按钮背景颜色为按钮背景颜色为#006291#006291,字体颜色为白色,且把,字体颜色为白色,且把,字体颜色为白色,且把,字体颜色为白色,且把“ “保存内容保存内容保存内容保存内容” ”修
24、修修修改为改为改为改为“ “添加用户添加用户添加用户添加用户” ”2828实验案例实验案例实验案例实验案例1 1:修改添加用户页面:修改添加用户页面:修改添加用户页面:修改添加用户页面实现思路实现思路实现思路实现思路使用使用使用使用CSSCSS样式统一修饰页面字体大小为样式统一修饰页面字体大小为样式统一修饰页面字体大小为样式统一修饰页面字体大小为12px12px控件控件控件控件CheckBoxCheckBox的属性的属性的属性的属性CheckedChecked表示该控件是否选中表示该控件是否选中表示该控件是否选中表示该控件是否选中设置按钮背景颜色、字体颜色,可以直接在控件中设设置按钮背景颜色、
25、字体颜色,可以直接在控件中设设置按钮背景颜色、字体颜色,可以直接在控件中设设置按钮背景颜色、字体颜色,可以直接在控件中设置属性值来修改控件外观置属性值来修改控件外观置属性值来修改控件外观置属性值来修改控件外观2929实验案例实验案例实验案例实验案例1 1:修改添加用户页面:修改添加用户页面:修改添加用户页面:修改添加用户页面学员练习学员练习学员练习学员练习使用使用使用使用CSSCSS样式统一页面字体样式样式统一页面字体样式样式统一页面字体样式样式统一页面字体样式设置控件属性,修改字体颜色、背景颜色等设置控件属性,修改字体颜色、背景颜色等设置控件属性,修改字体颜色、背景颜色等设置控件属性,修改字
26、体颜色、背景颜色等保存页面保存页面保存页面保存页面1515分钟完成分钟完成3030实验案例实验案例实验案例实验案例2 2:修改新闻发布页面:修改新闻发布页面:修改新闻发布页面:修改新闻发布页面需求描述需求描述需求描述需求描述修改页面字体为修改页面字体为修改页面字体为修改页面字体为12px12px,修改新闻内容控件的高度为,修改新闻内容控件的高度为,修改新闻内容控件的高度为,修改新闻内容控件的高度为180px180px“ “新闻标题新闻标题新闻标题新闻标题” ”和和和和“ “新闻发布日期新闻发布日期新闻发布日期新闻发布日期” ”放在同一行,放在同一行,放在同一行,放在同一行,“ “类别标识类别标
27、识类别标识类别标识” ”和和和和“ “用户标识用户标识用户标识用户标识” ”放在同一行,放在同一行,放在同一行,放在同一行,“ “新闻关键字新闻关键字新闻关键字新闻关键字” ”和和和和“ “新闻来源新闻来源新闻来源新闻来源” ”放在放在放在放在同一行同一行同一行同一行修改页面上修改页面上修改页面上修改页面上TextBoxTextBox控件的边框样式为实线、颜色为控件的边框样式为实线、颜色为控件的边框样式为实线、颜色为控件的边框样式为实线、颜色为#666666#666666、宽度为宽度为宽度为宽度为1px1px,背景颜色为,背景颜色为,背景颜色为,背景颜色为#E0E0C2#E0E0C2,修改,修
28、改,修改,修改DropDownListDropDownList控件的控件的控件的控件的背景颜色为背景颜色为背景颜色为背景颜色为#E0E0C2#E0E0C2修改控件修改控件修改控件修改控件buttonbutton“ “保存保存保存保存” ”为为为为“ “保存新闻保存新闻保存新闻保存新闻” ”,并且修改两个按钮控件,并且修改两个按钮控件,并且修改两个按钮控件,并且修改两个按钮控件的背景颜色为的背景颜色为的背景颜色为的背景颜色为#306161#306161,字体颜色为白色,字体颜色为白色,字体颜色为白色,字体颜色为白色3131实验案例实验案例实验案例实验案例2 2:修改新闻发布页面:修改新闻发布页面
29、:修改新闻发布页面:修改新闻发布页面实现思路实现思路实现思路实现思路修改修改修改修改HTMLHTML代码来把控件移至一行代码来把控件移至一行代码来把控件移至一行代码来把控件移至一行控件边框样式控件边框样式控件边框样式控件边框样式BorderStyleBorderStyle,边框宽度,边框宽度,边框宽度,边框宽度BorderWidthBorderWidth,边框颜色边框颜色边框颜色边框颜色BorderColorBorderColor,控件背景颜色,控件背景颜色,控件背景颜色,控件背景颜色BackColorBackColor控件的文本值是控件的文本值是控件的文本值是控件的文本值是TextText来
30、表示来表示来表示来表示3232实验案例实验案例实验案例实验案例2 2:修改新闻发布页面:修改新闻发布页面:修改新闻发布页面:修改新闻发布页面学员练习学员练习学员练习学员练习统一修改页面字体样式统一修改页面字体样式统一修改页面字体样式统一修改页面字体样式移动控件的位置,并修改控件的长度、高度、边框样移动控件的位置,并修改控件的长度、高度、边框样移动控件的位置,并修改控件的长度、高度、边框样移动控件的位置,并修改控件的长度、高度、边框样式等以符合要求式等以符合要求式等以符合要求式等以符合要求修改新闻内容控件的高度、按钮的字体样式等修改新闻内容控件的高度、按钮的字体样式等修改新闻内容控件的高度、按钮
31、的字体样式等修改新闻内容控件的高度、按钮的字体样式等3030分钟完成分钟完成3333实验案例实验案例实验案例实验案例3 3:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面需求描述需求描述需求描述需求描述页面字体大小为页面字体大小为页面字体大小为页面字体大小为12px12px,GridViewGridView控件中新闻标题一列控件中新闻标题一列控件中新闻标题一列控件中新闻标题一列的列表内容左对齐显示,其他各列内容居中显示的列表内容左对齐显示,其他各列内容居中显示的列表内容左对齐显示,其他各列内容居中显示的列表内容左对齐显示,其他各列内容居中显示设置每页显示设置每页显示设置
32、每页显示设置每页显示8 8条数据条数据条数据条数据交替行的字体颜色为交替行的字体颜色为交替行的字体颜色为交替行的字体颜色为#507A01#507A01新闻检索控件新闻检索控件新闻检索控件新闻检索控件TextBoxTextBox和和和和DropDownListDropDownList宽度为宽度为宽度为宽度为150px150px,高度为,高度为,高度为,高度为16px16px,并且控件,并且控件,并且控件,并且控件TextBoxTextBox边框样式为无,搜边框样式为无,搜边框样式为无,搜边框样式为无,搜索控件索控件索控件索控件ButtonButton宽度为宽度为宽度为宽度为50px50px,高度
33、为,高度为,高度为,高度为25px25px3434实验案例实验案例实验案例实验案例3 3:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面实现思路实现思路实现思路实现思路控件控件控件控件GridViewGridView的属性的属性的属性的属性PageSizePageSize可以设置每页显示的记可以设置每页显示的记可以设置每页显示的记可以设置每页显示的记录数目录数目录数目录数目交替行可以在交替行可以在交替行可以在交替行可以在 属性中设置属性中设置属性中设置属性中设置 属性可以设置各行的样式属性可以设置各行的样式属性可以设置各行的样式属性可以设置各行的样式3535实验案例实验案例实验案例实验案例3 3:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面:修改新闻管理页面学员练习学员练习学员练习学员练习控件控件控件控件GridViewGridView的属性的属性的属性的属性PageSizePageSize可以设置每页显示的记可以设置每页显示的记可以设置每页显示的记可以设置每页显示的记录数目录数目录数目录数目交替行可以在交替行可以在交替行可以在交替行可以在 属性中设置属性中设置属性中设置属性中设置 属性可以设置各行的样式属性可以设置各行的样式属性可以设置各行的样式属性可以设置各行的样式2525分钟完成分钟完成36363737