主页采用框架设计,上部为网站信息和当前用户信息;左边为RSS源列表;右边是主框架,用于显示阅读内容。左右框架大小可以拖动随意调整。
RSS树形列表:
dtree
RSS源显示采用dtree树形列表【5】展示,能够直观展示分组与分组中的RRS源。
文章列表:
以表格形式列出选定RSS订阅中的文章列表
文章内容:
文章内容
文章内容是直接展示文章原网页,保持原文排版,并防止被屏蔽。
添加与管理:
添加与管理都采用弹窗的方式,具体如下:
添加源
添加分组
管理分组
管理源
修改界面与添加界面相似,不再贴图。
提示信息(tips.jsp):
大部分提示信息由tips页面显示,举例如下:
注册提示
未登录提示
退出提示
……
提示页面会根据获取到的参数显示提示信息
功能设计
注册:
注册时,用户名、密码以及确认密码为必填项。由于密码不可见,设置确认密码可以防止输入错误。昵称为选填项,用以更加友好的显示用户名称,若为空显示时将以用户名代替。注册后将注册信息添加到数据库。同时应注意用户名不能和数据库中已有的用户名重复。
登录:
登录时首先获取用户名,连接数据库,查询该用户是否存在,若用户名不存在,跳转提示页面显示相应提示然后返回至登录页面。如果查找到,则再确认密码是否输入正确,密码正确则将用户uid存入session以备后面使用然后跳转至该用户主页。
主页:
主页采用框架布局,主要包括三个部分:
上部:显示网站logo,当前用户信息等。用户信息根据session中的uid从数据库中查询该用户的详细信息。若该用户昵称列表不为空则显示昵称,若为空则显示用户名。
左部:主要是RSS树形列表,详细见后文介绍;
右部:主要显示区域,显示文章列表及文章具体内容,详细见后文介绍。
RSS树形列表: