(中职）Web数据库与动态网页设计第4单元ppt课件.ppt

(中职）Web数据库与动态网页设计第4单元ppt课件第 2 页 共 48页单元四单元四 创建留言板系统创建留言板系统l 引言引言 本单元在前面一个单元论坛的基础上制作一个功能比较完善的留言板系统，增加了数据表记录的操作。留言板后台数据库仍采用Access数据库。实现的功能有：显示留言、添加留言、删除留言和回复留言等，留言和回复的内容用数据库存取就可以了，将留言信息保存到数据库中，可以方便进行删除和添加等操作。第 3 页 共 48页l能力目标 能创建具有交互作用的表单网页 能创建数据库和建立数据表 能进行数据表记录的添加、删除和修改 能制作简单的留言板网页 单元四单元四 创建留言板系统创建留言板系统第 4 页 共 48页 任务一 建立数据库和数据表 任务二 制作查看和发表留言网页 任务三 制作管理员登录和留言回复页面 任务四 制作留言设置页面 项目实训 制作网上书店留言板 单元四单元四 创建留言板系统创建留言板系统第 5 页 共 48页任务一任务一 建立数据库和数据表建立数据库和数据表 留言板的设计原则应该简单实用、美观大方。返 回关 闭l 任务描述 第 6 页 共 48页 在制作留言板系统之前，首先要建立运行环境，只有在此基础上，才能开展动态网站的建设工作。建立运行环境可参考前面单元的相关内容。l 任务分析 返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表第 7 页 共 48页l 方法与步骤 创建文件夹 返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表 在D盘的aspexp文件夹下新建一个ch04的文件夹，并在ch04下新建二个文件夹，一个为images图片文件夹，将准备好的图片文件放在该文件夹中；另一个为database数据库文件夹，后面要建立的数据库放在该文件夹中。第 8 页 共 48页l 方法与步骤 设置虚拟目录 返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表虚拟目录设置在前面单元一中已有详述。第 9 页 共 48页l 方法与步骤 建立数据库和数据表 返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表 新建数据库notes.mdb，在其下再创建三个数据表：管理员注册表admin、留言数据表comment、Web数据表web，其中管理员注册表admin的表结构如下表所示。具体创建方法参考前面一个单元。第 10 页 共 48页字 段 名 称数 据 类 型说 明ID自动编号Admin文本管理员名Pwd文本密码Replycolor文本回复颜色Isreply文本回复者表结构建立好后，在表中先输入一条记录。如下图所示。返 回关 闭第 11 页 共 48页 在数据库notes.mdb下再创建留言内容数据表comment，其结构如下表所示。具体创建方法参考前面一个单元。字 段 名 称数 据 类 型说 明字 段 名 称数 据 类 型说 明ID自动编号Subject文本留言主题Name文本留言者姓名Comment文本留言内容Email文本E-mail地址PostDate日期/时间提交日期和时间Url文本主页Reply文本回复内容Ip文本留言IP地址ReplyDate日期/时间回复日期Communication文本其他联系方式ReplyName 文本回复留言的管理员名表结构建立好后，可以先不输入记录。返 回关 闭第 12 页 共 48页 在数据库notes.mdb下最后再创建留言页面设置数据表web，其结构如下表所示，具体创建方法参考单元三。字 段 名 称数 据 类 型说 明ID自动编号SiteName文本网站名称SubjectMaxLoength数字留言主题最大长度MaxLoength数字留言内容最大长度，默认40Distance数字显示留言的表格间距Counst数字每页显示的留言条数Mail数字Email地址是否必填返 回关 闭第 13 页 共 48页 表结构建立好后，在表中先输入一条记录。如下图所示。最后保存表。返 回关 闭第 14 页 共 48页l 相关知识与技能 返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表 使用工具栏上的工具按钮对表进行操作。第 15 页 共 48页l 拓展与提高 数据库加密返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表第 16 页 共 48页l 思考与练习 在前一单元创建的jxgl.mdb数据库文件中，对表“学生档案信息”的“学号”一列进行“冻结”和“解除冻结”的操作。返 回关 闭任务一任务一 建立数据库和数据表建立数据库和数据表 在前一单元创建的jxgl.mdb数据库文件中，对表“教师档案信息”的“政治面貌”一列进行“隐藏列”和“解除隐藏列”的操作。为jxgl.mdb数据库文件加上密码“123456”。第 17 页 共 48页任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 返 回关 闭l 任务描述 数据库中的数据表建立好后，接下去就是制作具有交互功能的网页。用户进入留言板系统后。其主要目的是浏览留言内容和发表自己的留言，所以应以简洁、明了、方便为主。第 18 页 共 48页返 回关 闭l 任务分析 浏览留言页面将显示编号、留言者姓名、IP地址以及留言主题、内容和管理者回复内容等。若管理者没有回复，则不显示，该网页还将根据管理者设置的每页显示留言条数，来分页显示留言。任务二任务二 制作查看和发表留言网页制作查看和发表留言网页第 19 页 共 48页返 回关 闭l 方法与步骤 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 设置站点 第 20 页 共 48页返 回关 闭l 方法与步骤 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 制作主题（浏览留言）页面 代码见教材。第 21 页 共 48页返 回关 闭l 方法与步骤 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 制作发表留言页面 第 22 页 共 48页返 回关 闭l 相关知识与技能 在数据表中冻结列 在数据表中隐藏列 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页第 23 页 共 48页返 回关 闭l 拓展与提高 在数据表中输入图片、声音和影像任务二任务二 制作查看和发表留言网页制作查看和发表留言网页第 24 页 共 48页返 回关 闭l 思考与练习 在D盘下建立Access数据库文件“图书馆.mdb”任务二任务二 制作查看和发表留言网页制作查看和发表留言网页第 25 页 共 48页返 回关 闭l 思考与练习 在“图书馆”数据库中建立一个名为“图书”的数据表（利用 表的“设计视图”创建表），要求如下：字段定义如下表所示。设置“编号”字段为表的关键字。任务二任务二 制作查看和发表留言网页制作查看和发表留言网页第 26 页 共 48页字 段 名数 据 类 型字 段 名数 据 类 型编号文本单价货币书名 文本数量 货币购买人工号文本出版社文本购买日期 日期/时间管理编号 文本返 回关 闭第 27 页 共 48页返 回关 闭l 思考与练习 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 在“图书馆”数据库中创建“管理员”表（利用“创建表向导”来建立）。要求：表结构和数据分别如下列两个表所示。将“管理员编号”字段设置为关键字。第 28 页 共 48页返 回关 闭l 思考与练习 任务二任务二 制作查看和发表留言网页制作查看和发表留言网页 将表中的数据输入到“图书”表中（利用“通过输入数据创建表”来建立）。第 29 页 共 48页编 号书 名购 买 人购 买 日 期单 价数 量出 版 社管 理 员DBM005 Access数据库 001 2007-1-13 22 2 电子工业出版社 003 JSJ009 计算机辅助绘图035 2007-6-2 35 15 中国铁道出版社 002 BGZ023 办公自动化 075 2008-3-5 38 10 复旦大学出版社 001 WLT091 网络通信 094 2007-3-8 36 3 复旦大学出版社 002 JSJ021 计算机应用基础 086 2008-8-12 19 20 复旦大学出版社 001 OAN031 语文(中专)073 2008-3-19 23 3 中国铁道出版社 003 SNT090 电子商务物流管理105 2008-3-6 25 2 中国铁道出版社 002 FOX001 FoxPro参考大全 176 2007-12-2 38 2 科学技术出版社 001 WIN020 Flash应用教程 194 2008-6-30 30 25 人民邮电出版社 003 EHG078 新英汉通信词典 201 2008-8-5 50 3 清华大学出版社 001 返 回关 闭第 30 页 共 48页任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面 返 回关 闭l 任务描述 管理员进入留言板主题页面（index.asp）浏览用户的留言后，若想回复则单击下面的“进入管理员界面”，就会打开admin_login.asp文件。第 31 页 共 48页返 回关 闭l 任务分析 管理员登录留言板回复用户留言必须先通过身份验证。管理员必须在该界面填入用户名和密码，用户名和密码完全正确方可进入，若不正确则作出出错提示。任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面第 32 页 共 48页返 回关 闭l 方法与步骤 任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面 制作管理员登录页面admin_login.asp 制作留言回复页面 第 33 页 共 48页返 回关 闭l 相关知识与技能 Server对象任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面第 34 页 共 48页返 回关 闭l 拓展与提高 Server对象方法任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面第 35 页 共 48页返 回关 闭l 思考与练习 按下面的要求修改本单元任务二习题中“图书”表的结构。修改字段的大小：“图书编号”字段改为10；“书名”字段改为30；“出版社”字段改为20。将“编号”字段的字段名改为“图书编号”；将“数量”字段改为“数字”类型。删除“购买人工号”字段。将“购买日期”字段移到“数量”字段和“出版社”字段之间。任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面第 36 页 共 48页返 回关 闭l 思考与练习 按下面的要求修改“管理员”表的结构及数据。在“部门”字段前添加“电话分机号码”字段，文本类型，大小为4。在各记录对应的“电话分机号码”字段中分别输入：“3018”、“4020”、“2009”和“2024”。显示“图书馆”数据库的“图书”表数据。要求：按“数量”字段的升序排列表中的记录。冻结“图书编号”和“书名”列。隐藏“数量”和“出版社”列。任务三任务三 制作管理员登录和留言回复页面制作管理员登录和留言回复页面第 37 页 共 48页任务四任务四 制作留言设置页面制作留言设置页面 返 回关 闭l 任务描述 管理员进入留言板页面后，单击“管理选项”超链接，就会进入留言板的留言设置页面。管理员可以对留言板的一些选项进行设置。第 38 页 共 48页返 回关 闭l 任务分析 留言板选项设置包括留言主题长度限制、留言内容长度限制、每页的留言条数、回复提示和回复字体颜色等，这些内容一一对应Web数据表中的相应字段。管理员输入后单击“保存设置”按钮即可。任务四任务四 制作留言设置页面制作留言设置页面第 39 页 共 48页返 回关 闭l 方法与步骤 任务四任务四 制作留言设置页面制作留言设置页面 制作留言板选项设置页面 留言板选项设置页面的文件名为admin_set.asp，其静态界面如图所示。具体代码见教材。第 40 页 共 48页返 回关 闭l 相关知识与技能 Server对象属性任务四任务四 制作留言设置页面制作留言设置页面第 41 页 共 48页返 回关 闭l 拓展与提高 Server对象的ScriptTimeout属性示例任务四任务四 制作留言设置页面制作留言设置页面第 42 页 共 48页返 回关 闭l 思考与练习任务四任务四 制作留言设置页面制作留言设置页面 按下列要求修改“图书馆”数据库中的“图书”表数据：删除“编号”为SNT090的记录。新购入下列图书：书名新英汉计算机词典、编号EGN080、数量15本、价格30元、购买日期2003-3-15、中国铁道出版社、管理员编号002。书名计算机应用技术中级、编号JSJ100、数量20本、价格40元、购买日期2003-2-3、中国铁道出版社、管理员编号003。第 43 页 共 48页返 回关 闭l 思考与练习任务四任务四 制作留言设置页面制作留言设置页面 按下列要求操作“图书馆”数据库中的“图书”表数据：筛选出价格大于10的图书。按出版社升序和价格降序排列。运行并调试上面“拓展与提高”中的示例 第 44 页 共 48页项目实训项目实训 制作网上书店留言板制作网上书店留言板 返 回关 闭l 项目描述 创建一个留言板后读者可以通过网上留言向经营者发送信息，如建议、意见、缺书登记等。经营者可以根据自身的经营策略，决定在指定时期内对指定书籍进行优惠价销售等。第 45 页 共 48页项目实训项目实训 制作网上书店留言板制作网上书店留言板返 回关 闭l 项目要求 整个留言板有主题显示页面、发表意见页面、管理员管理设置页面等组成。非注册用户不能登录。第 46 页 共 48页项目实训项目实训 制作网上书店留言板制作网上书店留言板返 回关 闭l 项目提示 留言板制作前要准备一些必要的素材，如小头像图片等。首先创建一个留言板后台SQL Server数据库，在其中创建两个表，再制作页面。第 47 页 共 48页项目实训项目实训 制作网上书店留言板制作网上书店留言板返 回关 闭l 项目评价 第 48 页 共 48页内 容评 价 等 级能 力 目 标评 价 细 则321职业能力能对数据库和数据表进行各种操作会对数据表进行排序会对数据库进行加密会对数据表进行“冻结列”和“解除冻结列”的操作会对数据表进行“隐藏列”和“解除隐藏列”的操作会在数据表中插入图片等非文字对象能制作简单的留言板网站了解留言板网页的基本功能会编写留言板网页的交互功能语句会编写留言板网页的翻页功能语句能制作简单的留言板网站能使用ASP语句会正确使用ASP中的引用语句会正确使用Server对象通用能力欣赏能力自我展示能力解决问题的能力自我提高的能力组织能力综合评价返 回关 闭第 49 页 共 48页