学友活动交流平台
目 录
一、引言 1
二、系统概述 1
（一）平台简介 1
（二）开发工具的介绍 1
（三）开发环境 1
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的逻辑结构 2
（三）概念模型 4
四、系统需求分析 5
（一）系统功能需求 5
1.功能实现 5
2.网站前台管理 5
3.管理员管理 5
（二）模块图（E-R图） 6
1.会员、游客模块 6
2.管理员模块 6
（三）流程设计图 7
五、系统的设计与实现 7
（一）前台的设计与实现 7
1.网站的前台设计 7
2.网站前台介绍 8
3.网页的框架设计与布局实现 8
4.页面展示 12
（二）后台的设计与实现 14
1.后台设计 15
2.模块的设计与实现 16
3.社团活动信息管理 17
4.添加活动信息 18
六、总结 21
致谢 22
参考文献 22
一、引言
活动是大学生活中一个的环节，一个丰富我们大学生业余时间的重要环节，但在做活动的时候往往会发现参与活动的人不多，或者都是本社团的会员，缺少了活动本身的意义。若是把活动放到互联网上，那么就会有更多的同学可以看到活动举办的时间，活动的具体信息及活动本身的意义，那么参与到活动中的同学就会更多。
本网站采用了DIV+CSS的布局方式，让网站格局更加清晰。使用了Dream *好棒文|www.hbsrm.com +Q: *351916072*
weaver8.0的开发工具。使用了Photoshop来美化网站中的图片，让网站看起来更加协调。JS特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。网站分为前台页面和后台系统。前台页面分别介绍各活动信息、社团信息及历次活动的剪影，这些都显示在首页的导航栏及大屏广告上，便于同学浏览，给同学们提供更好的选择。网站后台以模块划分，分别是会员登录注册退出、活动、社团信息、会员留言、管理员登录、活动管理、社团管理这七大模块。
二、系统概述
（一）平台简介
为了使更多的同学可以参与到活动中来，才制作了这个学友活动交流平台，本站可以对活动详情、时间、意义对同学们作一个详细的展示，让同学们可以更多、更好的参与到感兴趣的活动中来，本站设置了游客、会员可以进行浏览活动信息、管理员可以修改活动信息，终止活动等功能
（二）开发工具的介绍
Adobe Photoshop 是Adobe公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
Myeclipse，是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
（三）开发环境
操作系统：windows 7
数据库：SQL sever 2008
编写语言：java
调试环境：UC、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全新高等优点。以下做一下数据库的详细需求分析。
（一）数据库的需求分析
根据系统的需要，设计了以下数据库数据表，如表3-1到3-4所示。
社团信息表：社团ID、社团名、社团类型ID、社团类型、会员名、指导老师、主要介绍、备注
活动详情表：活动ID、活动名称、活动类型、社团ID、
会员信息表：会员ID、姓名、职务、所在社团、性别、用户电话、宿舍、备注、当前状态
管理员信息表：管理员ID、管理员名称 、密码
社团类别表：社团类别ID、类别名称、社团性质、负责老师、主要介绍、备注
关于我们信息表：ID、负责人、联系电话、地址、负责职能
（二）数据库的逻辑结构
表3-1 社团信息表
字段名称
类型
宽度
可否未空
约束
含义
sid
varchar
255
否
主键
社团ID
sname
varchar
255
否
社团名称
stypeid
varchar
255
否
外键
类别编号
sxingzhi
varchar
255
否
性质
sperson
varchar
255
否
负责人
steacher
varchar
255
否
指导老师
sdesc
varchar
255
否
介绍
smsg
varchar
255
否
备注
表3-2 活动详情表
字段名称
类型
宽度
可否未空
约束
含义
aid
varchar
255
负责人
amoney
varchar
255
否
活动经费
acontent
宽度
可否未空
约束
含义
stid
varchar
255
一、引言 1
二、系统概述 1
（一）平台简介 1
（二）开发工具的介绍 1
（三）开发环境 1
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的逻辑结构 2
（三）概念模型 4
四、系统需求分析 5
（一）系统功能需求 5
1.功能实现 5
2.网站前台管理 5
3.管理员管理 5
（二）模块图（E-R图） 6
1.会员、游客模块 6
2.管理员模块 6
（三）流程设计图 7
五、系统的设计与实现 7
（一）前台的设计与实现 7
1.网站的前台设计 7
2.网站前台介绍 8
3.网页的框架设计与布局实现 8
4.页面展示 12
（二）后台的设计与实现 14
1.后台设计 15
2.模块的设计与实现 16
3.社团活动信息管理 17
4.添加活动信息 18
六、总结 21
致谢 22
参考文献 22
一、引言
活动是大学生活中一个的环节，一个丰富我们大学生业余时间的重要环节，但在做活动的时候往往会发现参与活动的人不多，或者都是本社团的会员，缺少了活动本身的意义。若是把活动放到互联网上，那么就会有更多的同学可以看到活动举办的时间，活动的具体信息及活动本身的意义，那么参与到活动中的同学就会更多。
本网站采用了DIV+CSS的布局方式，让网站格局更加清晰。使用了Dream *好棒文|www.hbsrm.com +Q: *351916072*
weaver8.0的开发工具。使用了Photoshop来美化网站中的图片，让网站看起来更加协调。JS特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。网站分为前台页面和后台系统。前台页面分别介绍各活动信息、社团信息及历次活动的剪影，这些都显示在首页的导航栏及大屏广告上，便于同学浏览，给同学们提供更好的选择。网站后台以模块划分，分别是会员登录注册退出、活动、社团信息、会员留言、管理员登录、活动管理、社团管理这七大模块。
二、系统概述
（一）平台简介
为了使更多的同学可以参与到活动中来，才制作了这个学友活动交流平台，本站可以对活动详情、时间、意义对同学们作一个详细的展示，让同学们可以更多、更好的参与到感兴趣的活动中来，本站设置了游客、会员可以进行浏览活动信息、管理员可以修改活动信息，终止活动等功能
（二）开发工具的介绍
Adobe Photoshop 是Adobe公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
Myeclipse，是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
（三）开发环境
操作系统：windows 7
数据库：SQL sever 2008
编写语言：java
调试环境：UC、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全新高等优点。以下做一下数据库的详细需求分析。
（一）数据库的需求分析
根据系统的需要，设计了以下数据库数据表，如表3-1到3-4所示。
社团信息表：社团ID、社团名、社团类型ID、社团类型、会员名、指导老师、主要介绍、备注
活动详情表：活动ID、活动名称、活动类型、社团ID、
会员信息表：会员ID、姓名、职务、所在社团、性别、用户电话、宿舍、备注、当前状态
管理员信息表：管理员ID、管理员名称 、密码
社团类别表：社团类别ID、类别名称、社团性质、负责老师、主要介绍、备注
关于我们信息表：ID、负责人、联系电话、地址、负责职能
（二）数据库的逻辑结构
表3-1 社团信息表
字段名称
类型
宽度
可否未空
约束
含义
sid
varchar
255
否
主键
社团ID
sname
varchar
255
否
社团名称
stypeid
varchar
255
否
外键
类别编号
sxingzhi
varchar
255
否
性质
sperson
varchar
255
否
负责人
steacher
varchar
255
否
指导老师
sdesc
varchar
255
否
介绍
smsg
varchar
255
否
备注
表3-2 活动详情表
字段名称
类型
宽度
可否未空
约束
含义
aid
varchar
255
负责人
amoney
varchar
255
否
活动经费
acontent
宽度
可否未空
约束
含义
stid
varchar
255
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1618.html
