简易新闻发布系统网页设计.docx

存档资料 成绩：　

课程设计报告书

课程名称 网页制作案例教程
题 目 简易新闻发布系统
分 院 版权所有
专业班级 版权所有
学　　号 版权所有
学生姓名
指导教师 版权所有

2011年 6 月25日
课程设计评阅意见

序号
项 目
等　　　级

优秀
良好
中等
及格
不及格
1
课程设计态度评价

2
出勤情况评价

3
任务难度评价

4
工作量饱满评价

5
设计中创新性评价

6
论文书写规范化评价

7
综合应用能力评价

评阅人__________职称________
年 月 日

目 录
第1章 课程设计任务书 1
一、课程设计题目 1
二、课程设计工作： 1
三、课程设计的内容要求： 1
1、课程设计要求 1
2、课程设计内容 1
第2章 课程设计目的 2
第3章 课程设计内容 3
设计一 设计功能需求 3
设计二 新闻系统业务流程图 3
设计三 新闻系统功能结构图 4
设计四 新闻系统模块设计 4
设计五 新闻数据库设计 4
第4章 课程设计步骤 5
第5章 课程设计心得 5
第6章　参考文献 17

第1章 课程设计任务书
专 业 班 级 姓名
一、课程设计题目 简易新闻发布系统
二、课程设计工作：
自 2011年 6月 19日起至 2011 年 6月25日止
三、课程设计的内容要求：
1、课程设计要求
（1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。
（2）1. 用DW进行设计页面；
2. 数据库用Access 2003或者SQL Server 2000/2005/2008；
3. 语言要求：ASP，JSP或ASP.Net等。
2、课程设计内容
（1）设计一 用户注册；
（2）设计二 用户登陆、修改个人资料等；
（3）设计三 用户发布新闻、修改、更新、删除等；
（4）设计四 用户评论新闻等；
（5）设计五 用户浏览新闻；
学生签名： 　
2011年 6 月 24 日

第2章 课程设计目的
通过本次课程设计是为了使我们了解和掌握开发一个实际项目的基本方法和步骤；提高了我们程序分析设计、动手能力、编程能力能力；培养了我们综合运用所学知识独立地分析问题和解决问题的能力。把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使用Dreamweaver设计页面、连接Access 2003数据库、利用JSP语言制作一个简易的新闻发布系统。伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。
本系统其功能灵活并易于使用，能够实现网站新闻的动态管理，使得对新闻的管理更加及时、高效。

第3章 课程设计内容
设计一 设计功能需求
1、 本新闻发布系统提供了不同类型新闻（如国际新闻、国内新闻和亚运新闻等）满足不同用户需求；
2、 系统将用户分为：普通用户，新闻管理员。普通用户能在本系统中进行新闻浏览，阅读，新闻搜索。每条新闻的标题被做成一个链接，用户点击它们就能跳转页面进行新闻阅读；
3、 新闻阅读页面,每条新闻的详细信息将被取出，包括内容、标题等；用户能根据自己的需要搜索新闻，如可以通过新闻标题或新闻内容对新闻进行搜索,这样可以快速地找到符合条件的新闻，并输出搜索结果；
4、 系统管理员可以进行新闻分类管理、添加新闻、修改新闻和删除新闻，同时系统管理员能完成用户管，如添加用户和更改账号、密码等。
设计二 新闻系统业务流程图
开始
浏览网页
是否为管理员
查看新闻信息
结束
后台管理
否
是

设计三 新闻系统功能结构图
新闻发布系统
前台
后台
用户注册
用户登陆
评论新闻
浏览新闻

新闻管理
友情链接管理
用户管理
分类管理
增删改管理
添加用户
删除用户
添加链接
删除链接

设计四 新闻系统模块设计
该系统主要包括5个功能模块：
（1）用户注册模块，该模块能吸收新成员，使游客拥有用户的权利。
（2）用户登陆等模块，该模块能够使用户修改自己的个人资料，以及账号密码的更改。
（3）用户新闻管理模块，该模块包括发布新闻、修改新闻、更新新闻、删除新闻等功能。
（4）用户评论新闻等模块，该模块能够使用户发表对新闻的看法和建议，更好的收集民意。
（5）用户浏览新闻模块，该模块是实现用户基本权利最有力的保障，够实现友情链接的添加与删除。

设计五 新闻数据库设计
1、tb_news（新闻信息表），新闻信息表主要用来保存新闻的基本信息。
2、tb_admin（管理员信息表），管理员信息表主要用来记录管理员的信息。
3、tb_link（友情链接表），友情连接表主要用来保存友情链接的相关信息。
第4章 课程设计具体步骤
一、用户首页设计实现代码
登入界面图片如下:

