购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.5 主页面设计

本模块使用的数据表:tb_user Info(用户信息表)和tb_article(文章信息表)

访问博客时,首先进入博客主页面,主页面布局如图3.12所示。该页面包括功能导航区、推荐博客、推荐文章、热门博客、热门文章、主页信息及版权信息区。根据主页面布局图,博客首页面运行结果如图3.13所示。

图3.12 主页面布局

图3.13 博客首页运行效果

3.5.1 首页操作实现类

定义首页操作的类BlogMainAction。实现查询推荐用户、推荐文章、热门文章信息,BlogMainAction类的具体实现代码如下:

代码位置:光盘 \MR\03\src\com\mr\webiter\ BlogMainAction.java

3.5.2 首页显示的实现

在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 fk+5G3ky3ZoOiq9ZTxq0Tq6kw1lGw/2e2GBudtzfCOL/ZEnlLNQko3CM1EnF8jr6

点击中间区域
呼出菜单
上一章
目录
下一章
×