《Web技术及应用》课程设计-线交友系统.docVIP

Web技术及应用 期末课程设计报告 题 目 在线交友系统 班 级： 网络安全与执法班 学 号： 姓 名： 成 绩： 完成时间： 2017 年 6 月 目 录 第一章 引言 1 1.1开发背景 1 1.2开发现状分析……………………………………….…………………………………….2 1.2需求分析 2 第二章 系统设计 4 2.1 功能设计 4 2.2 数据库设计 5 2.3 流程（或算法）设计 6 第三章 系统实现 6 3.1 交友系统 6 第四章 设计总结 10 参考文献 10 附 录（核心代码） 11 在线交友系统 引言 近年来,随着移动互联网的发展， 图1.1：交友平台数据流图 设计交友平台中采用成熟的MVC框架，前台用户对数据进行处理，包括登陆注册，搜索，下载等。服务器对请求行进动态处理，与后台数据库进行交互处理。处理的结果返还给用户。管理员实现对其管理，维护和更新。其详细功能说明流程图如上面图1.1所示。 （三）需求分析 设计目标 设计交友平台，功能上实现用户的交友功能，用户图片、Flash视频的上传和下载。让用户分享自己的照片，视频等信息。添加对方为好友，给对方留言，搜索等目标。实用在不同的操作平台运行，要求系统简洁大方，操作方便。 开发意图 交友更便捷，让用户分享网络互联带来的终极体验，让交友变得更加的丰富。同时也是分享成长的大舞台。 功能需求分析 交友平台主要完成以下功能： 基本功能：提供用户的注册，登陆、修改个人信息、添加好友 用户管理：对用户账号的管理。 数据库管理：密码管理、数据管理、数据备份等。 操作管理：整个系统要求操作简捷，方便用户使用。 系统设计 2.1 功能设计 交友系统实现所有的用户注册、登陆和注销。 非会员注册 会员登录 查看和修改个人资料 上传图片 浏览会员信息 登录注销 普通会员对于功能的用例图如图2.1所示 图2.1普通会员对于功能用例图 2.2 数据库设计 数据库设计是系统设计中非常重要的一个环节，数据是设计的基础，直接决定系统的失败。如果数据库设计不合理、不完善，将在系统开发中，甚至到后期的维护时，引起严重的问题。根据系统需求，创建了2张表，如下所示： 1、成员表(user)：用于存放注册用户信息。 2、照片表(pic):用于存放上传照片信息。 图2.2 图2.3 表2.1用户表(friend_user) 字段名 类型 说明 username varchar(20) 用户姓名 password varchar(10) 登陆密码 name varchar(20) 名字 age int(3) 年龄 phone varchar(20) 电话 2.3 流程（或算法）设计 图2.4系统流程图 第三章 系统实现 3.1 交友系统的实现 1.安装apache-tomcat-6.0.35 ,myeclipse 以及MySql 全部按默认路径安装 图3.1 图3.2 图3.3 使用MySql 创建数据库及相关列表语句如下： create database friend default charset utf8; use friend; create table friend_user( id bigint primary key auto_increment, username varchar(20) unique, password varchar(10), name varchar(20), age int(3), gender tinyint(1), phone varchar(20) ); create table friend_pic( id bigint primary key auto_increment, picName varchar(100), userId bigint); drop table friend_user; drop table friend_pic; 2.新建web project 项目格式如下 图3.4 3.打开MySql 在数据库中建表 图3.5 4.进行测试，在web Browser下输入测试登陆网址http://localhost:8080/friends/login.jsp 图3.6 注册用户 图3.7 用户名密码正确则会进入系统 不正确会出现错误 图3.8 登陆成功 进入系统 图3.9 查看交友信息 图3.10 图3.11 至此，交友系统完全实现 设计总结 本系统不仅实现了要求的主要的功能，还实