《PHP网站开发项目式教程》电子教案 任务11 优化添加附件的功能

PAGE1《PHP网站开发项目式教程》教案基本信息说明模块任务11优化添加附件的功能单元数2教学目标知识目标掌握添加附件独立页面的设计和嵌入方法掌握添加与删除附件功能的实现方法能力目标能够实现点击超链接添加附件并将附件信息显示在写邮件界面中的功能重点添加附件独立页面的设计和嵌入方法添加与删除附件功能的实现方法难点设计各种文本框元素在添加完附件之后显示上传的附件的信息教学方法与教学手段教学方法项目驱动、启发引导式和小组讨论教学手段通过运行已经设计好的界面效果，引导学生观察需要完成的功能，讲解需要的知识点，共同实现相关功能教学内容添加附件独立页面的设计和嵌入方法添加与删除附件功能的实现方法1.设计“添加附件”页面强调添加附件界面和获取附件信息的文件合并的问题（1）设计一个独立的页面文件up.php，专门用于上传附件显示在页面中的“添加附件”文本实际上是一个独立的页面文件的内容，页面文件名称是up.php，该文件作为浮动框架子页面嵌入在writeemail.php文件中。在文件up.php中包含了两部分的内容：第一部分是设计选择附件的页面；第二部分是附件文件的上传与处理。（2）在up.php文件中使用submit方法完成表单数据的提交1）使用submit()方法提交表单数据在up.php页面的表单中没有添加submit按钮，当用户单击“添加附件”实现文件上传时，需要使用表单的submit()方法来提交数据。当文件域元素的内容发生变化时，系统会调用submit()方法。用户单击“添加附件”并选择文件之后，文件域元素中会显示文件的信息，这就意味着文件域元素发生了变化，此时会触发文件域元素的change事件。因此只需要在文件域元素标签内部使用代码onchange="document.表单名称.submit();"即可完成数据的提交。2）获取并处理上传的文件设置<formaction=""method="post"…>中action="up.php"，这意味着在up.php文件中同时包含表单元素的设计代码和表单数据提交之后的处理功能代码，两个功能合并之后，在数据提交之前需要先判断数据是否已经提交，否则会出现错误警告信息。使用isset()函数判断数据是否已经提交，即判断数组元素$_FILES['file1']是否已经设置，若已经设置，则说明数据已经提交，可执行数据处理部分的代码。在up.php文件中获取上传文件的信息，并将文件保存到指定位置2.添加与删除附件功能的实现强调添加附件界面的嵌入，显示附件信息的文本框元素的设计添加附件，是指当用户单击“添加附件”后，系统将上传的文件信息显示在写邮件页面中，同时准备好要提交给服务器的保存到数据表emailmsg中的附件信息内容。删除附件，是指当用户单击“删除”后，系统将对应的附件信息从写邮件页面中删除，同时修改在添加附件时准备好的要提交给服务器的保存到数据表emailmsg中的附件信息，还要请求服务器删除文件夹upload中的相应文件。（1）界面设计使用浮动框架嵌入上传附件页面设计接受上传附件信息的元素（两个隐藏的文本框，一个文本框id为attachmsg2，用于接收up.php文件上传的当前附件的名称和大小信息；一个文本框id为file，用于接收up.php文件已经上传的所有附件的