《网站开发与维护实训》指导书

1、网站开发与维护 实训指导书姓名:学号:班级:计算机多媒体技术教研室编写2010-12目录网站开发与维护实训教学大纲 1网站开发与维护实训项目 3项目一：前台信息显示 3项目二：后台登陆验证 6项目三：新闻添加以及修改删除 9项目四：图片上传及显示 13项目五：新闻搜索 16项目实训报告： 20网站开发与维护实训个人总结 25网站开发与维护实训成绩评定表 26网站开发与维护实训教学大纲学 分：1学分学 时：28适用专业：计算机多媒体技术专业一、实训的目的与任务实训的目的：专业技能综合实训是我院为计算机多媒体技术专业开设的专业必修整周实训课程之一，网站开发与维护实训是整个实训过程的一部分，其主要目

2、的是为了让学生巩固网站设计与制作的基本知识与创作技巧，通过项目案例实训的方式培养学生的岗位职业技能。实训的任务：本课程要求在一个星期内完成实训指导书中的多个实训项目，共28个课时。二、实训基本要求1知识与能力要求：掌握网站创建的基本流程，掌握网页制作的基本方法，熟练掌握dreamweaver软件的操作，会使用软件配合其他工具制作常见类型的网站。2实训过程要求：（1）实训过程中学生不得随意迟到、旷课，必须按时在实训室参加实训。（2）学生要正确使用实训器材，爱惜实训设施，不得随意浪费、损坏实训设备。（3）每个实训项目学生都要认真填写实训报告或实训项目单以及其他实训材料。（4）实训过程中教师要加强对

3、学生的项目指导。三、实训主要内容序号项目名称主要内容课时分值所占比例1前台信息显示从数据库中提取相应信息显示615 =SUM(ABOVE)*100 # 0% 25%2后台登陆验证验证用户名是否合法4203新闻添加以及修改删除数据库的插入，更新，删除操作6304图片上传及显示文件的移动6205新闻搜索模糊查询615合计100 =SUM(ABOVE)*100 # 0% 25%四、教学方法实训课主要是培养学生使用所学技术处理实际问题的能力，即专业职业技能，所以在教法上应该选择基于生产过程的项目式教学方法，并且所选项目要典型，要能体现综合技能。同时要编写出“实训指导书”，描述出每个项目具体的实施过程，

4、学生在完成项目的时候老师要加强指导，并督促其完成实训材料的填写。具体教学方法可使用：1任务驱动法2项目案例法3演示法4个别辅导法5网络教学法五、考核方式采取形成性非笔试考核。形成性考核选择考勤和项目完成质量考核，其中考勤占30%，项目质量占70%。（每一个项目都有具体的分值）六、说明1.实训过程中，每位学生必须在指定的机房进行设计操作。2.本课程重点：综合使用dreamweaver结合其它辅助软件进行各种网络常见类型网站的制作。3.本课程难点：培养学生的网站创意和整体视觉效果的把握。七、教材与参考书教材：专业技能综合实训指导书，自编讲义。参考书：用ASP轻松开发Web网站， 李香敏 等 编著，

5、北京希望电子出版社，2006年1月第二网站开发与维护实训项目项目一：前台信息显示项目分析:主要是数据库链接以及读取，在网页中建立数据库的链接后，用sql语句读取相应的内容，并显示在网页上。实训目的:（1）掌握数据库的链接命令（2）掌握sql语句读取数据库（3）掌握筛选功能，显示不同专题的信息实训要点：（1）要链接数据库，要在网站内固定一个conn文件或在每个网页前输入连接语句。（2）显示信息用到记录集对象语句。项目最终效果如图1-1图1-1实训指导：一、数据库链接1打开发下去的index.asp文件在文章前加入代码。二、显示新闻标题以及时间1建立对象rs，并将它的前后两部分放入到要显示新闻的行

6、的前后，比如说，显示“热门文章”，以下是循环显示6条新闻的语句。%生成Select语句sql= select * from guide where type=热门文章 order by auto_id desc 建立显示对象set rs=conn.execute(sql)序号变量设置i=1开始循环，判断条件为指针是否移到表的尾部do while not rs.eof and i 要显示新闻标题的行（显示新闻的标题以及时间用 以及）2其他新闻显示的操作一样，只需要将sql= select * from guide where type=热门文章 order by auto_id desc 中的t

7、ype=“热门文章”中改成要显示的类别名称即可，即数据库中对应的名称。、项目二：后台登陆验证项目分析:这个是一个后台登陆的验证页面，主要包含的知识点有表单的设计，以及数据库中数据的验证，主要用到session对象。实训目的:（1）掌握表单的设计（2）掌握session的设置与使用实训要点：（1）密码验证、Session对象的使用（2）密码判断最终效果如图：登陆成功后到页面失败后到页面：实训指导：一、设置登陆页面及判断页面建立存放密码的数据库表，表名为：password，字段为三个字段：ID，user，password;设计后台登录页面，页面名称为：login.asp如图所示：设置与密码表相对应

8、的表单对象名称，设置表单页面跳转到登录判断页面（loginpass.asp）登录判断页面（loginpass.asp）代码设计：连接数据库；保存网页中输入用户名与密码；生成Select语句，搜索密码表中的满足用户名与密码和输入的数据符合的信息；建立对象，为判断做准备；判断如果有符合的用户名与密码则跳转到后台首页（index.asp），否则跳转到错误提示页面（error.asp）。 代码如下： 制作错误提示页面，名称为：error.asp，如图所示：二Session 对象的使用在后台登录判断页面找到相应的位置设置Session变量的值为“yes”（注：只有当用户名与密码都输入正确时才进行设置）建

