iFRienD学生社交网络系统设计说明书

系统设计 10 级信息管理与信息系 统 20101710112 吕熹阳 主代码 20101710115 宋奕霖 主美工 文档编辑 iFRienDiFRienD 学生社交网络系统学生社交网络系统 设计说明书 2 目 录 一 系统简介 3 二 系统配置 3 三 系统功能 3 四 系统组成 5 五 数据库设计 5 六 系统设置知识点 6 七 使用说明书 10 3 一 系统简介 iFRienD 这个名字有两层意思 1 I Friend 说明这个网络是 提供给我与朋友交流的一个平台 2 I 的谐音为 爱 意思 是我与朋友间的情意长存 iFRienD 给每个注册用户提供了一 个个人主页可以随时分享自己的心情 同时也可以通过搜索找 到自己的朋友或者认识新的朋友 并可以时刻记录下生活的点 滴 就像我们主页里写到的 在这里 您可以 跟朋友分享生 活点滴 沉淀生活每份感悟 为生活寻找新的色彩 二 系统配置 iFRienD系统通过 tomcat 服务器发布 连接使用 access 数 据库 使用前请进入控制面板 管理工具 数据源 ODBC 系统 DNS 里添加名称为 iFriend 上交的网络工程的 webroot 目 录 的数据源 另外 由于电脑分辨率的问题 可能会导 致网站页面变形 我们在做美工处理时使用的电脑屏幕为 14 寸 分辨率1280X720 google chrome 浏览器 为了使它能完整显示 可能在 Dreamweaver 里打开会出现排列混乱 三 系统功能 1 未注册用户 进入首页注册资料完善 个人主页 4 2 用户 4 备注 登录 进入首页 编辑修改个人资料密码 进入聊天室 好友管理 查询 添加 心情状态发布 留言板留言 5 由于技术的不完善 dreamweaver 相关知识有限 在网页美工设计 时多是一边探索一边进行 所以很多部分用层进行排版 由于想要 所有的用户都能看到个性化的字体 所以很多地方都使用了图片 大量的图片可能会导致网页加载速度变慢 聊天室还有部分功能未 能全部实现 有待加强 四 系统组成 五 数据库设计 1 好友列表 FriendList 字段设置 Email FriendName FriendEmail FriendSchool 2 我的心情 MyMood 字段设置 Email MyMood Date 3 个人资料 PI iFRienD 1 个数据库 5 个数据表 11 个 JSP 界面 1 个 Javabean 14 个主要界面 1 登陆界面 login jsp 2 注册界面 register jsp 3 注册成功界面 AddUser jsp 4 完善个人资料界面 Information jsp 5 个人资料界面 PI jsp 6 个人主页界面 包括心情 HomePage jsp 7 公共聊天室 PublicCR jsp 8 好友列表 FriendList jsp 9 添加好友界面 UserList jsp 10 个人信息检查界面 Check jsp 11 错误界面 Error jsp 12 写心情界面 MyMood jsp 13 留言成功界面 Message jsp 14 留言显示界面 MessageList jsp 15 个人信息修改界面 MyEdit jsp 1 个处理界面 1 好友添加界面 AddFriend jsp 6 字段设置 Email Name Sex Age Birthday Province School Telephone Character Constellation 4 用户列表 UserList 字段设置 Email PassWord 5 留言列表 Message 字段设置 word name 六 系统设置知识点 1 美工 a 网页设计的素材大部分是用 photoshop 制作 比如各种 按钮 背景图片的制作 花费了大量时间 色彩的搭 配和布局参考某个网站给出的参数 2f6178 e3f0f6 为主体网页的两种配色 b 背景图片大小为 1083 宽 高度按照不同的需要都有不 同 按钮大小为 90 30 80 30 部分根据显示效果不同 有调整 c 考虑到老师屏幕的显示问题 背景图片 bg 1 jpg bg 10 jpg 在添加细节装饰的时候采取了适合屏幕的大小 但是整体的图可能会不完整 比如 7 d 在使用按钮的动态跳转的时候在网上查询了一段 JS 代 码 具体应用在 login jsp 的登录跳转按钮 e 网页上显示的所有个性化的字体都为图片显示 可能会 导致网页速度加载变慢 但目前不会别的方法使所有的 用户都能看到个性化的字体 f 网页的布局大多数借助了层标签 还有表格 2 代码方面 1 登陆界面 login jsp 该页面上的用户登录通过表单传递参数给 8 servlet login javalogin java 实现用户登录的验证 2 注册界面 register jsp 该界面上的用户注册通过传递参数给 SERVELET 实现用户是 否曾经注册过的验证 添加新用户信息到数据库 点击提交 转到注册成功的界面 已经注册过的用户能够通过链接跳到 登陆界面 login jsplogin jsp 3 注册成功界面 AddUser jsp 该界面提示用户注册成功 提示本网站有多少个用户 可以在页面上点击链接继续完善信息的页面 information jspinformation jsp 或者进入个人主页 HomePage jspHomePage jsp 4 完善个人资料界面 Information jsp 用户在此界面能够完善自己的个人信息 存到数据库表 userlistuserlist 信息用于被其他用户了解 加为好友 提交 后的信息能在个人资料界面显示 5 个人资料界面 PI jsp 个人资料界面用于显示用户填写的个人信息 该页面运用 JavaBeanJavaBean PI javaPI java 实现了从数据库调取数据到页面上显 示的功能 6 个人主页界面 包括心情 HomePage jsp 在个人主页显示用户的心情 通过 我要写心情 链接 该 页面运用 JavaBean MyMood java JavaBean MyMood java 实现了对心情的添加 本 9 界面有 session 验证用户的用户名和密码 只有成功登陆的 用户才能进入 7 公共聊天室 PublicCR jsp 在本界面能实现在线的用户一起聊天的功能 能显示用户发 信息的时间 用户名等 该页面使用 session 实现了一个简 易的聊天室的功能 本界面有 session 验证用户的用户名和 密码 只有成功登陆的用户才能进入 8 好友列表 FriendList jsp 本界面用于显示用户添加的好友显示数据库表 FriendList 的内容 该页面使用了数据的分页显示 能 够链接到用户列表界面 UserList jsp 9 添加好友界面 UserList jsp 本界面显示所有用户的信息 能够添加用户到自己的好友列 表 如果用户已经是好友会提示添加失败 10 个人信息检查界面 Check jsp 11 错误界面 Error jsp 由于登陆界面登陆失败后跳转到这界面 提示用户要重新登 陆 12 写心情界面 MyMood jsp 10 13 留言成功界面 Message jsp 14 留言显示界面 MessageList jsp 该页面运用 JavaBean Message java JavaBean Message java 实现了对留言的添加 本界面有 session 验证用户的用户名和密码 只有成功登陆 的用户才能进入 该页面使用了数据的分页显示 七 使用说明书 第一次进入 IFriend 界面请先注册 因为我们还没有开发 给游客进行交流的界面 请不要进行重复注册 每一个邮箱对 应的是唯一的用户 注册成功以后 您会看到相应的信息提示 这时候您就会看到您是我们小站的第几位用户 并且可以选择 完善资料或者到个人主页 我们建议您先完善个人资料 因为 这样能让您的朋友更容易认出您 在最基本的步骤完成后您就 可以自由地在我们的小站上探索啦 1 进入个人主页 个人主页是我们设计的比较有个性 的界面 主要功能能够