Web实验报告.doc

实验报告
|
|
实验名称基于Web的在线新闻发布系统的设计与实现
课程名称 Web技术及应用
|
|
专业班级: 学生姓名:
学号: 成绩:
指导教师: 实验日期:
实验目的和要求
实验目的
框架
应用程序所需软件的安装和配置。
学会使用HTML的常用标记
学会在页面中建立表格和调整表格
学习Web窗体和Web服务控件
数据库的建立
正确的连接和操作数据库
实验内容

(1)新闻分类
(2)新闻内容的显示
(3)新闻的链接
(4)新闻的评论
(5)新闻的检索

(1)管理员登陆界面
(2)管理新闻,包括新闻的分类、删除和添加
代码的设计

开发环境
Visual Studio 2010
二、系统分析和设计
新闻发布系统包括用户端和管理端,在管理端实现对新闻的管理,新闻的内容保存在数据库中,用户端,打开网页浏览新闻并对新闻评论。
用户模块
新闻分类
分类显示新闻,方便用户浏览
新闻内容的显示
点击新闻标题,会链接的新闻内容的显示页面
新闻的链接
具体的新闻内容链接在标题上,保持浏览界面的整齐
新闻的评论
在新闻具体显示页面,用户可以对新闻的内容进行评论,评论和评论时间会被存储到数据库,并在页面显示,其他的用户进入后会看到之前的评论及其时间
新闻的检索
用户可以根据自己的需要在搜索一栏输入自己想看的新闻标题或内容的关键字,在数据库中检索。若数据库中有相关的内容,就将内容返回到页面显示。
2、管理模块
(1)管理员登陆界面
为了防止非法用户对新闻进行篡改,所以只有通过验证的管理员才能对在管理端进行操作。管理员需要在该界面输入用户名、密码和验证码才能进入管理界面,对新闻进行管理。
(2)管理新闻,包括新闻的分类、删除和添加
类别管理:可以添加和删除新闻类别
新闻管理:对已有新闻的内容进行修改和删除,可以对新闻类别、标题、内容编辑
添加新闻:包括对所要添加的新闻的类别、标题、内容编辑,并将添加的内容存储到数据库
数据库的设计
目录(category)表
字段名
数据类型
长度
是否可空
备注
id
Int
N
用户号,主键
name
varchar
10
N
用户名

ment)表
字段名
数据类型
长度
是否可空
备注
id
Int
N
评论号,方便搜索,主键
Content
Text
N
评论的内容
Creatime
datetime
N
评论时间
Userip
varchar
15
N
评论用户的IP
Newsid
int
N
评论新闻的ID,外键
新闻(news)表
字段名
数据类型
长度
是否可空
备注
Id
Int
N
新闻号,主键
Tittle
Varchar
100
N
新闻标题
content
Text
N
新闻内容
creattime
Datetime
N
添加新闻的时间
caId
Y
新闻的类别,外键
整个系统的结构图
三、代码设计和功能的实现
1、用户模块
(1)新闻内容的显示
(2)新闻分类

第一次加载首页时绑定数据并显示
绑定数据
public partial class _Default :
{
protected void Page_Load(object sender, EventArgs e)
{
if (!)
{
//第一次进入该页面时
NewsManager nm = new NewsManager();
//绑定最新新闻
= ();
();
//绑定热点新闻
= ();
();
}
}
显示
<div id="main">
<!--新闻分类-->
<uc1:NewsCategory ID="NewsCategory1" runat="server" />
<!--最新新闻-->
<div id="newnews" class="commonfrm">
<h4>
最新新闻</h4>
<asp:GridView ID="gvNewNews" runat="server"