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

(中职）Web数据库与动态网页设计第3单元ppt课件第 2 页 共 46页单元三单元三 创建慈善公益网站论坛创建慈善公益网站论坛l 引言引言 本单元可以作为前面第二单元的延伸，也可以单独作为某网站的论坛。论坛后台数据库用Access数据库,连接方式用数据源连接方式。第 3 页 共 46页l能力目标 能创建具有交互作用的表单网页 能创建数据库和建立数据表 能创建数据源 能制作简单的论坛网页 单元三单元三 创建慈善公益网站论坛创建慈善公益网站论坛第 4 页 共 46页 任务一 制作论坛主题页面 任务二 为网站创建数据源 任务三 制作发表讨论内容页面任务四 制作论坛显示页面 项目实训 创建网上书店论坛 单元三单元三 创建慈善公益网站论坛创建慈善公益网站论坛第 5 页 共 46页任务一任务一 制作论坛主题页面制作论坛主题页面 论坛区的主页面其主要功能是给用户一个对自己感兴趣的内容参与讨论、发表意见或结交网友的平台，应该做得简洁明了。返 回关 闭l 任务描述 第 6 页 共 46页 在制作主题页面之前，首先要建立运行环境，只有在此基础上，才能开展动态网站的建设工作。建立运行环境可参考前面第二单元的相关内容。整个论坛实例有主题页面文件（forum.asp）、主题讨论显示页面文件（detail.asp）、发表意见页面文件（write.asp）、信息处理添加文件（add.asp）和一个讨论信息的数据库文件（bbs.mdb）组成。另外制作前要准备一些小图片放在images文件夹下。l 任务分析 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面第 7 页 共 46页 一个具有交互作用的网站必然有许多网站信息和用户信息需要保存，这就离不开数据库。而ASP有一个最重要的功能，就是它可以非常轻松地连接数据库，通常是与一个Access或者一个SQL数据库相连。因为Access容易起步，在安装了Office软件的计算机上也许都已经装了Access，所以在下面首先用Access来做例子。一旦学会了ASP和Access数据库的连接方法，若再使用SQL Server数据库时，就会发现，两者所需要的关键技术是基本相同的。l 任务分析 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面第 8 页 共 46页l 方法与步骤 创建文件夹 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面 在D盘的aspexp文件夹下新建一个ch02的文件夹，并在ch02下新建二个文件夹，一个为images图片文件夹，将准备好的图片文件放在该文件夹中；另一个为database数据库文件夹，后面要建立的数据库放在该文件夹中。第 9 页 共 46页l 方法与步骤 设置虚拟目录 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面 虚拟目录设置在前面单元二中已有详述，这里使用另外一种方式来设置，结果是完全相同的。第 10 页 共 46页选择“共享和安全”命令“ch02属性”对话框“编辑别名”对话框 第 11 页 共 46页l 方法与步骤 建立数据库和数据表 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面新建数据库bbs.mdb，在其下再创建数据表Discuss，数据表结构如表所示，表中先不用输入记录。字段名称数据类型说明字段名称数据类型说明ID自动编号content备注内容Name文本用户名time日期/时间日期和时间mail文本E-mail地址replynum数字回复数subject备注主题replyID数字回复属性Icon文本图标count数字点击数第 12 页 共 46页 打开Microsoft Access，在右侧“新建文件”任务窗格中选择“空数据库”超链接，如右图所示。选择路径d:aspexpch02database，输入数据库文件名bbs.mdb，再单击“创建”按钮，如右图所示。返 回关 闭第 13 页 共 46页 创建表结构，如右图所示。输入字段名称、类型、说明和字段大小等内容，如右图所示。其中，subject字段的“允许空字符串”设置为“是”，其他保持默认值。关 闭返 回第 14 页 共 46页l 方法与步骤 设置站点 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面 设置站点的方法在前面单元二中已有详述，只是在“本地根文件夹”文本框中输入或浏览选择D:aspexpch02，在“默认图像文件夹”文本框中输入或浏览选择D:aspexpch02images，如图所示。其他设置与单元二一样。第 15 页 共 46页l 方法与步骤 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面 制作主题页面 新建主题页面forum.asp，forum.asp程序代码见教材。第 16 页 共 46页l 相关知识与技能 返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面 数据表的组成 定义关键字 创建索引 如何在表中添加、修改和删除数据 第 17 页 共 46页l 拓展与提高 在Access中导入Excel表返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面第 18 页 共 46页l 思考与练习 新建一个jxgl.mdb数据库文件，在这个文件中使用表设计器，添加“学生档案信息”和“教师档案信息”两个表，表结构如图所示。返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面第 19 页 共 46页l 思考与练习 参照前面的拓展和提高中的方法在jxgl.mdb中导入Excel的学生成绩表。返 回关 闭任务一任务一 制作论坛主题页面制作论坛主题页面第 20 页 共 46页任务二任务二 为网站创建数据源为网站创建数据源 返 回关 闭l 任务描述 数据库中的数据表建立好后，具有交互功能的网页要连接数据库的时候，就需要在服务器上将这个数据库打开。通常可以通过使用数据源名（DSN）或者通过在脚本语言中直接使用一个DSN-less连接的方法来连接和打开数据库。任何形式的添加、删除、修改、检索都是在建立连接的基础上进行的，可以想象连接的重要性了。第 21 页 共 46页返 回关 闭l 任务分析 在连接数据库之前必须为数据库设置一个数据源DSN，即Data Source Name，只有设置了DSN，才能让服务器识别该数据库的位置及其属性。当数据库的位置和类型发生移动时，只需更改DSN的设置即可使数据库的连接保持畅通。任务二任务二 为网站创建数据源为网站创建数据源第 22 页 共 46页返 回关 闭l 方法与步骤 任务二任务二 为网站创建数据源为网站创建数据源 打开“管理工具”窗口。第 23 页 共 46页返 回关 闭任务二任务二 为网站创建数据源为网站创建数据源 在“ODBC数据源管理器”对话框中，选择“系统DSN”选项卡，单击“添加”按钮。第 24 页 共 46页返 回关 闭任务二任务二 为网站创建数据源为网站创建数据源 弹出“创建新数据源”对话框，在“名称”列表框中选择Driver do Microsoft Access(*.mdb)，然后单击“完成”按钮。第 25 页 共 46页返 回关 闭任务二任务二 为网站创建数据源为网站创建数据源 弹出“ODBC Micosoft Access安装”对话框，在“数据源名”文本框中为数据源取一个名称，然后单击“数据库”区域中的“选择”按钮。第 26 页 共 46页返 回关 闭任务二任务二 为网站创建数据源为网站创建数据源 在弹出的“选择数据库”对话框中先选择“驱动器”为d盘，再选择“目录”和数据库bbs.mdb，然后单击“确定”按钮。第 27 页 共 46页返 回关 闭任务二任务二 为网站创建数据源为网站创建数据源 回到“ODBC Microsoft Access安装”对话框，再单击“确定”按钮，在“ODBC数据管理器”对话框的“系统数据源”列表框中就可看到刚才添加的数据源bbs。第 28 页 共 46页返 回关 闭l 相关知识与技能 ASP网络数据库应用程序的设计流程 数据库的连接方法 任务二任务二 为网站创建数据源为网站创建数据源第 29 页 共 46页返 回关 闭l 拓展与提高 设置数据库文件的权限任务二任务二 为网站创建数据源为网站创建数据源第 30 页 共 46页返 回关 闭l 思考与练习 在D盘新建一个文件夹xxjxgl，将数据库文件jxgl.mdb复制到该文件夹中，并设置数据库文件的允许修改权限。为数据库文件jxgl.mdb设置一个名称mydata的数据源。任务二任务二 为网站创建数据源为网站创建数据源尝试用不同的数据库连接方法来连接数据库。第 31 页 共 46页任务三任务三 制作发表讨论内容页面制作发表讨论内容页面 返 回关 闭l 任务描述 用户进入论坛主题页面后，单击下面的“发起新的讨论主题”就会打开发表讨论内容页面。第 32 页 共 46页返 回关 闭l 任务分析 发表讨论内容页面主要由表单组成，包括单行文本域、多行文本域和单选按钮等。在单选按钮的右边插入一些小图片。该页面为发表讨论内容和回复内容共用，所以使用隐含域。用户输入完相应信息后，单击“发表”按钮，就返回到主题页面，这里要判断用户输入的信息是否齐全，并要有出错信息提示，若进入后用户又不想发表意见，也可单击“返回上一步”按钮。任务三任务三 制作发表讨论内容页面制作发表讨论内容页面第 33 页 共 46页返 回关 闭l 方法与步骤 任务三任务三 制作发表讨论内容页面制作发表讨论内容页面 制作发表讨论页面Write.asp 制作表单处理程序add.asp具体代码见教材。具体代码见教材。第 34 页 共 46页返 回关 闭l 相关知识与技能 SQL语句 隐含域 任务三任务三 制作发表讨论内容页面制作发表讨论内容页面 ASP内置对象简要说明 Request对象 Response对象 第 35 页 共 46页返 回关 闭l 拓展与提高 表单的GET方法和POST方法的区别任务三任务三 制作发表讨论内容页面制作发表讨论内容页面第 36 页 共 46页返 回关 闭l 思考与练习 运行并调试下面程序，页面上显示的内容是什么？为什么？任务三任务三 制作发表讨论内容页面制作发表讨论内容页面第 37 页 共 46页任务四任务四 制作论坛显示页面制作论坛显示页面 返 回关 闭l 任务描述 用户进入论坛主题页面，单击某一主题名称后，就会进入论坛显示页面Detail.asp。该页面包括两部分“主题”和“回复列表”。用户若对该主题感兴趣可单击“回复话题”参与讨论。第 38 页 共 46页返 回关 闭l 任务分析 在同一页面Detail.asp中可以根据不同的主题显示不同的内容，这需要一个用来判别的字段，即replyID字段。任务四任务四 制作论坛显示页面制作论坛显示页面第 39 页 共 46页返 回关 闭l 方法与步骤 任务四任务四 制作论坛显示页面制作论坛显示页面 制作论坛显示页面程序Detail.asp 选择“文件”“新建”命令，新建Detail.asp文件，单击“代码”按钮输入程序代码，具体代码见教材。第 40 页 共 46页返 回关 闭l 相关知识与技能 算术运算符 连接运算符 任务四任务四 制作论坛显示页面制作论坛显示页面 关系运算符 逻辑运算符 运算符的优先级 第 41 页 共 46页返 回关 闭l 拓展与提高 Response.Write与的区别任务四任务四 制作论坛显示页面制作论坛显示页面第 42 页 共 46页项目实训项目实训 创建网上书店论坛创建网上书店论坛 返 回关 闭l 项目描述 在网上书店创建一个论坛后，读者可以通过网络与经营者进行交流，读者与读者之间也可以进行书评、交流等活动。第 43 页 共 46页项目实训项目实训 创建网上书店论坛创建网上书店论坛返 回关 闭l 项目要求 整个论坛要有主题页面、主题讨论显示页面、发表意见页面等组成。主题页面中要有论坛使用规则，非注册用户不能登录。第 44 页 共 46页项目实训项目实训 创建网上书店论坛创建网上书店论坛返 回关 闭l 项目提示 论坛制作前要准备一些必要的素材，如小头像图片等。要先创建一个论坛后台数据库，再制作页面。第 45 页 共 46页项目实训项目实训 创建网上书店论坛创建网上书店论坛返 回关 闭l 项目评价 第 46 页 共 46页内容评价等级能力目标评价项目321职业能力能创建具有交互作用的表单网页了解表单各元素的基本功能会正确地使用表单的各种元素能创建数据库和建立数据表会新建数据库会新建数据表会编辑、修改、删除数据表及表中记录会导入、导出数据表能创建数据源会正确设置数据源能正确使用ASP的多种方法连接数据库能制作简单的论坛网页了解论坛网页的基本功能会制作动态网页的交互功能会制作调查表网页会编写按钮动作程序使用SQL查询语句了解SQL查询语句的类型会正确使用SQL查询语句通用能力自我评估能力独立构思能力解决问题的能力自我提高的能力组织能力综合评价第 47 页 共 46页