|
3.5 主页面设计 |
本模块使用的数据表:tb_user Info(用户信息表)和tb_article(文章信息表)
访问博客时,首先进入博客主页面,主页面布局如图3.12所示。该页面包括功能导航区、推荐博客、推荐文章、热门博客、热门文章、主页信息及版权信息区。根据主页面布局图,博客首页面运行结果如图3.13所示。
图3.12 主页面布局
图3.13 博客首页运行效果
定义首页操作的类BlogMainAction。实现查询推荐用户、推荐文章、热门文章信息,BlogMainAction类的具体实现代码如下:
代码位置:光盘 \MR\03\src\com\mr\webiter\ BlogMainAction.java
在blog_main.jsp页面中,将获取存储在request对象范围内的各种数据并显示在页面中,下面将分别介绍各个部分。
(1)导航区域,具体代码如下:
代码位置:光盘 \MR\03\WebRoot\blog _main.jsp
(2)推荐博客区域,具体代码如下:
代码位置:光盘 \MR\03\WebRoot\blog _main.jsp
(3)版权区域,具体代码如下:
代码位置:光盘 \MR\03\WebRoot\blog _main.jsp