第七章 维护动态数据页面理论部分.ppt
BENET3.0第一学期课程,第七章 维护动态数据页面,理论部分,2,课程回顾,查询t_news表中最新的10条新闻查询点击率大于20的新闻标题向t_News_User表中插入一个用户，设置其Power为True,3,技能展示,了解什么是ASP.NET会使用ASP.NET建立动态页面会修改数据库的连接会维护页面的控件会修改页面的控件信息会整体修改ASP.NET页面,4,本章结构,ASP.NET简介,修改页面整体显示逻辑,维护动态数据页面,搭建ASP.NET运行环境,ASP.NET服务器控件,文本控件,按钮控件,修改添加栏目页面,选择控件,GridView控件,5,ASP.NET简介,ASP.NET的功能和特点简单性和易学性世界级的工具支持安全性威力和灵活性,6,ASP.NET文件类型,7,ASP.NET页面组成结构,页面指令HTML标签ASP.NET控件,8,搭建ASP.NET运行环境,附加数据库把网站发布到IIS上连接数据库测试网站是否配置成功,9,把网站发布到IIS上,新建虚拟目录设置虚拟目录别名选择网站目录设置虚拟目录访问权限完成虚拟目录的创建设置ASP.NET的版本根据网站开发的环境使用的版本选择对应的ASP.NET版本,10,使用ASP.NET连接数据库,在配置文件Web.config中修改数据库连接参数,数据库服务器,数据库,用户名,密码,发布成功,11,小结,ASP.NET有哪些强大优势？ASP.NET文件的逻辑代码文件的扩展名是什么？如何在web.config文件中修改数据库连接字符串？,12,ASP.NET服务器控件,文本控件按钮控件选择控件GridView控件,13,文本控件,TextBox控件Label控件,14,按钮控件,Button：显示成标准的按钮ImageButton：显示成图像按钮HyperLink：显示成超链接的按钮LinkButton：显示成超文件链接,图像按钮,15,修改添加栏目页面,修改页面字体大小修改TextBox控件的样式修改按钮样式,16,选择控件,CheckBox：CheckedRadioButton：CheckedDropDownListListBox,17,GridView控件,18,GridView控件的属性,布局属性外观属性样式属性分页属性,19,GridView控件的布局属性,20,GridView控件的外观属性,21,GridView控件的列类型,22,GridView控件的样式属性,23,GridView控件的分页属性,AllowPagingTrue：启用分页功能PageSize每页显示的记录数目,24,修改页面整体显示逻辑（1）,需求描术设置GridView边框颜色为#507CD1，修改每页显示数据10条标头字体大小为12px，且标头内容都在同一行显示设置交替行字体颜色为红色，且设置列表中所有字体大小为12px设置“编号”、“类别顺序”、“修改”和“删除”四列的列表内容居中显示在最后一列增加脚注“打印列表”,25,修改页面整体显示逻辑（2）,需求分析borderwidth，borderstyle，bordercolor分别表示设置边框的宽度、样式和颜色PageSize表示每页显示数据的记录数目HorizontalAlign表示文字水平居中ShowerFooter为True表示显示脚注,26,本章总结,ASP.NET简介,修改页面整体显示逻辑,维护动态数据页面,搭建ASP.NET运行环境,ASP.NET服务器控件,文本控件,按钮控件,修改添加栏目页面,选择控件,GridView控件,BENET3.0第一学期课程,第七章 维护动态数据页面,上机部分,28,实验案例1：修改添加用户页面,需求描述修改页面字体大小为12px，管理员控件CheckBox默认为选中状态，文字修改为“是管理员”，且加粗显示“保存内容”按钮和“返回上页”按钮背景颜色为#006291，字体颜色为白色，且把“保存内容”修改为“添加用户”,29,实验案例1：修改添加用户页面,实现思路使用CSS样式统一修饰页面字体大小为12px控件CheckBox的属性Checked表示该控件是否选中设置按钮背景颜色、字体颜色，可以直接在控件中设置属性值来修改控件外观,30,实验案例1：修改添加用户页面,学员练习使用CSS样式统一页面字体样式设置控件属性，修改字体颜色、背景颜色等保存页面,15分钟完成,31,实验案例2：修改新闻发布页面,需求描述修改页面字体为12px，修改新闻内容控件的高度为180px“新闻标题”和“新闻发布日期”放在同一行，“类别标识”和“用户标识”放在同一行，“新闻关键字”和“新闻来源”放在同一行修改页面上TextBox控件的边框样式为实线、颜色为#666666、宽度为1px，背景颜色为#E0E0C2，修改DropDownList控件的背景颜色为#E0E0C2修改控件button“保存”为“保存新闻”，并且修改两个按钮控件的背景颜色为#306161，字体颜色为白色,32,实验案例2：修改新闻发布页面,实现思路修改HTML代码来把控件移至一行控件边框样式BorderStyle，边框宽度BorderWidth，边框颜色BorderColor，控件背景颜色BackColor控件的文本值是Text来表示,33,实验案例2：修改新闻发布页面,学员练习统一修改页面字体样式移动控件的位置，并修改控件的长度、高度、边框样式等以符合要求修改新闻内容控件的高度、按钮的字体样式等,30分钟完成,34,实验案例3：修改新闻管理页面,需求描述页面字体大小为12px，GridView控件中新闻标题一列的列表内容左对齐显示，其他各列内容居中显示设置每页显示8条数据交替行的字体颜色为#507A01新闻检索控件TextBox和DropDownList宽度为150px，高度为16px，并且控件TextBox边框样式为无，搜索控件Button宽度为50px，高度为25px,35,实验案例3：修改新闻管理页面,实现思路控件GridView的属性PageSize可以设置每页显示的记录数目交替行可以在属性中设置属性可以设置各行的样式,36,实验案例3：修改新闻管理页面,学员练习控件GridView的属性PageSize可以设置每页显示的记录数目交替行可以在属性中设置属性可以设置各行的样式,25分钟完成,37,
