云上运维及应用实践教程（第2版）教案16 项目五 任务4新闻功能添加删除功能制作；17 项目五 任务5新闻分页功能制作；18 实验五 新闻功能小模块制作.doc

教案序号：.

课题

项目五任务4新闻功能添加删除功能制作

授课形式

√理论□理实一体□实训(验)□其它：

学时安排

本单元总学时：2（其中：理论2学时、实践学时）

教学内容及目标

掌握站点新闻添加、显示、修改、删除功能的制作，掌握功能模块前台页面、后台页面的制作。

掌握实现站点新闻添加、显示、修改、删除功能的ASP代码的编写。

教学重点及难点

重点、难点：新闻功能添加删除功能制作的ASP代码。

授课对象

学情分析

学生接触网站建设的相关内容时间不长，虽然有网页制作的基础，但基础较差，需要在讲授过程中，教师进行巡回指导或同学间小组讨论。

教学媒介

机房

授课

地点

5403

教学过程及设计：

一、课前回顾：新闻功能数据库设计技巧和要点？

二、新课内容：项目五任务4新闻功能添加删除功能制作

任务4新闻功能添加删除功能制作

一、任务引出

电子商务网站首页一般都以新闻标题罗列的方式展示公司的最新动态及相关资讯信息，浏览者可通过单击标题超级链接进入到新闻资讯详细浏览页面。

在本任务中，将要来完成诸暨市吉尔特机械有限公司新闻功能相关数据表的设计，为新闻功能的实现打下基础。

二、任务预览

打开并运行站点文件夹里新闻管理页面文件“newsmanage.asp”。当网站里没有发布新闻的时候，给出“对不起，目前没有新闻……”的提示，如图所示，当网站里有新闻时，新闻主要以标题罗列的方式展示公司的最新动态及相关资讯信息，并且新闻的显示都是根据发布日期倒序排列，最新的新闻显示在最前面。

新闻添加、显示功能，首先通过点击“发布新闻”按钮链接到发布新闻信息页面“addnews1.asp”，如图所示。发布完新闻后，返回“newsmanage.asp”页面，点击新闻标题，则弹出新闻内容详细的页面“articleshow.asp”，将新闻的具体内容显示出来。

三、实践操作

1、添加功能的ASP代码

①首先必须连接数据库，调用连接数据库的语句：

!--#includefile=conn.asp--

②将新闻信息写入到“newsarticle”数据表，其功能实现的ASP代码：

%

******************************添加新闻************************

TimYear=Request.Form(TimYear)

TimDay=Request.Form(TimDay)

TimMonth=Request.Form(TimMonth)

tim=TimYear/TimMonth/TimDay

Content=replace(trim(Request.Form(codecontent)),,)

title=replace(trim(Request.Form(Title)),,)

setrs=server.createobject(adodb.recordset)

rs.openselect*fromnewsarticle,conn,1,3

rs.addnew

rs(Title)=title

rs(Content)=Content

rs(Author)=Request.Form(Author)

rs(source)=Request.Form(source)

rs(tim)=tim

rs.update

rs.Close

setrs=nothing

response.writedivalign=center恭喜你！添加成功/divbrbr

response.writedivalign=centerahref=addnews.asp3秒钟后系统自动返回/a/div

%

③“系统将在3秒钟之后返回新闻添加页面”功能实现的代码。

在head/head标签中插入以下语句：

metahttp-equiv=refreshcontent=3;url=addnews.asp

2、设计新闻信息罗列显示的页面ASP代码

①首先必须连接数据库，调用连接数据库的语句：

!--#includefile=conn.asp--

②将新闻信息从“newsarticle”数据表中读取出来，并在网页中显示出来的代码，注意黑色加粗的ASP语句：

******************************新闻列表显示************************

tableborder=0cellspacing=0cellpadding=4height=62align=centerwidth=90%

t