Web课程设计报告.docxVIP

PAGE \* MERGEFORMAT PAGE \* MERGEFORMAT9 Web课程设计报告 班级新闻网站 学院：计算机学院 班级：通信工程2013 1班 学号：3130601020 姓名：汪伟 2015年1月8日 目录 一、实例说明3 二、开发过程3 数据库设计3 配置Web.config文件4 三、模块设计说明4 前台显示页面设计4 后台管理模块设计6 后台登陆界面6 后台首页 7 新闻添加界面7 新闻管理界面8 新闻搜索和删除界面8 新闻编辑界面 9 【实例说明】 新闻发布系统由后台管理和前台新闻浏览两部分组成。其中，后台管理对新闻作了详细的分类，并为管理员提供添加，修改以及删除功能，前台显示新闻信息，并提供查询新闻详细信息的功能。 本网站实现的具体功能如下： 1、通过网页浏览各类信息。 2、新闻分类显示相关信息。 3、提供站内新闻全面搜索。 4为后台管理提供管理入口。 5后台编辑各类新闻，并管理新闻信息。 其中，前台运行结果如图1所示。 图1 【开发过程】 1、数据库设计 本例采用SQL Server 2008数据库系统。在该系统中新建了一个数据库,将其命名为news,在该数据库内新建了两个数据表，分别为用户信息表（admin）和新闻信息表（news）。 创建用户信息表用于保存管理员的基本信息，admin数据表的结构如下表所示。 字段名称 类型 长度 是否为空 描述 id int 4 否 主键（自动编号） name varchar 20 否 用户姓名 password varchar 50 否 用户密码 创建新闻信息表用来保存新闻的基本信息，news的结构如下表所示。 字段名称 类型 长度 是否为空 描述 id int 4 否 主键（自动编号） title varchar 50 否 新闻标题 paths varchar 50 是 新闻图片 content text 16 否 新闻内容 style varchar 50 否 新闻类别 author varchar 50 否 新闻编辑 issuedate datetime 8 否 新闻发布时间 2、配置Web.config文件 在Web.config文件中主要配置连接数据库的字符串，在配置文件中设置的好处是可以省略在其他页面重新编写连接数据库的字符串。 【模块设计说明】 1、前台显示页面设计 新闻显示页面（newList.aspx）是该Web程序的起始页，主要功能是用来显示各个新闻的标题和类别，并设有站内查询功能。 在显示时设有分页功能，当新闻内容较多时，会自动分页，分别单击“下一页”、“上一页”、“第一页”、“最后一页”或在文本框中输入某一页码，再单击“go”按钮，会跳转到指定页面。运行效果如图2所示。 图2 当点击某一新闻标题则会跳转到新闻详细信息信息页面（showNews.aspx）,运行结果如图3所示。 图3 当用户要查看特定新闻时，通过在前台页面的搜索去输入关键信息，然后单击“站内搜索”按钮，搜索相关信息。其运行结果如图4所示。 图4 点击主页会回到新闻显示页面（newsList.aspx）。 在前台显示界面（newsList.aspx/search.aspx/showNews.aspx）都有进入后台管理的管理入口。运行结果如图5所示。 newsList.aspx： search.aspx： showNews.aspx： 图5 2、后台管理模块设计 （1）后台登陆界面（Login.aspx） 新闻显示的所有前台页面底部都设有进入后台登陆页面的“后台管理”入口，后台登陆界面中使用了验证码技术，可以防止用户使用非法手段恶意登陆本站后台，运行结果如图6所示。 图6 （2）后台首页（AdminIndex.aspx） 点击后台登陆界面的“登陆”按钮，如果用户为合法用户，就跳转到后台首页，否则就弹窗提示错误。运行结果如图7所示。 图7 （3）新闻添加界面（Add.aspx） 用户进入图7所示的后台管理界面首页时，点击“添加”按钮都会进入图8所示的新闻添加界面。在新闻添加界面，点击“添加”按钮可以添加新闻类别、标题、图片、内容、作者及发布时间到数据库中新闻信息表（news）内。其中添加图片时点击FileUpLoad控件的“浏览”按钮，将弹出导航对话框，用户可以通过对话框选择新闻照片，或在ileUpLoad控件的文本框中直接输入文件名称，单击“显示”按钮将图片上传到服务器上，并显示在Image控件中，在保存到服务器之前，还要判断是否选择文件，文件类型是否为图片。运行结果如图8所示。 图8 （4）新闻管理界面（list.aspx） 点击后台首页或是新闻发布页面左侧的“管理”按钮，会进入新闻管理界面，在该页面可以