第七章 维护动态数据页面--理论部分.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：checked radiobutton：checked dropdownlist listbox,17,gridview控件,18,gridview控件的属性,布局属性 外观属性 样式属性 分页属性,19,gridview控件的布局属性,20,gridview控件的外观属性,21,gridview控件的列类型,22,gridview控件的样式属性,23,gridview控件的分页属性,allowpaging true：启用分页功能 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的属性pa