1、连接数据库的代码
<%
set conn = server.CreateObject("adodb.connection")
conn.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & server.MapPath("db\news.mdb")

%>
2、登录表的实现代码
<form id="form1" name="form1" method="post" action="chkUser.asp">
<label><br />
<br />
</label>
<table width="87%" height="95" border="0">
<tr>
<td width="18%" height="27">用户名：</td>
<td width="25%"><input name="UserName" type="text" id="UserName" size="16" /></td>
<td width="57%" rowspan="3"><img src="img/未标题-1.jpg" width="387" height="95"></td>
</tr>
<tr>
<td height="37">密&nbsp; 码：</td>
<td><input name="Upwd" type="password" id="Upwd" size="16" /></td>
</tr>
<tr>
<td height="23"><input type="submit" name="button" id="button" value="登陆" /></td>
<td><a href="3.html">注册</a></td>
</tr>
</table>
<label><br />
</label>
</form>
3、连接数据库显示数据库中新闻的代码
<%
set rs = Server.CreateObject("adodb.Recordset")
strSql = "select top 5 * from news where Nclass='国内新闻' order by Ntime desc"
rs.open strSql, conn, 1,1

while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>">-><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
</table></td>
<td><table width="100%" border="0" cellspacing="0">
<%
if rs.state then rs.close
strSql = "select top 5 * from news where Nclass='国外新闻' order by Ntime desc"
rs.open strSql, conn, 1,1

while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>">-><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
</table></td>
<td><table width="100%" border="0" cellspacing="0">
<%
if rs.state then rs.close
strSql = "select top 5 * from news where Nclass='体育新闻' order by Ntime desc"
rs.open strSql, conn, 1,1

while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>"> -><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
</table></td>
</tr>
<tr>
<td>娱乐新闻</td>
<td>IT新闻</td>
<td>生活常识</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0">
<%
if rs.state then rs.close
strSql = "select top 5 * from news where Nclass='娱乐新闻' order by Ntime desc"
rs.open strSql, conn, 1,1

while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>">-><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
</table></td>
<td><table width="100%" border="0" cellspacing="0">
<%
if rs.state then rs.close
strSql = "select top 5 * from news where Nclass='IT新闻' order by Ntime desc"
rs.open strSql, conn, 1,1

while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>">-><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
</table></td>
<td><table width="100%" border="0" cellspacing="0">
<%
if rs.state then rs.close
strSql = "select top 5 * from news where Nclass='XXXXXXX' order by Ntime desc"
rs.open strSql, conn, 1,1
while not rs.eof
%>
<tr>
<td><a href="viewNews.asp?Nid=<%=rs("Nid")%>">-><%=rs("Ntitle")%></a></td>
</tr>
<%
rs.movenext
wend
%>
二、用户注册代码
注册界面图片如下:

1、注册信息的要求：
<script language="javascript">
function chkF(){
if(document.getElementById("Username").value==""){
alert("用户名不能为空！");
document.getElementById("Username").select();
return false;
}
if(document.getElementById("Upwd").value==""){
alert("密码不能为空！");

document.getElementById("Upwd").select();
return false;
}
if(document.getElementById("Upwd").value!=document.getElementById("conUpwd").value){
alert("密码不一致！");
document.getElementById("conUpwd").select();
return false;
}

}
</script>
2、用户注册表格中的 代码
<form id="form1" name="form1" method="post" action="reg.asp" onSubmit="return chkF();">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td>&nbsp;</td>
<td align="center"><p>用户注册页面</p></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">用户名：</td>
<td><input type="text" name="Username" id="Username" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">密&nbsp;&nbsp;&nbsp;码：</td>
<td><input type="password" name="Upwd" id="Upwd" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td><input type="password" name="conUpwd" id="conUpwd" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">邮&nbsp;&nbsp;&nbsp;箱：</td>
<td><input type="text" name="Uemail" id="Uemail" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3" align="center"><input type="submit" name="button" id="button" value=" 注册 " />
&nbsp;
<input type="reset" name="button2" id="button2" value=" 重填 " /></td>
</tr>
</table>
</form>
三、新闻管理
新闻管理界面图片如下

1、修改中的代码
<%
action = request.Form("action")
if action = "update" then
Ntitle = request.Form("NewsTitle")
NClass = request.Form("NewsClass")
NContent = request.Form("NewsContent")
Nid = request.Form("nId")

