实训五 设计网站的公告系统.doc

实训五 设计网站的公告系统一、 实训目的1. 能正确设计公告系统的后台管理2. 能正确设计前台显示。二、 实训任务任务1：设计制作后台的公告显示列表。任务2：设计制作添加公告的网页及程序。任务3：设计为修改公告的网页及程序。任务4：设计删除公告的程序。任务5：在主页显示公告标题，并设置滚动字幕。任务6：设计公告具体内容显示页面。三、 实训步骤（一）设计公告系统的后台管理公告的发布是必须以管理员账号登录管理后台以后才能使用站内公告功能。所以我们必须从后台开始设计。任务1的操作方法：1） 公告显示列表的设计方法与上一项目中用户管理系统的“显示用户信息”基本相同，这儿就不作详细介绍，首先制作如图所示显示公告列表的表格网页，就是显示发布的公告ID、公告标题、发布时间以及对公告的操作链接，取名为admin_affiche.asp。参考代码：及说明：其中cutstr是自定义函数，在function.inc.asp中：截断字符串函数function cutstr(str,length,addstr) if len(str)=length then cutstr=strelse cutstr=left(str,length)&addstrend ifend function任务2操作方法：1）制作如下图的公告添加公告的网页，命名为admin_affiche_add.asp，将表单的动作设置为：action=admin_affiche_add.asp?act=add，要求表单在本页处理，并设置参数act=add。将文本域命名为f_title将多行文本域命名为f_content将表单命名为form1切换到代码视图，在下面添加代码以实现公告的添加功能，参考代码如下：注意每个页面的开始处需要引入头数据库及自定义函数文件，网页结束时需要清空并关闭连接和记录集。2） 打开公告列表显示页admin_affiche.asp，为“添加公告”创建链接：添加公告。浏览添加公告网页，添加几条公告，查看一下公告显示中有没有内容添加进去。（三）修改公告的设计任务3的操作：1）设计如下图所示的修改公告的网页，我们可以将添加公告的页面复制一份改名为admin_affiche_modify.asp，将表单动作设置为admin_affiche_modify.asp?act=update&id=，要求表单是通过id提取公告内容进行更新修改，表单及表单元素的名称不变。该页面代码的设计与用户修改相似。将赋值为初始值将赋值为初始值参考代码：（四）删除公告的设计任务4操作方法：1）新建一张删除网页命名为admin_affiche_del.asp，此网页通过用户id删除其公告信息。删除页面的参考代码如下。（五）设计主页中显示公告标题，并设置滚动字幕。 任务5操作方法：1） 打开首页index.asp，将右侧“最新公告”处设计出一行二列的表格，第一列插入一个小图标，公告标题将显示在第二列，如7.4所示。图7.4最新公告界面2） 由于公告标题可能比较多，这里我们用来实现滚动效果，循环输出考虑到标题比较长时，只显示前面的8个字符和省略号显示，其功能代码如下：(六)设计公告内容显示网页任务6操作方法：1） 创建公告内容显示网页showaffiche.asp，其中设计有二行一列的表格，第一行将显示公告标题，第二项将显示公告的具体内容。当鼠标单击任务5中公告标题就能通过链接显示公告的具体内容，公告内容界页如图所示。图7.5新闻内容显示界面2） 切换到代码视图，在与之间添加代码，以实现通过ID从数据表中获取新闻内容。3） 在显示公告标题处添加显示新闻标题的代码，在显示新闻内容处添加代码，使得公告标题和内容从数据库中读取显示我们设计的页面上。至此，站内公告系统全部设计完成。当鼠标单击主页中的的公告标题就可以显示其具体内容。四、 实训总结与分析：对照实例认真分析产生差异的原因，并