1.7 帖子列表显示及发帖模块设计
1.7.1 帖子列表显示及发帖模块概述
当用户单击查看某一个子专区的帖子时，即有一个页面专门列出所属该专区的所有帖子的数据列表。并且，可以支持在该专区下发布一个新的帖子。帖子列表显示效果如图1.13所示。
图1.13 帖子列表显示效果
用户发帖页面效果如图1.14所示。
图1.14 用户发帖
1.7.2 帖子列表显示及发帖模块技术分析
实现帖子列表显示及发帖模块时，用到了Razor视图引擎中的@符号语法标记、Html帮助器和Model对象，关于@符号语法标记、Html帮助器的讲解，请参见1.6.2节，这里主要对Model对象进行讲解。
每个视图都有自己的Model属性，它是用于存放控制器传递过来的Model实例对象，即实现了强类型。强类型的好处之一是类型安全，如果在绑定视图页面数据时，写错了Model对象的某个成员名，编译器会报错；另一个好处是Visual Studio中的代码智能提示功能。它的调用方式如下：
@model MySite.Models.Product
上面代码是指在视图中引入了控制器方法传递过来的实例对象，通过在视图页面中使用Model即可访问MySite.Models.Product中的成员：
<span>@Model.ID</span>
这里应该注意的是在引用时，model的m是小写字母，在页面中使用时，Model的M是大写。
1.7.3 帖子列表显示及发帖模块实现过程
本模块使用的数据表：tb_ForumMain、tb_ForumInfoStatus、tb_ForumClassify、tb_ForumArea、tb_UsersByCustomer
1. 实现读取帖子列表
首先，应该分析加载一个子专区的帖子列表都需要哪些条件，然后根据数据库表的结构以及页面需求来制定参数列表。则参照表结构可以确定，主帖列表需要提供一个子专区的ID才能得到所属的主帖数据。由于页面中是以列表的形式展示的所属主帖信息，所以，数据分页也是必要的功能。这里将分页的页面作为Action方法参数，而每页显示的数据条数则可以固定写程序中。
打开Home控制器，在类下面定义MainContent方法，按照需求定义id和CurrentPageindex参数。方法定义如下：
例程26 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs
数据加载完成后，接着就是设计帖子列表页面，在Home控制器下创建MainContent.cshtml视图文件，然后首先定义专区Logo、标题和版主的布局标签，代码如下：
例程27 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
然后按顺序定义子专区各项统计信息的布局标签，代码如下：
例程28 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
定义数据表格时，需要注意权限的控制。对于有权限的用户后台所返回的ViewBag.IsLimit值应为true，所以，在绑定表格标题和数据主体时应使用if判断ViewBag.IsLimit的权限状态。布局代码如下：
例程29 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
最后绑定分页控件，代码如下：
例程30 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
没有登录的用户会显示如图1.15所示的列表页面。登录后的用户会显示图1.16所示的列表页面。
图1.15 未登录用户显示列表
图1.16 已登录用户显示列表
2. 实现发帖功能
发帖功能只限于登录的用户，普通游客是无法进行直接发帖的。通过判断用户登录状态，设置富文本编辑器的显示状态即可实现，编辑器布局标签如下：
例程31 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
富文本编辑器采用第三方控件实现，所以需要引用第三方js文件。然后通过自定义js代码来控制编辑器的显示状态，代码如下：
例程32 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml
同时，在页面中还定义了其他js方法，这些方法实现了数据的提交或更改数据状态等操作，分别为subForm提交发帖内容、SettingRecommend设置推荐、Examine审核发帖、Delrecord删除帖子。
用户登录后富文本编辑器为可编辑状态，效果如图1.17所示。
图1.17 用户发帖
3. 读取精华帖子列表
精华帖子是由有权限的管理人员在众多帖子中标记为精华帖，因此类帖内容丰富、阅读价值较高、图文并茂以及原创等特点，所以被晋升为精华帖。
读取精华帖主要在主帖列表中查询标记状态为精华的帖子，控制器方法代码定义如下：
例程33 代码位置：资源包\TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs
接着创建Recommend.cshtml视图文件，文件布局代码与专区帖子列表大致相同，所以这里就不在列出。运行程序，查看精华帖列表页，将看到如图1.18所示的列表页面。
图1.18 精华帖列表页