web课程设计任务书及课设报告.doc

长 沙 学 院Web应用课程设计说明书题 目 新闻发布系统 系 (部) 信息与计算科学系 专业(班级) 08信科一班 姓 名 方奕博（邓亚运） 学 号 2008032131 指导教师 栾悉道 王德鑫 起止日期 2010-12-20至2010-12-31 长 沙 学 院Web应用课程设计课程设计任务书专 业 信息与计算科学 班 级 08级1班 指 导 老 师 栾悉道 王德鑫 任务书发出时间 2010-10-30 信息与计算科学系2010年 10 月 30日课 程 设 计 任 务 书课程Web应用课程设计题目新闻发布系统序号3主要内容实现新闻发布系统的基本功能：进行需求分析并确定功能模块；进行UI界面设计，实现静态页面；进行数据库设计，建立数据库、数据表并录入历史数据；实现新闻的录入，查询，修改，显示。要求基本要求 学习并实践Web应用课程设计中的静态页面、动态页面、数据库访问技术； 建立静态页面，根据需求分析确定系统功能模块画出系统流程图，并利用DW工具建立相应静态页面，利用HTML的基本标签、CSS技术以及javascript脚本语言美化界面； 进行数据库设计，建立相应的数据库、表并添加实验数据，配置数据源以及数据操作方式。 根据系统流程分析开发相应asp程序，如新闻的录入，查询，修改，显示等功能。工作计划及进度1、第14周星期一至星期六选题、交分组名单和课程设计题目；收集资料、需求分析；系统设计；2、第15周星期一至星期二程序设计撰写课程设计报告 3、第15周星期三至星期四交作业，汇报演示。指导教师签字 栾悉道 王德鑫 2010年10月8日教研室审定意见同意实施签字 栾悉道 2010年10月8日长沙学院课程设计鉴定表姓名方奕博学号2008032131专业信息与计算科学班级08信一设计题目新闻发布系统指导教师栾悉道 王德鑫指导教师意见：评定等级： 教师签名： 日期： 答辩小组意见：评定等级：答辩小组长签名：日期：教研室意见：教研室主任签名： 日期： 系（部）意见：系主任签名：日期：说明课程设计成绩分“优秀”、“良好”、“中等”、“及格”、“不及格”五类；目录第一章 问题背景6第二章 系统分析72.1 系统总需求72.2 功能需求72.3 数据需求8第三章 系统设计93.1 系统体系结构93.2 各子功能模块设计93.2.1 管理员管理93.2.2新闻修改103.3 数据结构设计113.3.1用户信息（user）113.3.2 管理员信息（admin）113.3.3新闻信息表（news）123.3.4评论信息表（comments）12第四章 系统实现134.1 人机交互部件134.2 数据部件14第五章 系统特点及关键技术155.1系统特点155.2关键技术155.2.1 新闻管理155.2.2 用户管理175.2.3 评论管理20结 论22参考文献23结束语24第一章 问题背景近年来,Internet技术得到迅速的发展,已经成为计算机产业的一个技术热点。促成Internet高速发展的因素之一就是Web技术。Web已经不再局限于仅仅提供大量的信息服务,Web技术的发展使得那些具有交互动态页面、有条理的数据库查询、丰富信息内容的页面成为最吸引人的网页。浏览Web有着执行Windows程序一样的感觉和操作性。随着Internet技术的发展,它已经成为一种操作平台,为用户提供强大的服务,例如查看新闻，网上电子商务,社会信息数据库服务等。 作为计算机发展最迅速的领域之一的数据库技术,已经形成了一整套独有的理论,并广泛地应用于人们的生产和生活中。数据库技术与网站的结合是当今Web技术的一个热点。有了数据库的支持,可以扩展网页的功能,可以方便地设计出交互式页面,可以构造功能强大的后台管理系统,可以为网站的更新、维护提供极大的方便。因此,作为网络开发者或管理者,数据库知识是必不可少的。在当前社会，信息已成为一种隐型的财富，人们对信息的需求再也不是局限于单纯的电视、报纸等大众途径。随着Internet在中国的发展日新月异,人们在日常生活中也越来越多地使用这项新技术来为自己的工作和生活服务,人们通过网络来获取信息的需求越来越大。基于此种考虑,网络开发者们提出了一种“基于WEB的新闻发布系统”，该系统能够实现在线更新最新新闻、设置新闻分类导航等功能，此外，网站管理员也可在线对后台进行管理，例如新闻的修改、删除等操作，以保证新闻的及时、准确性。第二章 系统分析2.1 系统总需求新闻发布系统为了满足不同用户需求，系统将用户分为四类，即浏览者、普通用户、一般管理员和超级管理员。浏览者能在本系统中进行新闻浏览、阅读和新闻搜索。每条新闻的标题被做成一个链接，用户点击它们就能跳转页面进行新闻阅读；新闻阅读页面,每条新闻的详细信息将被取出，包括内容、标题等；用户能根据自己的需要搜索新闻，如可以通过新闻关键字的不同对新闻进行站内搜索,这样可以快速地找到符合条件的新闻，并输出搜索结果；但是浏览者不能对新闻进行评论，需要注册成为普通用户后，登录到相应界面对新闻进行评论。普通用户除了具有上述浏览者在本系统中的操作权限外，可以直接进入登录界面，登录成功后，能够发表新闻，并可以对自己感兴趣的新闻进行评论，一旦密码丢失还可通过回答问题进行找回。一般管理员管理整个新闻发布系统，包括新闻信息管理（添加新闻、修改新闻、审核新闻和删除新闻）、评论管理（删除评论）和用户管理（添加用户和删除用户），还有修改个人密码。超级管理员除了具有上述一般管理员在本系统中的操作权限外，还可以对管理员进行管理（添加管理员、删除管理员和对管理员权限进行设置）2.2 功能需求该新闻发布系统能够为浏览者提供最及时的新闻、为管理者提供方便快捷的在线操作，为在激烈竞争的信息时代提供更加精确、及时的数据。整个系统共分两个模块：前台模块、后台模块。前台模块：包括在主界面进行的基本操作，具体内容如下：(1).新闻浏览：读者可以通过各个大类和小类以及各个栏目进行新闻浏览。显示近期热门新闻，近期图片新闻。(2).新闻搜索：支持对新闻的关键字进行查询。(3).用户注册、登录、找回密码。(4). 用户发表新闻、评论。后台模块：不同的管理员拥有不同的权限。超级管理员具有最高权限,可以修改甚至删除违反新闻规程的文章、评论等，并可以根据需要增加或删除新闻，具体功能为：普通管理员：用户管理、新闻管理和评论管理，超级管理员：管理员管理（新增和设置管理员权限）、用户管理（删除用户）、新闻管理（修改、删除、审核新闻）和评论管理（删除评论）。2.3 数据需求用户=账号+密码+密码问题+密码答案普通管理员=账号+密码超级管理员=账号+密码新闻=新闻编号+标题+内容+作者+发表时间+点击数+图片地址+审核标记评论=评论编号+新闻编+用户名+评论内容+评论时间第三章 系统设计3.1 系统体系结构新闻发布子系统是对新闻进行综合的管理。其基础数据从access表流入。包括前台管理和后台管理两个模块。新闻发布管理子系统的软件结构如图1所示。新闻发布子系统后台管理前台管理管理员管理用户管理新闻管理评论管理管理员登录图1 新闻发布子系统软件结构图组员：邓亚运（组长）、方奕博分工如下：邓亚运：前台管理模块；方奕博：后台管理模块3.2 各子功能模块设计前台管理3.2.1 管理员管理（1）功能：管理员分为一般管理员和超级管理员，可以对管理员进行新增和删除。（2）数据流入：键盘录入、数据文件（3）数据流出：显示、数据文件（4）程序流程图：管理员管理模块的程序流程图如图2所示。图2 管理员管理流程图（5）测试要点：该模块的测试要点是能准确的区分一般管理员和超级管理员，并执行不同的操作，操作后能准确的保存到数据库。3.2.2新闻修改（1）功能：管理员登录后可以对新闻进行修改，并同时添加到数据库。（2）数据流入：键盘录入、数据文件（3）数据流出：显示、数据文件（4）程序流程图：新闻修改模块的程序流程图如图3所示。返回系统主页保存新闻至数据库修改新闻NY密码是否正确后台管理图3新闻修改流程图（5）测试要点：该模块的测试要点是修改后的新闻能够准确的写入数据库。3.3 数据结构设计3.3.1用户信息（user）包括用户名，密码，密码问题，密码答案。如表1定义：表1 用户信息表字段名称数据类型说明user2文本用户名pass2文本密码que文本密码问题ans文本密码答案3.3.2 管理员信息（admin）包括管理员账号，密码，权限。如表2定义：表2 管理员信息表字段名称数据类型说明user1文本管理员账号pass1文本密码limit文本权限3.3.3新闻信息表（news）包括新闻编号、所属栏目、标题、内容、作者、发表时间、点击量、图片地址、审核标记。如表3定义：表3 新闻信息表字段名称数据类型说明newsid字动编号编号title文本标题content备注内容type文本所属栏目writer文本作者time文本发表时间tip文本审核标记address文本图片地址hit数字点击量3.3.4评论信息表（comments）包括评论编号、新闻编号、用户名、评论内容、评论时间。如表4定义：表4 评论信息表字段名称数据类型说明comid自动编号评论编号newsid文本新闻编号user2文本用户名comtext文本评论内容comtime文本评论时间第四章 系统实现4.1 人机交互部件本系统的一个重要特点就是系统启动之后，所有的浏览者都能看到主页的新闻信息以及相关栏目新闻信息，但用户必须登录之后才能才能添加新闻和发表评论，这些主要通过shouye.asp与head.asp的转换实现。主要源代码：用户登录用户名：密码：验证码：  注册 忘记密码？% if session(username)= then response.Write(alert(请先登录！);parent.location.href=shouye.asp;)end if %4.2 数据部件由于登录窗口的特殊性，这就使得用户登录名的传递不能使用普通的参数传递。而必须使用窗口传递，用户登录的显示也就必须在登录按钮事件里面完成。主要实现代码如下：% if (request.Form(username)= or request.Form(password)=) thenresponse.Write(alert(用户名和密码不能为空，请重新输入！);history.back() elseusername=request.Form(username)pwd=request.Form(password) VerIfyCode=request.Form(VerIfyCode) set conn=server.CreateObject(adodb.connection)conn.open newsset rs=server.CreateObject(adodb.recordset)rs.open select * from user where user2=&username&,conn,1,2if VerIfyCodeSession(VerIfyCode) then response.Write(alert(输入验证码错误！);history.back();)elseif (not rs.eof) thenif pwd=rs(pass2) thensession(username)=usernameresponse.Redirect(head.asp)elseresponse.Write(alert(用户名或密码错误！);history.back()end ifelseresponse.Write(alert(用户名或密码错误！);history.back() end ifend ifrs.closeconn.closeend if% 第五章 系统特点及关键技术5.1系统特点通过测试发现软件错误：功能的完备性：检验程序功能是否达到用户预先制定的需求错误检查：检查程序潜在的错误,为软件可靠性与安全性的评估提供依据5.2关键技术5.2.1 新闻管理【国内新闻】  【国际新闻】  【军事新闻】  【娱乐新闻】  【体育新闻】  【影视】  【返回首页】   |  发表新闻广告预留位td height=500%rs.pagesize=26if request(page) thenepage=cint(request(page)if epagers.pagecount then epage=rs.pagecountelseepage=1end ifrs.absolutepage=epage % a href=news.asp? target=_blank a href=xinwensousuo.asp?page=首页  a href=xinwensousuo.asp?page=前一页  a href=xinwensousuo.asp?page=后一页  a href=xinwensousuo.asp?page=末页当前是第页  共有页广告预留位5.2.2 用户管理var icon = ;var ns = usr,pwd,repwd,eml;function changeUsr()if($(checkBtn).disabled) $(checkBtn).disabled = false;function checkUsr(s)var ma = 用户名（3-16位）！,用户名由数字、英文、下划线、中杠线组成！;if(!limitLen(s,3,16)showInfo(usr,ma0);return false;if(!hasAccountChar(s)showInfo(usr,ma1);return false;showInfo(usr);return true;function checkPwd(s)var ma = 密码（5-16位）！,密码不能包含中文或全角符号！,两次输入的密码不一致;ps.update(s);if(!limitLen(s,5,16)showInfo(pwd,ma0);return false;if(hasChineseChar(s)showInfo(pwd,ma1);return false;if(limitLen($F(repwdInput),5,16)if(trim($F(repwdInput) = trim(s)showInfo(pwd);showInfo(repwd);return true;elseshowInfo(pwd,ma2);return false;showInfo(pwd);return true;function checkPwd2(s)var ma = 确认密码（5-16位）！,密码不能包含中文或全角符号！,两次输入的密码不一致！;if(!limitLen(s,5,16)showInfo(repwd,ma0);return false;if(hasChineseChar(s)showInfo(repwd,ma1);return false;if(limitLen($F(pwdInput),5,16)if(trim($F(pwdInput) = trim(s)showInfo(pwd);showInfo(repwd);return true;elseshowInfo(repwd,ma2);return false;showInfo(repwd);return true;function checkEml(s)var ma = 请输入！,格式不正确！;if(s.length 5)showInfo(eml,ma0);return false;if(!isEmail(s)showInfo(eml,ma1);return false;showInfo(eml);return true;function showInfo(n,s)var fdo = $(n+FrameDiv);var ido = $(n+InfoDiv);if(typeof s = undefined)fdo.className = FrameDivPass;ido.innerHTML = 填写正确！;elsefdo.className = FrameDivWarn;ido.innerHTML = icon + s; 注册信息：（以下各项均必填）用户名:密码强度:var ps = new PasswordStrength();ps.setSize(200,22);密码:确认密码:密码问题：密码答案：   5.2.3 评论管理%function getfilename(picture)if picture thengetfilename=photo/&year(now) &month(now)&day(now)&hour(now)&minute(now)&second(now)&right(picture,4)elsegetfilename=end ifend functionfunction photo(picture)set objstream=server.createobject(adodb.stream)objstream.type=1objstream.openobjstream.loadfromfile pictureobjstream.SaveToFile Server.MapPath(getfilename(picture),2 objstream.closeif err.number0 thenphoto=0else photo=1end ifend function% set conn=server.CreateObject(adodb.connection)conn.open newsif request.ServerVariables(REQUEST_METHOD)=POST then set rs=server.CreateObject(adodb.recordset)sql=select * from newsrs.open sql,conn,1,3if request.Form(title)= then response.writealert(请填写必要信息！);window.location.href=addnews.asp;elsetitle=Request.Form(title)writer=Request.Form(writer)typname=Request.Form(type)content=Request.Form(content)tip=否picture=Request.Form(picture)if picture thenphoto(picture)end ifrs.addnewrs(title)=titlers(writer)=writerrs(type)=typnamers(content)=contentrs(address)=getfilename(picture)rs(time)=date()rs(tip)=tiprs(hit)=0 rs.updateresponse.writealert(新增成功！);window.location.href=addnews.asp;end if end ifrs.closeconn.close %结 论本系统是一个面向网络用户的新闻发布系统，是具有一定实用性的数据库信息管理系统。它主要完成了新闻发布系统的基本功能，包括首页一般浏览者的浏览新闻、搜索新闻、注册后发表新闻和评论新闻等等和后台的管理，后台管理人员分为两类，包括一般管理员和普通管理员，普通管理员能进行用户管理、新闻管理以及评论管理，超级管理员除了上述权限还能对管理员进行管理。本系统采用当前流行的Dreamweaver 8 和Access来完成整个系统的设计。系统在设计过程中不可避免地遇到了各种各样的问题，由于整个系统完全都是由个人设计的，许多细节问题都要靠自己去摸索，加之本人水平有限，并没有完全地理解Dreamweaver 8 和Access的强大功能，而且整个程序的编写上还存在一些漏洞，有着许多不足之处，需要进行不断地补充和完善。参考文献1 吉根林 崔海源.Web程序设计（第二版）.电子工业出版社.2006年1月，第二版2 黄雷 杨志 游坤等.ASP+HTML+Dreamweaver+Access开发动态网站实例荟萃.机械工业出版社.2006年2月，第一版3 孙良军. Dreamweaver 8网页设计精彩150例.中国青年出版社.2007年4月，第一版4 王珊 萨师煊.数据库系统概论M.高等教育出版社.2006年5月，第四版结束语经过两个多星期的设计和开发，新闻发布系统基本开发完毕。这次课程设计设计通过对Dreamweave