“新闻发布系统”界面设计 知识准备 界面的设计原则： 简洁大方、方便用户操作 要求：网页的下载不超过10秒钟；尽量使用文本链接，减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有的内容和服务都在明显处向用户予以说明。 特色鲜明，符合网站主题 界面的整体风格和整体气氛的表达要和网站的主题相符合，并应该能很好的体现该网站的内涵。只有符合网站主题的界面设计才能使其具有“精气神”，也只有界面设计特色鲜明，才能激发用户的激情和兴趣。 布局合理，易于功能实现 网页排版布局对于网站功能的实现至关重要，一般网页上面的栏目选择最佳在5-9个之间。 任务实施 分析： 任 务2：界面设计 软件界面也称作UI（User Interface），是人机交互重要部分，也是软件使用的第一印象，是软件设计的重要组成部分。风格统一的用户界面可以使系统更新更加方便、控制更加简单，从而提高了软件的运行效率，降低了成本。 任务实施 任 务2：界面设计 系统需求分析 界面设计原则 字体 界面设计 规范 窗体控件布局 界面 配色 控件 风格 交互 信息 其他 方面 窗体控件布局 控件间距：控件对窗体的覆盖率

* * * * * * * * * * * * “新闻发布系统”评论审核 情景分析 评论管理是新闻发布系统的有机组成部分，在增加了新闻发布系统的交互性的同时也增加了系统的可控性。用户在完成新闻阅读之后，可以通过该模块及时发表自己的新观点和新见解，也可以对已经发表的旧评论进行编辑或删除操作。新发表的评论默认状态是隐藏，直到管理员审核通过后才会显示。管理员也可以直接编辑或删除不合适的评论，以确保整个新闻发布系统能够保持一个健康而有序的环境。 任务实施 分析： 任 务2：评论审核 管理员登录成功后，先进入后台管理，再进入评论管理。可以看到所有待审核的评论，并能够选择通过或未通过。 任务实施 任 务2：评论审核 评论审核页面设计如图所示： 任务实施 任 务2：评论审核 GridView数据绑定控件模板设计如图： * * * * * * * * * * * *

“新闻发布系统”首页设计 热点和最新新闻显示 情景分析 任何一个网站系统的首页都是非常重要的，需要精心设计。首页一般顶部是Logo或主题图片，接下来是新闻类别导航，中间是主要信息区，一般有最新新闻列表和热点新闻列表，还要有搜索新闻以及用户登录区，最下面是版权信息。 任务实施 分析： 任 务3：热点和最新新闻显示 用户一般关注访问量最大的新闻和最新发布的新闻，这就是热点和最新新闻，在首页中应该显示这两类新闻。 任务实施 用GridView控件来分别显示热点新闻和最新新闻，首页内容页中热点和最新新闻的控件设置如图所示： 任 务3：热点和最新新闻显示 任务实施 对应的HTML代码如图： 任 务3：热点和最新新闻显示 任务实施 对应的后台代码如图： 任 务3：热点和最新新闻显示

“新闻发布系统”首页设计 搜索新闻 情景分析 任何一个网站系统的首页都是非常重要的，需要精心设计。首页一般顶部是Logo或主题图片，接下来是新闻类别导航，中间是主要信息区，一般有最新新闻列表和热点新闻列表，还要有搜索新闻以及用户登录区，最下面是版权信息。 任务实施 分析： 任 务4：搜索新闻 通过首页的新闻搜索框可将查询结果显示在搜索新闻页面中，搜索新闻页面也可以再次搜索新闻，并可以通过标题链接到新闻正文页。 任务实施 搜索新闻放到母版页中，搜索结果要显示在另一个内容页中，搜索新闻列表的控件设置如图所示： 任 务4：搜索新闻 任务实施 对应的HTML代码如图： 任 务4：搜索新闻

“新闻发布系统”首页设计 --新闻类别导航 情景分析 任何一个网站系统的首页都是非常重要的，需要精心设计。首页一般顶部是Logo或主题图片，接下来是新闻类别导航，中间是主要信息区，一般有最新新闻列表和热点新闻列表，还要有搜索新闻以及用户登录区，最下面是版权信息。 任务实施 分析： 任 务2：新闻类别导航 首页可以显示新闻类别，并且可以通过类别显示该类所有新闻，就像导航一样可以链接到各个类别页面中。 任务实施 新闻类别设计如图所示： 任 务2：新闻类别导航 任务实施 使用Repeater控件显示新闻类别，前台HTML代码： 任 务2：新闻类别导航

“新闻发布系统”首页设计 --页面设计 情景分析 任何一个网站系统的首页都是非常重要的，需要精心设计。首页一般顶部是Logo或主题图片，接下来是新闻类别导航，中间是主要信息区，一般有最新新闻列表和热点新闻列表，还要有搜索新闻以及用户登录区，最下面是版权信息。 知识准备 母版的使用 母版页的作用类似于DreamWeaver中的模板，扩展名是.master，母版页包含页面中所有固定不变的内容，母版页中的内容将显示在所有的页面中。由于这些元素的统一布局，保证了整个程序中所有页面外观的一致性。母版页仅仅是一个页面模板，单独的母版页是不能被用户所访问的。 知识准备 页面传值 QueryString：一种非常简单的传值方式，将传送的值显示在浏览器的地址栏中。在源页面的代码用Response.Redirect(URL)传值，在目的页面的代码使用Request.QueryString[“name”]取出URL地址中传递的值。 Session：不仅能传递简单数据类型，还能传递对象。在源页面的代码中创建需要传递的名称和值构造Session变量，在目的页面的代码使用Session变量取出传递的值。 Cook

