自行车协会管理网站开发与设计

福 建 师 范 大 学 应 用 科 技 学 院学 生 论 文论文题目：自行车协会网站系统开发与设计指导教师： 林国凯 学 号： 120352010047 姓 名： 陈开伙 年 级： 2010级 专 业： 电子信息工程 二0一四 年三 月 二十二 日23目录一、开发背景4二、需求分析4三、系统设计41、系统目标42、系统功能结构4四、数据库设计81、数据库概念设计82、注册用户实体8五、前台首页设计91、前台首页概述92、前台首页技术分析93、前台首页实现过程10六、会员注册模块设计111、会员注册模块概述11七、注册模块技术分析13八、后台首页设计171、后台首页概述172、后台首页技术分析173、后台首页实现过程18九、开发技巧与技术难点21致谢22参考文献23自行车协会网站系统开发与设计应用科技学院 2010级电子工程120352010047陈开伙指导教师：林国凯摘要随着网络信息时代的来临,互联网应用越来越广泛,从网上获 并且发布信息已成为现代计算机应用的一大特色. 一个网站,是一个传媒,也是一个窗口.普通人可以通过浏览各个网站,接触到许多从书本上学不到的知识,还可以看看新闻之类当作是一种消遣.而大到一个企业,小到一个个体通过制作自己的网站,向全世界宣传自己,提供各种关于自己的信息供顾客浏览.这时,网站也就成为对外交流的窗口.同时,网站上普遍都有一些免费资源,从而达到资源共享,使得我们足不出户都能得到想要的资料.现在很多企业,学校,协会都有自己的网站.通过网站数据处理更方便快捷,人员访问更方便.关键词自行车协会网站管理系统、自行车协会、管理系统设计一、开发背景随着市场竞争的日益激烈，单车行业的生存和发展之路更加具有挑战，要想保持旺盛的生命力，我们必须要跟上时代发展的脚步，不断的开发和创造新的营销模式，为适应市场的需求，增加喜德盛单车全国的影响力，将开发一个自行车协会网站。为广大自行车爱好者提供一个交流的平台，让更多的车友认识现在的单车文化，通过该网站分享的自行车赛事来推广自行车文化，改变当代人对自行车传统的概念，使单车转变成为一个健身的工具，并以此来推广国内自行车品牌！丰富自行车爱好者对单车运动的知识！目前互联网的用户逐日增多，电子商务的流行，本地单车实体店面临巨大冲击。为了不受传统方式的约束，我们通过自行车协会网站的建设，建立自己俱乐部和品牌的宣传网络，实现网络宣传，实体交易的目的，为消费提供最新的活动信息、产品信息和单车促销信息的等。我们要提供给自行车爱好者更多、更快、更好的服务。二、需求分析自行车爱好者越来越多，为了宣传骑行文化，践行低碳环保，创新品牌建设，助推产业升级，我们开发自行车协会网站。让车友在有时间的情况下，提供给车友夜骑或者是周日骑行的活动，达到一个释放压力的方法，起到健身的这么一个目的，给车友更多的选择。现在大部分车友买了车子，却因为没有一起骑车的伙伴选择放弃或者减少外出骑行，希望通过这个平台可以让更多的人认识其他的车友。三、系统设计1、系统目标本网站设计时应满足以下功能：1 网站设计页面要求整洁、大方、能够展现自行车运动的魅力2 网站主页具有广告位置，树立良好品牌宣传3 彰显出品牌车最新推出的产品4 提供一个好的交友平台5 做到让车友喜欢这个网站，关注最新赛事和最新相册6 系统运行稳定7 完善的管理系统，能够及时的维护和更新消息2、系统功能结构前台管理系统的功能设计协会简介协会章程 首页 政策法规会员中心前台会员申请 协会新闻 联系我们 图片展示 图1 注册会员管理 后台管理系统的功能设计 协会公告管理 后台行业动态管理 协会新闻管理 图片展示管理前台首页如图2，该页面用于展示本系统的功能模块，突出企业的形象，推广喜德盛品牌。后台首页如图3，主要用于对各个功能模块内进行编辑和管理图2图3首页功能模块导航栏：实现首页干净、整洁、简单化操作图2-1图片展示：最直观展示自行车协会发展项目和活动项目图2-3协会简介：用于对向访客说明福州自行车协会的文化和发展历程 图2-2协会公告管理，公布俱乐部最新赛事和活动如图4图4主要用于对品牌推广，分享骑行知识，维修知识等一系列对骑行文化的宣传如图5图5图片管理，主要用于对活动和赛事的分享，让更多的车友关注实时精彩赛事如图6图6会员管理，用于设置管理人员对本系统网站的操作，可新增和删除管理人员如图7图7四、数据库设计开发一个功能完善的网上社区离不开数据库的支持，只有拥有了强大的数据库，网上社区才能够存储大量的数据信息，实现更多、更好的功能来吸引更多的社区成员。91、数据库概念设计根据上述对自行车协会的需求分析和系统设计，规划处自行车协会网站的实体E-R图。主要会员注册用户实体和其他一些辅助实体，这是只说明注册用户实体以及E-R图进行介绍。2、注册用户实体注册用户实体用于存储用户注册信息，包括编号、用户名、密码、邮箱、电话、手机。 用户名关系图编号 密码用户 电话手机 邮箱注册用户实体E-R图数据库逻辑结构设计会员表列名数据类型字段大小是否为空学号c姓名char20NotNull性别char2Null密码char20NotNull联系电话char20NullQQchar20Null管理员表字段名称数据类型说明数据长度是否为空hyno管理员用户名20NotNullpwd管理员密码10NotNull五、前台首页设计1、前台首页概述如今，很多人都十分重视对事物的第一印象，第一印基本就决定对某个事物的看法和太对，在网络中，网站给人的第一印象如果不好，那么就会有很多人因此而不去浏览我们的网站，可以说网站首页的设计十分重要，能否设计成功直接影响这网站未来的发展！7要知道首页的设计对一个成功的网站来说是极为重要的，它必须发展网站的特性。首页设计的好坏将直接影响到车友对一个俱乐部的认识和参加活动的欲望，在自行车协会网站中，首先必须突出俱乐部的风采，最新的赛事公告和骑行活动公告，让动态信息来吸引顾客对俱乐部文化的认识。前台首页主要包含一下内容：1 网站菜单导航：包括首页、协会简介、最新公告、会员注册、政策法规、图片展示、企业会员行业动态、会员申请、联系我们。2 协会简介：简单说明该自行车协会成立和性质3 最新公告：用于发布最新的赛事、活动4 会员注册：实现会员登录和会员申请5 图片展示：展示俱乐部风采和最新活动骑行照片6 行业动态：公布协会和行业最新的事迹7 政策法规：国家对自行车最新的法规和修改2、前台首页技术分析作为网站首页，应该是给访问者一个简洁、鲜明，突出协会形象，展示俱乐部魅力的功能，要能够将内容变得全面、完整。7在首页设计中我们主要突出协会文化、最新赛事，其中图片展示最为引人注目，完全起到了展示俱乐部魅力的要求。其实现原理是：创建一个div标间然后再div标签中输入展示的信息，最后通过JavaScript来对div表时间进行操作，实现内容滚动输出。网站前台首页动态显示设计3、前台首页实现过程由于代码过多这里只给出首页公告发布其中部分代码，如下： /设置显示位置，高度，宽度 /height：定义表格的高度，属性值是数字/cellspacing：定义表格中单元格之间的距离 /cellpadding：定义单元格内容与单元格边框之间的距离，属性值是数字/width：定义表格的宽度，属性值是数字 100%是和页面宽度一样/align：定义表格的对齐方式，有三个属性值center，left，right /居中/左/右/border：定义表格的边框宽度，属性值是数字 最新公告/ 显示内容 /设置边距边框 /导入文件，显示指定内容 六、会员注册模块设计1、会员注册模块概述自行车协会网站系统为了更好的与广大才何有进行沟通和交流，创建了一个会员注册模块。通过该模块，系统可以有效的对用户的信息进行采集，并将注册的用户信息保存到指定的数据表中了实现与用户长期的交流。会员申请模块界面如图 注册模块图用户登入实现过程： /设置显示位置，高度，宽度 /第一行/制作一个表格 / /代表第一行 / 第一格第二格 / / /代表第二行 / 第一格第二格%if session(username) then/if语句嵌套判断用户是否存在%欢迎您： 退出登陆 用户名： 密  码：/判断密码是否正确 / /语句结束 七、注册模块技术分析在新会员注册模块中，必不可少的就是对用户输入的信息进行判断，首先判断用户填写的注册信息中哪些是必须填写的，哪些是可以不填写的，然后进一步判断输入的信息是否合理合法。系统主由三个界面组成：会员管理界面、注册界面和管理员登录界面，在会员管理界面中有登录、注册、管理。在会员管理系统界面下输入正确的用户名和密码再点登录，便可显示登录成功，如果输入有误会提示输入错误，这样便为用户提供了安全性；如果点显示信息则可显示该会员在数据库中的信息；如果想新注册，则可以在会员管理界面中点注册，在注册界面中填入对应的信息，确认后即可把该信息加入数据库中；如果是管理员，则点管理进入管理员登录界面，在该界面管理员输入正确的用户名和密码就可修改数据库中的信息。登录：在会员管理的界面下输入正确的学号和密码，再点登录，便可顺利登录查看自己存储在数据库中的相关信息。注册：在会员管理界面中点注册，在注册界面中填入对应的信息，确认后即可把该信息加入数据库中。管理：点管理进入管理员登录界面，在该界面管理员输入正确的用户名和密码就可修改数据库中的信息。会员注册模块以下是会员注册模块的代码：/定义用于在浏览器中显示页内容的代码页。代码页是字符集的数字值，不同的语言使用不同的代码页。/头文件，将命令指示web服务器文件内容插入网页中/网站链接/设置宽度 首页 会员申请 /网页位置导航 % if request(action)ok then%/if 语句循环 /FORM的意思是表格。NAME 名字 “表格1”。方法=发送， 动作 = 注册。asp   用户名：/该语句用于将用户数据写入数据库,表格的单元格中加个输入框   密  码： 重复密码：   地  址： 联系电话：   手  机：   邮  箱： 密码取回问题： 密码取回答案： %else username=trim(request(username)/对用户信息进行存储 password=trim(request(password) repassword=trim(request(repassword) address=trim(request(address) tel=trim(request(tel) phone=trim(request(phone) email=trim(request(email) question=trim(request(question) daan=trim(request(daan) if password then/对用户名及密码进行判断，重复则执行下一条语句，否则结束if passwordrepassword then% alert(重复密码错误); history.go(-1); /javascript脚本开始 alert(注册成功); this.location.href=index.asp; alert(用户名已存在); history.go(-1); 八、后台首页设计作为一个完整的协会网站管理系统，要想能够及时地对网站进行管理和维护，必须有一个强大的管理系统，对协会管理系统中的数据进行维护和更新。由于后台管理主要是针对管理员开放的，所以在页面风格的设计上相对网站的主页要简单的多，不需要绚丽的图案和特效，主要干净，整洁，给管理员简便的操作实现简单易懂的操作流程。1、后台首页概述 一个网站成功的重要标志除了首页的设计，更重要的是协会网站管理中数据的更新和系统维护都取决后台的设计完善，功能是否强大，后台越完美，系统就越成功。7后台首页主要功能如下：1. 后台首页导航栏：管理员名称、关闭后台管理功能、刷新、管理首页等。2. 左侧导航栏：各个管理模块及功能。3. 网站信息管理模块：主要用于对协会公告管理、注册会员管理。4. 管理员权限管理模块：对管理员进行添加、删除。5. 会员申请管理模块：个人会员资料管理和查询。6. 系统设置管理模块：主要用于广告模块的修改和更新。后台管理员管理首页2、后台首页技术分析本系统的后台首页采用的布局是二分栏布局，左侧导航栏清楚、明白地显示了后台管理员所能使用到的功能。当单击任意功能按钮时，在主显示器显示对应的操作界面和该功能模块下的子功能，页面简洁、结构清晰，管理员浏览方便，二分栏的主要特点被表现淋漓尽致。3、后台首页实现过程后台首页设计实现过程漏洞百出，通过Dreaweave对后台首页进行设计，经过不断的修改和纠正，最终实现后台首页页面的正常操作，其代码如下：/导入文件/导入文件/导入文件/ 该META标签定义了HTML页面所使用的字符集为GB2132小祥网络-后台管理/表示这是样式表,在中间放入css内容； type是它的类型属性，text/css是它的值，/language和type 都表示指定脚本语言为javascriptvar displayBar=true; function switchBar(obj) if (displayBar)parent.GaobeiSysTem.cols=0,*;displayBar=false;/obj.src=open.gif;GaobeiSysTemSwitch.innerText=打开控制面板;obj.title=打开控制面板;elseparent.GaobeiSysTem.cols=180,*;displayBar=true;GaobeiSysTemSwitch.innerText=关闭控制面板;/obj.src=close.gif;obj.title=关闭控制面板;/body 网页里显示的内容bgcolor是背景颜色,leftmargin页面左边的空白,topmargin离显示最上面的空白,marginwidth内容显示区的宽,marginheight内容显示区的高/oncontextmenu= 当单圾右键打开菜单时触发事件self 获得当前窗口的引用event.returnValue=false 设置事件的返回值为false,即取消事件处理 管理员: 关闭控制面板 后 退 | 刷 新 | 前 进 | 管理首页 | 使用帮助 | 退出管理 /设置边框/循环/文档的头部由 标签定义/meta是html中的元标签，其中包含了对应html的相关信息，服务器端的程序会根据这些信息进行处理GaobeiSys_Bottom/链接/将基本链接的目标框架都改为主页打开/body 网页里显示的内容,bgcolor是背景颜色,leftmargin页面左边的空白,topmargin离显示最上面的空白,marginwidth内容显示区的宽,marginheight内容显示区的高/设置属性 Copyright 2010-3000 WWW.   /过程结束九、开发技巧与技术难点为了在保证网站内信息资源的安全，防止用户以非法身份对网站内部信息进行非法操作，只有通过正确的途径成功登入福州乐弛协会平台，才可以对网站进行管理和操作。首先用户登陆时系统进行判断，在新会员注册时检测用户名是否已经注册，在实现会员租车功能模块时，要求不允许同时存两个或者多个相同的用户名。后台管理经过添加后，新的管理人员有权限对各个功能模块进行信息修改。其操作简单，经过不断的完善使该网站不断的修正细节。致谢在本篇论文完成的同时，首先要感谢我的导师林国凯。在林老师的悉心指导下，我的论文才能如此顺利的完成。并且得到了其他老师的肯定。在本次论文设计过程中，老师从选题指导、论文框架到细节修改，都给予了细致的指导，提出了很多宝贵的意见与建议，老师以其严谨求实的治学态度、孜孜以求的工作作风和大胆创新的进取精神对我产生重要影响。这篇论文是在老师的精心指导和大力支持