strSql = "update News set Ntitle='"&Ntitle&"',NClass='"&NClass&"',NContent='"&NContent&"' where NId="&Nid
conn.execute strSql
response.Write("<script>alert('新闻修改成功！');</script>")
end if
newsId = request("nid")
set rs = Server.CreateObject("adodb.recordset")
strSql = "select * from News where Nid="& newsId
rs.open strSql, conn
%>
<form id="form1" name="form1" method="post" action="ModifyNews.asp">
<table width="600" border="1" align="center">
<tr>
<td colspan="3" align="center"><font size="+3">修改新闻</font></td>
</tr>
<tr>
<td align="right">新闻标题：</td>
<td><input name="NewsTitle" type="text" id="NewsTitle" size="60" value="<%=rs("Ntitle")%>" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">新闻类别：</td>
<td><select name="NewsClass" id="NewsClass">
<option <%if rs("Nclass")="国内新闻" then response.Write("selected=selected")%>>国内新闻</option>
<option <%if rs("Nclass")="国外新闻" then response.Write("selected=selected")%>>国外新闻</option>
<option <%if rs("Nclass")="体育新闻" then response.Write("selected=selected")%>>体育新闻</option>
<option <%if rs("Nclass")="娱乐新闻" then response.Write("selected=selected")%>>娱乐新闻</option>
<option <%if rs("Nclass")="IT新闻" then response.Write("selected=selected")%>>IT新闻</option>
</select></td>
<td>&nbsp;</td>

</tr>
<tr>
<td align="right">新闻内容：</td>
<td><textarea name="NewsContent" id="NewsContent" cols="60" rows="15"><%=rs("nContent")%></textarea></td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td><input type="submit" name="button" id="button" value=" 修 改 " />
<input type="reset" name="button2" id="button2" value=" 恢 复 " />
<input type="hidden" name="nid" id="nid" value="<%=newsId%>" />
<input name="Action" type="hidden" id="Action" value="update" /></td>
<td>&nbsp;</td>
</tr>
</table>
</form>
删除中的代码
<%
if Session("loginName") <> "" then
NewsNum = request.QueryString("nid")
if NewsNum <> "" then
strSql = "delete * from News where Nid="&NewsNum
conn.execute strSql
end if
else
response.Write("<script>alert('非法登录或登录超时！\n\n请重新登录！');window.location.href='index.asp';</script>")
end if

set rs = server.CreateObject("adodb.recordset")
strSql = "select * from News order by Ntime desc"
rs.open strSql,conn, 1,1
%>
<a href="listNews.asp?nid=<%=rs("Nid")%>" onClick="if(!confirm('你确定要删除吗？')) return false;">删除</a>
新闻修改代码
新闻修改界面图片如下:

第5章 课程设计心得

通过这次个人简易新闻发布系统网页的课程设计，我对课堂上讲的内容已经融会贯通，良好的掌握了表格在网页布局中的特点及应用，并通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。我对数据库SQL Server 2005和语言ASP，JSP或ASP.Net等有了更加深刻的了解,使我在实践设计中得心应手。
本次个人简易新闻发布系统网页的课程设计是一个理论与实践结合的过程，使我明白理论知识往往是不够的，只有把所学的理论与实际行动相结合，才会提高自己的综合实际能力和独立思考能力。在设计的过程中我们都会遇到很多的问题，但往往是一个小问题都会导致实验的失败，这就要我们花大量的时间去思索和改正，这是一个很艰辛的过程，但同时也是你收获最大的过程。
实验往往是一个苦中有乐的过程，我希望在以后的实验学习中自己能独立思考，同时也要认真去完成，这样既能学到知识，也能让自己的实践操作得到锻炼。
总之，这次课程设计让我感触很多，不仅仅是知识上的学习和掌握，同时也让我明白了很多做人的道理。此次实验让我明白了一个很深刻的道理：团队精神固然很重要，担人往往还是要靠自己的努力，自己亲身去经历，这样自己的心里才会踏实，学到的东西才会更多。在此,我要感谢同学，他们帮我学到了很多，同时也付出了很多，也感谢老师的细心指导，让我们顺利的完成了课程设计。
。

第6章　参考文献
[1] 张蒲生,数据库应用技术SQL Server 2005基础篇,机械工业出版社,2008年
[2] 黄爱娟，雷喜,中文版Dreamweaver CS5完全自学一本通,电子工业出版社, 2010年
[3] 昭君工作室编著, Dreamweaver CS5网页制作入门与实例教程（第2版）,机械工业出版社,2011年
[4] 何国民，仲治国编著,ASP动态网站68个典型模块精解,科学出版社, 2009年
[5] 美国Adobe公司著张海燕译，Adobe Photoshop CS5中文版经典教程,人民邮电出版社, 2010年