1、本科毕业设计（20 届）自行车协会网站系统开发与设计所在学院 专业班级 电子信息工程 学生姓名 学号 指导教师 职称 完成日期 年 月 2目录一、开发背景 .4二、需求分析 .4三、系统设计 .41、系统目标 .42、系统功能结构 .4四、数据库设计 .81、数据库概念设计 .82、注册用户实体 .8五、前台首页设计 .91、前台首页概述 .92、前台首页技术分析 .93、前台首页实现过程 .10六、会员注册模块设计 .111、会员注册模块概述 .11七、注册模块技术分析 .13八、后台首页设计 .171、后台首页概述 .172、后台首页技术分析 .173、后台首页实现过程 .18九、开发技巧
2、与技术难点 .21致谢 .22参考文献 .233自行车协会网站系统开发与设计摘要随着网络信息时代的来临,互联网应用越来越广泛, 从网上获 并且发布信息已成为现代计算机应用的一大特色. 一个网站,是一个传媒,也是一个窗口.普通人可以通过浏览各个网站,接触到许多从书本上学不到的知识,还可以看看新闻之类当作是一种消遣.而大到一个企业,小到一个个体通过制作自己的网站,向全世界宣传自己,提供各种关于自己的信息供顾客浏览.这时,网站也就成为对外交流的窗口.同时,网站上普遍都有一些免费资源,从而达到资源共享,使得我们足不出户都能得到想要的资料.现在很多企业,学校,协会都有自己的网站.通过网站数据处理更方便快
3、捷,人员访问更方便.关键词 自行车协会网站管理系统、自行车协会、管理系统设计4一、开发背景随着市场竞争的日益激烈，单车行业的生存和发展之路更加具有挑战，要想保持旺盛的生命力，我们必须要跟上时代发展的脚步，不断的开发和创造新的营销模式，为适应市场的需求，增加喜德盛单车全国的影响力，将开发一个自行车协会网站。为广大自行车爱好者提供一个交流的平台，让更多的车友认识现在的单车文化，通过该网站分享的自行车赛事来推广自行车文化，改变当代人对自行车传统的概念，使单车转变成为一个健身的工具，并以此来推广国内自行车品牌！丰富自行车爱好者对单车运动的知识！目前互联网的用户逐日增多，电子商务的流行，本地单车实体店面
4、临巨大冲击。为了不受传统方式的约束，我们通过自行车协会网站的建设，建立自己俱乐部和品牌的宣传网络，实现网络宣传，实体交易的目的，为消费提供最新的活动信息、产品信息和单车促销信息的等。我们要提供给自行车爱好者更多、更快、更好的服务。二、需求分析自行车爱好者越来越多，为了宣传骑行文化，践行低碳环保，创新品牌建设，助推产业升级，我们开发自行车协会网站。让车友在有时间的情况下，提供给车友夜骑或者是周日骑行的活动，达到一个释放压力的方法，起到健身的这么一个目的，给车友更多的选择。现在大部分车友买了车子，却因为没有一起骑车的伙伴选择放弃或者减少外出骑行，希望通过这个平台可以让更多的人认识其他的车友。三、系
5、统设计1、系统目标本网站设计时应满足以下功能：1网站设计页面要求整洁、大方、能够展现自行车运动的魅力2网站主页具有广告位置，树立良好品牌宣传3彰显出品牌车最新推出的产品4提供一个好的交友平台5做到让车友喜欢这个网站，关注最新赛事和最新相册6系统运行稳定7完善的管理系统，能够及时的维护和更新消息2、系统功能结构前台管理系统的功能设计5图 1后台管理系统的功能设计前台首页如图 2，该页面用于展示本系统的功能模块，突出企业的形象，推广喜德盛品牌。后台首页如图 3，主要用于对各个功能模块内进行编辑和管理前台首页 协会简介协会章程 政策法规 会员中心协会新闻 图片展示 联系我们会员申请后台注册会员管理
6、协会公告管理协会新闻管理 图片展示管理行业动态管理 6图 2图 3首页功能模块导航栏：实现首页干净、整洁、简单化操作图 2-1图片展示：最直观展示自行车协会发展项目和活动项目图 2-3协会简介：用于对向访客说明福州自行车协会的文化和发展历程图 2-27协会公告管理，公布俱乐部最新赛事和活动如图 4图 4主要用于对品牌推广，分享骑行知识，维修知识等一系列对骑行文化的宣传如图 5图 5图片管理，主要用于对活动和赛事的分享，让更多的车友关注实时精彩赛事如图 6图 68会员管理，用于设置管理人员对本系统网站的操作，可新增和删除管理人员如图 7图 7四、数据库设计开发一个功能完善的网上社区离不开数据库的
7、支持，只有拥有了强大的数据库，网上社区才能够存储大量的数据信息，实现更多、更好的功能来吸引更多的社区成员。 91、数据库概念设计根据上述对自行车协会的需求分析和系统设计，规划处自行车协会网站的实体 E-R 图。主要会员注册用户实体和其他一些辅助实体，这是只说明注册用户实体以及 E-R 图进行介绍。2、注册用户实体注册用户实体用于存储用户注册信息，包括编号、用户名、密码、邮箱、电话、手机。关系图注册用户实体 E-R 图数据库逻辑结构设计 会员表列名 数据类型 字段大小 是否为空 学号 c姓名 char 20 Not Null性别 char 2 Null用户电话密码编号用户名邮箱手机 9密码 ch
8、ar 20 Not Null联系电话 char 20 NullQQ char 20 Null管理员表字段名称 数据类型 说明 数据长度 是否为空 hyno 管理员用户名 20 Not Nullpwd 管理员密码 10 Not Null五、前台首页设计1、前台首页概述如今，很多人都十分重视对事物的第一印象，第一印基本就决定对某个事物的看法和太对，在网络中，网站给人的第一印象如果不好，那么就会有很多人因此而不去浏览我们的网站，可以说网站首页的设计十分重要，能否设计成功直接影响这网站未来的发展！ 7要知道首页的设计对一个成功的网站来说是极为重要的，它必须发展网站的特性。首页设计的好坏将直接影响到车友
9、对一个俱乐部的认识和参加活动的欲望，在自行车协会网站中，首先必须突出俱乐部的风采，最新的赛事公告和骑行活动公告，让动态信息来吸引顾客对俱乐部文化的认识。前台首页主要包含一下内容：1网站菜单导航：包括首页、协会简介、最新公告、会员注册、政策法规、图片展示、企业会员行业动态、会员申请、联系我们。2协会简介：简单说明该自行车协会成立和性质3最新公告：用于发布最新的赛事、活动4会员注册：实现会员登录和会员申请5图片展示：展示俱乐部风采和最新活动骑行照片6行业动态：公布协会和行业最新的事迹7政策法规：国家对自行车最新的法规和修改2、前台首页技术分析作为网站首页，应该是给访问者一个简洁、鲜明，突出协会形象
10、，展示俱乐部魅力的功能，要能够将内容变得全面、完整。 7在首页设计中我们主要突出协会文化、最新赛事，其中图片展示最为引人注目，完全起到了展示俱乐部魅力的要求。其实现原理是：创建一个 div 标间然后再 div 标签中输入展示的信息，最后通过 JavaScript 来对 div 表时间进行操作，实现内容滚动输出。10网站前台首页动态显示设计3、前台首页实现过程由于代码过多这里只给出首页公告发布其中部分代码，如下：/设置显示位置，高度，宽度/height：定义表格的高度，属性值是数字/cellspacing：定义表格中单元格之间的距离 /cellpadding：定义单元格内容与单元格边框之间的距离，属性值是数字/width：定义表格的宽度，属性值是数字 100%是和页面宽度一样/align：定义表格的对齐方式，有三个属性值 center，left，right / 居中/左/右/border：定义表格的边框宽度，属性值是数字最新公告 / 显示内容