9、立是否登录判断页面（iflogin.asp），页面如图所示：在后台中的每一个页面的第二行加入如下代码段，判断是否进行过登录验证。新建退出后台页面，名称为：exit.asp，页面为纯代码页面，实现两个功能：清除session变量；跳转到后台登录页面。如图所示：项目三：新闻添加以及修改删除 项目分析:主要是表单的运用以及sql语句的配合使用，还有就是页面间参数的传递。实训目的:（1）掌握数据库表记录的修改命令（2）掌握参数的传递与页面跳转的方法。实训要点：（1）信息修改（2）各类表单对象Value值的设置（3）参数的传递实训指导：一、新闻的添加1建立与实训内容相对符合的网页界面，页面名称为：add

10、.asp插入表单插入表格，合理布局插入相应的表单对象给每个表单对象命名（注：与数据库表中的字段名一致，以便代码的书写）设置表单页面的跳转页面（注：应跳转到ASP代码页面）2、建立提示信息页面，页面名称为：addend.asp3、建立数据库和数据库表新建数据库新建数据库表，设计相应的字段名（注：根据页面表单对象设置）设置表中字段的类型、是否为空等4、建立ASP代码页面，实现添加功能，页面名称为：addpass.asp指定Access数据库的路径建立与以上数据库连接的connection对象，为执行SQL语句作准备打开数据库，等待SQL语句的操作保存网页中输入的数据生成插入的SQL命令语句执行插入

11、命令，将数据添加到数据库表中关闭数据库返回到提示页面，查看是否已经添加二、信息的修改1建立修改信息页面，页面名称为：update.asp，页面设计部分，如图所示（注意先加表单再加表格）：页面代码设计部分： 连接数据库；生成Select语句，搜索出要修改的记录值；建立显示对象，为页面上显示值做准备；设置每个表单对象的value值，注意不同对象的显示方法；设置本页面表单的跳转页面（updateend.asp）页面部分：建立如图所示页面代码部分设计：连接数据库；保存网页中修改的数据（无论有没有修改都保存）；建立显示对象，为页面上显示值做准备；生成Update语句；执得Update语句；关闭数据库 三

12、、信息的浏览与删除1.浏览页面设计部分：建立与实训内容相对符合的网页界面，页面名称为：display.asp，插入一个两行三列的表格，合理布局,输入与数据库表中信息对应的列名，如图所示：2.浏览代码设计部分： 找出须循环的行的HTML代码，在前后插入相应的ASP脚本代码，包含如下分步骤：连接数据库；生成Select语句建立显示对象序号变量设置开始循环，判断条件为指针是否移到表的尾部（循环的HTML代码段）移动数据库表指针序号变量增加回到开始循环在表格单元格中插入与列名相对应的字段显示对象，浏览结果如下图所示：3、建立编辑页面，页面名称为：edit.asp，页面是建立在display.asp页面

13、基础上的，只须在加入时间列后加入一列，如图所示：4、建立删除功能页面，页面名称为：del.asp连接数据库；生成删除语句，删除指定的记录；执行删除操作；跳转到编辑页面；代码如下：项目四：图片上传及显示 项目分析:主要是asp页面中关于文件组件的使用实训目的:（1）掌握数据库表记录的修改命令（2）掌握图片传递时参数的传递。实训要点：（1）信息修改（2）各类表单对象Value值的设置（3）参数的传递实训指导：图片上传在站点中页面edit.asp中加入一列，如图所示：设定上传图片的超级链接为a-pic.asp?id=在超链接前放入语句%if rs(photo) then% a href=imags/

14、 超链接后放入建立页面a-pic.asp，建立如下表单，并在表单内设置语句如图所示： 设定文件域名称为fruit设定表单的提交动作为a-pic-upp.asp，方法：post，建立a-pic-upp.asp页面，设定如下代码： %dim filenamepath = Server.MapPath(imags/)filename = SaveFile(fruit,path,6000,0)sql=update guide set photo=&filename& where auto_id=&session(id)conn.execute sqlIf filename Then If filena

15、me *TooBig* Then Response.redirect edit.asp?message=& filename & session.Abandon()ElseResponse.redirect a-pic.asp?message=文件超出限制太大(图片显示在新闻显示页面readnews.asp中，在内容的现实下加入代码： %if xs(photo) then% img src=admin/imags/ width=450 height=300 / 项目五：新闻搜索项目分析:主要用到了模糊查询实训目的:（1）掌握表单的设置（2）掌握模糊查询语法。实训要点：（1）模糊查询语句（2）各

16、类表单对象Value值的设置（3）参数的传递实训指导：建立select页面，插入表单，如下图所示：设置文本框的名称分别为content与word，提交的动作为select_list.asp建立select_list.asp页面，在最上方放入数据库链接语句，在搜索结果那行下加入代码：%连接数据库connstr=DBQ=+server.mappath(admin/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);set conn=server.createobject(ADODB.CONNECTION)conn.open c

17、onnstrcontent=request(content) if request(word)=请输入关键字 or request(word)= thenword=elseword=request(word)end ifset rs=server.CreateObject(adodb.recordset)if content0 and word then sql=select * from guide where &content& like %&word&% order by auto_id desc elseresponse.redirect select_error.aspend if

18、rs.open sql,conn,1,1page=request(page)rs.pagesize=6pgnm=rs.pagecountif page=or cint(page)=1 then page=1 end ifif pgnm0 then rs.absolutepage=page end ift=0do while not rs.eof and t在下行中加入代码：6、在下行的td单元格内输入代码： %if cint(page)=1 thenresponse.write首页elseresponse.write首页end if% =pgnm thenresponse.write下一页elseresponse.write下一页end if% %if cint(page)=1 thenresponse.writ