1、 图片视频展功能需求说明 3
2、 功能需求描述 3
2.1. 查看图片视频展功能 3
2.2. 图片视频展搜索功能 3
2.3. 图片视频展发布功能 4
2.4. 图片视频展管理功能 4
3、 系统模块结构图 4
3.1. 图片视频展查看模块 5
3.2. 图片视频展发布模块 5
3.3. 图片视频展管理模块 5
4、 界面设计 6
4.1. 查看图片视频展页面（首页）设计 6
4.2. 查看图片新闻详细内容页面设计 7
4.3. 查看视频新闻详细内容页面设计 8
4.4. 图片发布页面设计 8
4.5. 视频发布页面设计 9
4.6. 图片视频展管理页面设计 101、 图片视频展功能需求说明
在门户主页，新闻中心、常用信息旁边，新增加“图片视频展”功能
图片视频展与通用的网站新浪http://news.sina.com.cn/photo/ 显示方式类似，分栏目类形排列，图片上传时一定要可以批量上传，上传完后可再编辑图片显示标题、描述等内容；考虑到视频比较大，上传时可单个上传视频文件，在上传时提示截取一幅视频文件中的图片做为介绍标题，尽量实现批量上传；
2、 功能需求描述
图片视频展的主要目的是为用户提供一个方便的、可快速浏览当前最新图片视频展的界面，并且也可以随时发布最新的讯息以达到信息共享的目的。因此要为用户提供一个方便易用的使用界面，提供发布、修改、删除、管理系统维护功能。
图片视频展主要需要实现以下一些基本功能。
2.1. 查看图片视频展功能
任何用户均可以使用查看图片视频展功能。用户通过在门户主页点击“图片视频展”系统导航栏单击“标题”，可以进入查看该标题图片视频展页面，门户首页中“图片视频展”栏目最多显示8条最新图片视频展标题，用户可通过点击“更多”查看所有图片视频展。
查看图片视频展页面功能显示所有较图片视频信息，用户可通过单击栏目分类查看该分类中的所有图片视频展，用户通过单击每张图片、标题可以查看到详细内容。
2.2. 图片视频展搜索功能
任何用户均可以使用图片视频展搜索功能。在图片视频展查看页面上，用户可以通过“图片视频展”搜索，输入关键字来搜索符合条件的图片视频。这里提供的是模糊搜索功能，即只要在查询关键字段中输入的关键内容就认为是符合查询条件的记录。查询结果以分页的方式显示。
2.3. 图片视频展发布功能
只有指定权限用户才可以使用图片视频展发布功能。用户通过在新建事项菜单栏单击“图片视频展发布”进入图片视频展发布页面。图片视频展发布时，需要填写图片视频的标题、内容（丰富的内容编辑功能，可视化内容编辑）、上传图片(可批量上传图片)、上传视频，发布者姓名和发布时间取当前用户登录名和系统时间，不需要用户填写。
2.4. 图片视频展管理功能
当用户作为管理员登录系统后，可以进行管理操作，包括对现有图片视频标题、内容的修改、删除、前后顺序排列设置。
3、 系统模块结构图
图片视频展发布系统可以分为三个模块：图片视频展查看模块、图片视频展发布模块和图片视频展管理模块。
模块 功能描述
图片视频展查看 查看图片视频展
查看详细内容
图片视频展搜索
图片视频展发布模块 图片发布
视频发布
图片视频展管理模块 修改图片信息
修改视频信息
删除图片信息
删除视频信息
图片信息前后置顶顺序排列设置
视频信息前后置顶顺序排列设置
栏目分类管理3.1. 图片视频展查看模块
图片视频展查看模块提供分页显示全部图片视频展内容的功能，用户通过单击每张图片视频展的图片、视频、标题查看到本张图片的详细内容。还可以通过图片视频展搜索功能输入查询关键字来搜索符合条件的图片、视频浏览。图片视频展查看模块功能树如下；
图片视频展查看模块 显示图片视频内容
查看详细内容
图片视频搜索
3.2. 图片视频展发布模块
图片视频展发布模块提供发布最新图片视频消息的功能；
图片视频展发布模块 图片信息发布
视频信息发布3.3. 图片视频展管理模块
图片视频展管理模块包括对现有图片视频标题、内容的修改、删除、前后顺序排列设置，图片视频展栏目定制（如：热点关注、纪实、风光、精彩回放等），选择进入该栏目后，可增加图片信息、视频信息到该栏目中，并可设置前后顺序排列。只有指定权限用户才可以使用图片视频展管理功能，图片视频展管理模块功能树如图：
图片视频展管理模块 修改图片信息
修改视频信息
删除图片信息
删除视频信息
图片信息前后置顶顺序排列设置
图片信息前后置顶顺序排列设置
栏目管理4、 界面设计
图片视频展发布系统的界面设计遵循简洁美观、方便易用的基本原则。系统界面具体设计如下；
4.1. 查看图片视频展页面（首页）设计
热点关注：显示热点关注信息，该栏目为滚动显示1－10条最新热点图片信息标题，热点图片信息显示在中间区域（显示图片标题的第一幅图片）,右侧显示该图片信息的标题、描述内容、发布时间，用户可点击自动播放、暂停播放（点击暂停播放后自动停止，热点关注也自动停止）控制；
图片视频展搜索：用户可以通过“图片视频展”搜索，输入关键字可搜索符合条件的信息；
视频排行：显示5条点击率最多的视频信息，在没有用户点击之前，按最新上传的视频信息时间排行，如果视频信息包含置顶标识，自动将包含置顶标识的信息排在第一位；
精彩回放：图片视频管理员在管理界面，可以设置图片或视频信息放置在精彩回放栏目；
频道精选（下方区域）：显示栏目信息，栏目信息的下方显示10张精选的图片（显示来源为所有图片信息中排列前10位的图片标题中的第一幅图片）；
图片排行：显示10条点击率最多的图片新闻，在没有点击率之前，显示最新上传的图片信息；
4.2. 查看图片新闻详细内容页面设计
图片新闻详细内容具体设计效果如下图（第一级页面）
图片标题
显示图片上传用户名 时间 查看该标题全部图片第一张大图图片描述
第二张大图图片描述
第三张大图图片描述…………………………………………………………………………………
图片新闻详细内容：用户点击“查看该标题全部图片”后，显示该图片新闻标所有图片（第二级页面）
图片新闻标题
显示图片新闻上传用户名 时间第一张小图图片描述
第二张小图图片描述
第三张小图图片描述
第四张小图图片描述
第五张小图图片描述
第六张小图图片描述 第七张小图图片描述 第八张小图图片描述 第九张小图图片描述 第十张小图………… 上一页 下一页用户点击大图、小图后显示的查看页面（第三级页面）
图片新闻标题
显示图片上传用户名 时间图片（实际图片大小）图片描述内容
上一幅图 下一幅图4.3. 查看视频新闻详细内容页面设计视频标题
显示视频上传用户名 时间 查看该标题全部视频视频播放窗口（或视频下载地址）视频描述:
视频详细内容
4.4. 图片发布页面设计图片发布
标题（填写项）：
栏目：（可选项，列出图片视频展管理功能中设置的栏目信息）
图片上传： 描述：图片上传： 描述：添加图片上传
图片详细内容：
图片上传： 批量上传
点击“添加图片上传”，自动增加一项图片上传、描述栏目，最多可单独增加10项，当满足10项时，“添加图片上传”功能隐藏，提示用户您增加的图片已有10项，如需要上传更多的图片，请点击比量上传；
4.5. 视频发布页面设计视频发布
标题（填写项）：
栏目：（可选项，列出图片视频展管理功能中设置的栏目信息）
视频上传： 描述：添加视频上传
视频详细内容
视频上传： 批量上传
点击“添加视频上传”，自动增加一项视频上传、描述栏目，最多可单独增加5项，当满足5项时，“添加视频上传”功能隐藏，提示用户您增加的视频已有5项，如需要上传更多的视频，请点击批量上传；4.6. 图片视频展管理页面设计图片视频展管理
栏目分类
管理 热点关注 图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题4…………………….
…………………………………..
图片标题10……………………. 移除
移除
移除
移除
移除
移除 1
2
3
4
..
10 更改名称 添加图片标题 添加视频标题 保存 取消
频道精选 图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题4………………………
…………………………………..
图片标题10……………………. 移除
移除
移除
移除
移除
移除 1
2
3
4
..
10 更改名称 添加图片标题 添加视频标题 保存 取消
精彩回放 图片标题1………………………
视频标题2……………………… 移除
移除 1
2 更改名称 添加图片标题 添加视频标题 保存 取消
添加栏目分类所有图片
图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题……………………….. 修改 删除 置顶
修改 删除 置顶
修改 删除 置顶
修改 删除 置顶 1
2
3
4所有视频
视频标题1………………………
视频标题2………………………
视频标题………………………….. 修改 删除 置顶
修改 删除 置顶
修改 删除 置顶 1
2
3
热点关注：
栏目名称可更改，但是不能删除，固定不能超过10个图片标题（加入到热点关注栏目的图片标题，不能再加入其它栏目分类中；
点击“移除”只是把该图片标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
频道精选：
栏目名称可更改，但是不能删除，固定不能超过10个图片标题（加入到频道精选的图片标题，不能再加入其它栏目分类中）；
点击“移除”只是把该图片标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
精彩回放：
栏目名称可更改，但是不能删除，固定为不能超过2个图片标题或2个视频标题（加入到精彩回放的图片、视频标题，不能再加入其它栏目分类中）；
点击“移除”只是把该图片、视频标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
增加栏目分类：
可随意增加栏目分类名称，新增加的栏目分类可更改名称，也可删除新增加的栏目分类；
在删除栏目分时，如果有图片、视频标题在该栏目中，提示用户是否确认删除，点击确认也可删除，原该栏目中的所有图片、视频标题信息自动返回到所有图片、所有视频栏目中；
所有图片：
显示所有未加入栏目分类的图片标题，排列规则默认按时间先后排列，新发布的图片标题自动排列在第一位，如果有的图片标题属于“置顶”标识，自动将最新发布的图片标题排列在置顶图片标题的后一位；
点击“修改”：进入修改图片页面，进行修改；
点击“删除”：删除当前图片标题与该标题中的所有内容，在删除前提示用户是否确定删除，删除后将不能恢复；
点击“置顶”，自动把该图片标题置顶在第一位，在多幅图片标题属于置顶状态下，自动将最新点击“置顶”的图片标题放在第一位；已经置顶的图片标题，显示“取消置顶”标识，用户点击取消置顶后，自动将该图片标题放置在原来位置（按发布时间排列）；
所有视频标题：
显示所有未加入栏目分类的视频标题，排列规则默认按时间先后排列，新发布的视频标题自动排列在第一位，如果有的视频标题属于置顶标识，自动排列在置顶视频标题的后一位；；
点击“修改”：进入修改视频页面，进行修改；
点击“删除”：删除当前视频标题与该标题中的所有内容，在删除前提示用户是否确定删除，删除后将不能恢复；
点击“置顶”，自动把该视频标题置顶在第一位，在多幅视频标题属于置顶状态下，自动将最新点击“置顶”的视频标题放在第一位；已经置顶的视频新闻，显示“取消置顶”标识，用户点击取消置顶后，自动将该视频标题放置在原来位置（按发布时间排列）；
2、 功能需求描述 3
2.1. 查看图片视频展功能 3
2.2. 图片视频展搜索功能 3
2.3. 图片视频展发布功能 4
2.4. 图片视频展管理功能 4
3、 系统模块结构图 4
3.1. 图片视频展查看模块 5
3.2. 图片视频展发布模块 5
3.3. 图片视频展管理模块 5
4、 界面设计 6
4.1. 查看图片视频展页面（首页）设计 6
4.2. 查看图片新闻详细内容页面设计 7
4.3. 查看视频新闻详细内容页面设计 8
4.4. 图片发布页面设计 8
4.5. 视频发布页面设计 9
4.6. 图片视频展管理页面设计 101、 图片视频展功能需求说明
在门户主页，新闻中心、常用信息旁边，新增加“图片视频展”功能
图片视频展与通用的网站新浪http://news.sina.com.cn/photo/ 显示方式类似，分栏目类形排列，图片上传时一定要可以批量上传，上传完后可再编辑图片显示标题、描述等内容；考虑到视频比较大，上传时可单个上传视频文件，在上传时提示截取一幅视频文件中的图片做为介绍标题，尽量实现批量上传；
2、 功能需求描述
图片视频展的主要目的是为用户提供一个方便的、可快速浏览当前最新图片视频展的界面，并且也可以随时发布最新的讯息以达到信息共享的目的。因此要为用户提供一个方便易用的使用界面，提供发布、修改、删除、管理系统维护功能。
图片视频展主要需要实现以下一些基本功能。
2.1. 查看图片视频展功能
任何用户均可以使用查看图片视频展功能。用户通过在门户主页点击“图片视频展”系统导航栏单击“标题”，可以进入查看该标题图片视频展页面，门户首页中“图片视频展”栏目最多显示8条最新图片视频展标题，用户可通过点击“更多”查看所有图片视频展。
查看图片视频展页面功能显示所有较图片视频信息，用户可通过单击栏目分类查看该分类中的所有图片视频展，用户通过单击每张图片、标题可以查看到详细内容。
2.2. 图片视频展搜索功能
任何用户均可以使用图片视频展搜索功能。在图片视频展查看页面上，用户可以通过“图片视频展”搜索，输入关键字来搜索符合条件的图片视频。这里提供的是模糊搜索功能，即只要在查询关键字段中输入的关键内容就认为是符合查询条件的记录。查询结果以分页的方式显示。
2.3. 图片视频展发布功能
只有指定权限用户才可以使用图片视频展发布功能。用户通过在新建事项菜单栏单击“图片视频展发布”进入图片视频展发布页面。图片视频展发布时，需要填写图片视频的标题、内容（丰富的内容编辑功能，可视化内容编辑）、上传图片(可批量上传图片)、上传视频，发布者姓名和发布时间取当前用户登录名和系统时间，不需要用户填写。
2.4. 图片视频展管理功能
当用户作为管理员登录系统后，可以进行管理操作，包括对现有图片视频标题、内容的修改、删除、前后顺序排列设置。
3、 系统模块结构图
图片视频展发布系统可以分为三个模块：图片视频展查看模块、图片视频展发布模块和图片视频展管理模块。
模块 功能描述
图片视频展查看 查看图片视频展
查看详细内容
图片视频展搜索
图片视频展发布模块 图片发布
视频发布
图片视频展管理模块 修改图片信息
修改视频信息
删除图片信息
删除视频信息
图片信息前后置顶顺序排列设置
视频信息前后置顶顺序排列设置
栏目分类管理3.1. 图片视频展查看模块
图片视频展查看模块提供分页显示全部图片视频展内容的功能，用户通过单击每张图片视频展的图片、视频、标题查看到本张图片的详细内容。还可以通过图片视频展搜索功能输入查询关键字来搜索符合条件的图片、视频浏览。图片视频展查看模块功能树如下；
图片视频展查看模块 显示图片视频内容
查看详细内容
图片视频搜索
3.2. 图片视频展发布模块
图片视频展发布模块提供发布最新图片视频消息的功能；
图片视频展发布模块 图片信息发布
视频信息发布3.3. 图片视频展管理模块
图片视频展管理模块包括对现有图片视频标题、内容的修改、删除、前后顺序排列设置，图片视频展栏目定制（如：热点关注、纪实、风光、精彩回放等），选择进入该栏目后，可增加图片信息、视频信息到该栏目中，并可设置前后顺序排列。只有指定权限用户才可以使用图片视频展管理功能，图片视频展管理模块功能树如图：
图片视频展管理模块 修改图片信息
修改视频信息
删除图片信息
删除视频信息
图片信息前后置顶顺序排列设置
图片信息前后置顶顺序排列设置
栏目管理4、 界面设计
图片视频展发布系统的界面设计遵循简洁美观、方便易用的基本原则。系统界面具体设计如下；
4.1. 查看图片视频展页面（首页）设计
热点关注：显示热点关注信息，该栏目为滚动显示1－10条最新热点图片信息标题，热点图片信息显示在中间区域（显示图片标题的第一幅图片）,右侧显示该图片信息的标题、描述内容、发布时间，用户可点击自动播放、暂停播放（点击暂停播放后自动停止，热点关注也自动停止）控制；
图片视频展搜索：用户可以通过“图片视频展”搜索，输入关键字可搜索符合条件的信息；
视频排行：显示5条点击率最多的视频信息，在没有用户点击之前，按最新上传的视频信息时间排行，如果视频信息包含置顶标识，自动将包含置顶标识的信息排在第一位；
精彩回放：图片视频管理员在管理界面，可以设置图片或视频信息放置在精彩回放栏目；
频道精选（下方区域）：显示栏目信息，栏目信息的下方显示10张精选的图片（显示来源为所有图片信息中排列前10位的图片标题中的第一幅图片）；
图片排行：显示10条点击率最多的图片新闻，在没有点击率之前，显示最新上传的图片信息；
4.2. 查看图片新闻详细内容页面设计
图片新闻详细内容具体设计效果如下图（第一级页面）
图片标题
显示图片上传用户名 时间 查看该标题全部图片第一张大图图片描述
第二张大图图片描述
第三张大图图片描述…………………………………………………………………………………
图片新闻详细内容：用户点击“查看该标题全部图片”后，显示该图片新闻标所有图片（第二级页面）
图片新闻标题
显示图片新闻上传用户名 时间第一张小图图片描述
第二张小图图片描述
第三张小图图片描述
第四张小图图片描述
第五张小图图片描述
第六张小图图片描述 第七张小图图片描述 第八张小图图片描述 第九张小图图片描述 第十张小图………… 上一页 下一页用户点击大图、小图后显示的查看页面（第三级页面）
图片新闻标题
显示图片上传用户名 时间图片（实际图片大小）图片描述内容
上一幅图 下一幅图4.3. 查看视频新闻详细内容页面设计视频标题
显示视频上传用户名 时间 查看该标题全部视频视频播放窗口（或视频下载地址）视频描述:
视频详细内容
4.4. 图片发布页面设计图片发布
标题（填写项）：
栏目：（可选项，列出图片视频展管理功能中设置的栏目信息）
图片上传： 描述：图片上传： 描述：添加图片上传
图片详细内容：
图片上传： 批量上传
点击“添加图片上传”，自动增加一项图片上传、描述栏目，最多可单独增加10项，当满足10项时，“添加图片上传”功能隐藏，提示用户您增加的图片已有10项，如需要上传更多的图片，请点击比量上传；
4.5. 视频发布页面设计视频发布
标题（填写项）：
栏目：（可选项，列出图片视频展管理功能中设置的栏目信息）
视频上传： 描述：添加视频上传
视频详细内容
视频上传： 批量上传
点击“添加视频上传”，自动增加一项视频上传、描述栏目，最多可单独增加5项，当满足5项时，“添加视频上传”功能隐藏，提示用户您增加的视频已有5项，如需要上传更多的视频，请点击批量上传；4.6. 图片视频展管理页面设计图片视频展管理
栏目分类
管理 热点关注 图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题4…………………….
…………………………………..
图片标题10……………………. 移除
移除
移除
移除
移除
移除 1
2
3
4
..
10 更改名称 添加图片标题 添加视频标题 保存 取消
频道精选 图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题4………………………
…………………………………..
图片标题10……………………. 移除
移除
移除
移除
移除
移除 1
2
3
4
..
10 更改名称 添加图片标题 添加视频标题 保存 取消
精彩回放 图片标题1………………………
视频标题2……………………… 移除
移除 1
2 更改名称 添加图片标题 添加视频标题 保存 取消
添加栏目分类所有图片
图片标题1………………………
图片标题2………………………
图片标题3………………………
图片标题……………………….. 修改 删除 置顶
修改 删除 置顶
修改 删除 置顶
修改 删除 置顶 1
2
3
4所有视频
视频标题1………………………
视频标题2………………………
视频标题………………………….. 修改 删除 置顶
修改 删除 置顶
修改 删除 置顶 1
2
3
热点关注：
栏目名称可更改，但是不能删除，固定不能超过10个图片标题（加入到热点关注栏目的图片标题，不能再加入其它栏目分类中；
点击“移除”只是把该图片标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
频道精选：
栏目名称可更改，但是不能删除，固定不能超过10个图片标题（加入到频道精选的图片标题，不能再加入其它栏目分类中）；
点击“移除”只是把该图片标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
精彩回放：
栏目名称可更改，但是不能删除，固定为不能超过2个图片标题或2个视频标题（加入到精彩回放的图片、视频标题，不能再加入其它栏目分类中）；
点击“移除”只是把该图片、视频标题从栏目中移除，并不是真正删除；
顺序排列：用户输入数字自定设置；例：排在第10的新闻标题，把顺序改1，点击保存之后，自动排列在第1位，原来排在第1位的图片标题，自动往后1位，排在第2列；
增加栏目分类：
可随意增加栏目分类名称，新增加的栏目分类可更改名称，也可删除新增加的栏目分类；
在删除栏目分时，如果有图片、视频标题在该栏目中，提示用户是否确认删除，点击确认也可删除，原该栏目中的所有图片、视频标题信息自动返回到所有图片、所有视频栏目中；
所有图片：
显示所有未加入栏目分类的图片标题，排列规则默认按时间先后排列，新发布的图片标题自动排列在第一位，如果有的图片标题属于“置顶”标识，自动将最新发布的图片标题排列在置顶图片标题的后一位；
点击“修改”：进入修改图片页面，进行修改；
点击“删除”：删除当前图片标题与该标题中的所有内容，在删除前提示用户是否确定删除，删除后将不能恢复；
点击“置顶”，自动把该图片标题置顶在第一位，在多幅图片标题属于置顶状态下，自动将最新点击“置顶”的图片标题放在第一位；已经置顶的图片标题，显示“取消置顶”标识，用户点击取消置顶后，自动将该图片标题放置在原来位置（按发布时间排列）；
所有视频标题：
显示所有未加入栏目分类的视频标题，排列规则默认按时间先后排列，新发布的视频标题自动排列在第一位，如果有的视频标题属于置顶标识，自动排列在置顶视频标题的后一位；；
点击“修改”：进入修改视频页面，进行修改；
点击“删除”：删除当前视频标题与该标题中的所有内容，在删除前提示用户是否确定删除，删除后将不能恢复；
点击“置顶”，自动把该视频标题置顶在第一位，在多幅视频标题属于置顶状态下，自动将最新点击“置顶”的视频标题放在第一位；已经置顶的视频新闻，显示“取消置顶”标识，用户点击取消置顶后，自动将该视频标题放置在原来位置（按发布时间排列）；
解决方案 »
免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货