留言板系统设计
说明书
2017年5月
留言板系统项目组提供
留言板系统设计
说明书
1引言
1.1编写目的
本阶段主要工作任务是在项目分析阶段的基础上，经过网页设计人员的研讨，形成网站的整体设计方案（草图）。可视化设计方案（草图）的产生，可以帮助设计者解释其对设计目标的设计看法，也是设计团队间最佳的沟通介质。
1.2背景
根据客户的需求分析，结合目前互联网上留言板系统的基本功能和页面设计。
2 设计目标
根据客户的需求分析，结合目前互联网上留言板系统的基本功能和页面设计，特制定以下设计目标：
1.页面设计要依据客户需求，严格按照XHTML规范设计。
2.页面颜搭配合理，风格统一，效果好。
3.页面布局合理，层次清晰，便于程序开发人员修改。
4.文件、文件夹、样式表、XHTML元素命名规划，见名知义。
5.文件结构、页面结构清晰、规范。
3 业务流程图
由于留言板系统包括两种操作用户：管理员和普通用户。因此从两个用户角度分析业务流程。管理员用户成功登录后，进入后台管理界面，实现对留言的相关管理操作；普通用户从留言板主页进入，可以发布留言和查看留言。由于本项目主要是前台页面的实现，后台功能业务流程在第4章讨论。本项目业务页面设计说明
流程图，如图1所示。
图1 业务流程图
4网页效果图
4.1 留言板主页面
留言板主页面是网络用户访问留言板系统遇到的第一个网页，从这个页面可以跳转到我要留言页面、查看留言页面和留言管理页面，主页页面效果，如图2所示。
图2 留言板主页面
4.2 查看留言页面
查看留言页面能分页显示用户留言信息，主要包括留言主题、留言内容、回复内容、留言者名称、用户头像、留言时间以及用户一些其他的状态信息，例如，留言IP、用户主页、等信息，如图3所示。
图3查看留言界面
4.3 发布留言页面
发布留言页面，主要采用XHTML表单的形式呈现，主要包括留言昵称、留言标题、、留言QQ、电话、来自哪里、选择头像、留言表情、留言内容等元素，用户可以通过表单元素输入留言相关信息，如图4所示。
图4 发表留言界面
4.4 后台管理页面
后台管理页面主要又三个部分组成，上部为LOGO部分，下部左边为管理导航，右边为
管理信息显示页面，如图5所示。
图5 后台管理界面
5 构建开发环境
1.网站开发环境：Windows、IE和Sublime text3开发环境。
2.网站开发语言：XHTML。
3.开发环境运行平台：Windows操作系统。
4.浏览器：当前主流浏览器。
5.分辨率：最佳效果1024×768像素。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。