“新闻发布系统”数据库设计 情景分析 系统设计的任务是从软件需求规格说明书出发，根据需求分析阶段确定的功能，设计软件系统的整体结构、划分功能模块、确定每个模块的实现算法以及编写具体的代码，形成软件的具体设计方法。系统设计是开发阶段中最重要的步骤，它是软件开发过程中质量得以保证的关键步骤，同时，系统设计又是将用户需求准确地转化为最终的软件产品的唯一途径。而且系统设计是后续开发步骤及软件维护工作的基础。如果没有设计，只能建立一个不稳定的系统。 知识准备 数据库设计的基本步骤 按照规范设计的方法，考虑到数据库及其应用系统开发的全过程，将数据库设计分为六个阶段。如图所示： 知识准备 数据库设计阶段的内容 设计步骤既是数据库设计的过程，也包括了数据库应用系统的设计过程。下面针对各阶段的涉及内容给出各阶段的设计描述。如图所示： 知识准备 数据库设计阶段的模式 数据库结构设计的不同阶段形成数据库的各级模式。如图所示： 知识准备 界面的设计原则： 简洁大方、方便用户操作 要求：网页的下载不超过10秒钟；尽量使用文本链接，减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有的内容和

* * * * * * * * * * * * * * * * * * “新闻发布系统”系统分析 工作情景 当今社会是一个信息化的社会，新闻作为信息的一部分有着信息量大，类别繁多，形式多样的特点，新闻发布系统的概念就此提出。新闻发布系统是一个基于新闻和内容管理的全站管理系统，是基于B/S模式的WEBMIS系统，它可以将杂乱无章的信息（包括文字，图片和影音）经过组织，合理有序地呈现在大家面前。主要功能有新闻的分类、管理、检索、浏览；新闻评论的管理和用户的管理等。此外，新闻系统还可以通过提供新闻服务的方式，把系统中的新闻提供给用户或其他站点。本单元主要是新闻发布系统的需求分析。 情景分析 需求分析是软件生命周期的一个关键阶段。在本阶段系统分析员和软件工程师要确定用户的需要，对用户的业务活动进行分析，明确在用户的业务环境中软件系统应该“做什么”，要达到什么样的效果。只有确定了这些，才能够确定系统必须具有的功能和性能，系统要求的运行环境，并预测系统的发展前景。 工作任务 以“新闻发布系统”项目为载体，设计教学内容。项目分解为2个工作任务： 【任务1】：系统功能分析 【任务2】：模块划分 知识准

情景分析 在新闻发布系统中，允许浏览新闻的用户登录系统并添加新闻，只需要经过审核的步骤即可发布，这样可以保证丰富的新闻来源。对于管理员提交的新闻，可以直接批准，其他用户提交的新闻需要经过管理员审核或修改的过程才能发布。新闻审核部分的功能主要有显示待审核新闻、审核通过并发布新闻。新闻的管理包括搜索新闻、显示新闻、修改新闻和删除新闻等功能。 任务实施 分析： 任 务2：新闻管理（查询、修改、删除） 在新闻管理页面，普通用户可以针对自己发布的新闻进行查询、修改和删除，管理员可以对数据库中所有的新闻进行查询、修改和删除。 任务实施 新闻管理主要包括按新闻状态查询新闻、新闻的修改和删除功能，新闻管理用户控件NewsManagement.ascx设计如图所示： 任 务2：新闻管理（查询、修改、删除） 任务实施 任 务2：新闻管理（查询、修改、删除） 新闻显示列表GridView数据绑定控件HTML代码如下： 任务实施 在新闻状态下拉列表中选择“可发布”或“未通过”， gvNews数据绑定控件中显示相应状态的新闻列表，主要实现代码如图： 任 务2：新闻管理（查询、修改、删除） 任务实施 点击Grid

任务实施 新闻审核主要是GridView控件中模板列的设计，对应的HTML代码如图： 任 务3：新闻审核 任务实施 新闻的审核有通过和不通过两种情况，审核通过的新闻会显示在新闻列表中，审核不通过不能显示，审核通过的具体代码如图： 任 务3：新闻审核 任务实施 新闻的审核有通过和不通过两种情况，审核通过的新闻会显示在新闻列表中，审核不通过不能显示，审核不通过的具体代码如图： 任 务3：新闻审核 * * * * * * * * * * * * * * * * * * “新闻发布系统”新闻管理 --新闻审核 情景分析 在新闻发布系统中，允许浏览新闻的用户登录系统并添加新闻，只需要经过审核的步骤即可发布，这样可以保证丰富的新闻来源。对于管理员提交的新闻，可以直接批准，其他用户提交的新闻需要经过管理员审核或修改的过程才能发布。新闻审核部分的功能主要有显示待审核新闻、审核通过并发布新闻。新闻的管理包括搜索新闻、显示新闻、修改新闻和删除新闻等功能。 任务实施 任 务3：新闻审核 分析： 对于普通用户提交的待审核的新闻，管理员可以根据新闻的内容等信息决定新闻是否通过，审核通过的新闻可以显示在首页新闻列