《基于PHP的健身房网站的设计》6900字

基于PHP的健身房网站的设计目录摘要 I=2\*ROMANI30446_WPSOffice_Level1引言 111414_WPSOffice_Level1一、健身房网站的项目需求分析报告 225209_WPSOffice_Level1二、健身房网站的项目开发报告 813901_WPSOffice_Level1三、健身房网站的项目测试报告 1526382_WPSOffice_Level1结论 1827137_WPSOffice_Level1参考文献 195045_WPSOffice_Level1附录 20引言(一)项目背景突如其来的新冠疫情给许多行业都带来了巨大的冲击，健身房和健身教练也受到了巨大的影响，疫情反复，健身房复工难，房租人工成本大；用户粘性降低，老会员流失严重，新会员害怕健身房倒闭不敢办卡；大型展会，赛事纷纷被叫停，健身房的业务受到巨大冲击；健身房的专业人才流失，许多健身教练开始另寻出路。据不完全统计，全国因为受到疫情影响面临倒闭的健身房超3000多家，许多健身教练也开始转向其他的行业。但与此同时，也有不少健身房经营者和健身业内人事开始探索更加灵活，更加高效，更够有较少损失的经营模式。(二)项目介绍本产品的设计是为了缓解健身房在疫情下的压力，结合互联网开发建设健身房网站，开展线上课程和线上健身指导，让会员在家也可以跟着熟悉的教练一起运动健身，有利于加强对会员的服务，有利于减少健身房因为暂停营业导致的会员流失，与此同时也有利于留住专业的健身教练。在前端页面，本项目用到了前端开发最重要的三个技术手段：HTML、CSS、JavaScript[1]，还用到了JavaScript的重要工具集JQuery和我们经常用到的图片处理工具Photoshop，在后台部分，用到了PHP超级文本链接语言和MySQL数据库。在前端开发阶段，使用HTML标签对页面进行定义和构造，利用CSS样式进行元素的定位和页面效果的优化，使用Photoshop制作网页图片素材和对图片的修改美化，利用JavaScript技术优化健身房网站效果实现用户交互体验。

一、健身房网站项目需求分析报告健身房网站项目需求分析报告项目概述(一)项目概述本项目包含前端页面设计和会员管理两部分。1.页面设计包含网站首页，团操课程，教练团队，关于我们，新闻活动、健身论坛五个部分，充分满足会员的需求。2.会员管理，包含新会员的注册，会员登录，会员资料的修改，后台管理会员几个部分。(二)项目要求1.页面布局简洁美观，所有图片必须保证清晰，保证不侵权，根据会员的喜好来选择有吸引力、有视觉冲击的图片，最好选择可以引起广大健身爱好者共鸣的图片。2.操作简捷，各个页面分类合理并且页面跳转流畅，避免发生卡顿，用户可以轻松跟随提示完成注册登录。用户编辑健身帖子简单便捷，可以随意插入图片和编辑文字并且能正常显示和发表。(三)项目计划1.时间：2020.12.01-2020.12.21，启动项目，进行调研收集资料，确定本项目要实现的功能。2.时间：2021.12.22-2021.1.11，项目立项，根据项目需求开始进行开发。3.时间：2021.1.12-2021.4.12，进入项目测试的第一个阶段，对项目的整体逻辑流程进行梳理，开始对功能模块进行测试，发现问题及时修改调整。4.时间：2021.4.13-2021.5.7，进入项目测试的第二个阶段，对项目进行整体测试，经过反复测试修改最终达到标准。功能需求(一)具体功能需求1.注册登录(1)根据健身房的需求设置注册所需要填写的信息，会员注册时注册信息必须符合要求，如填写的信息不符合规范则会弹出提示，修改后方能注册成功。(2)为了方便管理，本项目设置管理员，输入账号密码后会自动对改账号进行认证，如果和管理员身份则会进入管理员主页，否则进入普通用户主页[1]。(3)为了减少恶意的行为发生，用户登录时要输入随机生成的验证码，软件不能自动识别，不能识别也就不能发送信息，能有效的保证我们健身网站健康交流，避免垃圾信息给用户带来不好的体验，注册登录流程如图1:图SEQ图\*ARABIC1注册登录2.健身圈子设置健身圈子模块，健身爱好者可以每天发帖进行健身打卡，健身教练也可以分享健身知识。大家还可以在感兴趣的话题下边评论，一起分享经验，可以对感兴趣的帖子进行引用。帖子可以编辑不同格式和大小的字体，还可以插入图片。3.后台管理管理员登录后可以进入后台管理界面，可以进行查询用户信息，修改个人资料，删除会员等操作[2]。4.主页主页头部插入健身房logo，设置头部导航栏，包含网站首页，团操课程，教练团队，关于我们，新闻活动、健身论坛、后台管理几个部分。用户点击按钮即可跳转至相关页面，比如点击教练团队，就可以浏览全部教练信息。导航栏下方设置轮播图方便活动宣传，具体流程如图2:图2功能流程总体设计(一)设计原则本网站使用php超级文本预处理语言，结合Jsp技术和Mysql数据库开发[3]，充分保证了系统的稳定性，完整性，健身房网站的开发与设计思路如下：(1)保密和安全性：对用户注册时填写的密码进行加密处理，后台不可显示出具体的密码信息。在用户登录时设置验证码，防止垃圾软件的恶意登录。(2)实用性：操作简捷，界面美观，简单明了的页面布局，从实际使用需求出发。(3)完善性：通过测试来发现问题，对功能模块不断的进行完善和优化。(二)数据库表单设计[4]1.在登陆注册用到的数据库表如下。表1userinfo字段数据类型字段说明允许空值IDINT（11）会员编号否UsernameVARCHAR(20)用户名否PwCHAR(15)密码否EmailVARCHAR(15)邮箱YESSextinyint(1)性别否FavVARCHAR(50)兴趣爱好YESAdminVARCHAR(50)管理员身份YES2.设计\o"浏览"maintopic数据库表用于存储用户发的帖子。表1\o"浏览"maintopic字段数据类型字段说明允许空值IDINT（11）序号否TitleVARCHAR(1000)标题否ContentsText正文否UseridInt(11)浏览量否PosttimeDatetime发帖时间否IstopTinyint回复否IpVARCHAR(15)地址YES(三)运行环境表2运行环境硬件环境软件环境Cpu：i5-7200UCPU@2.50GHz2.70GHz应用软件：phpstrom开发环境：php7.4.16数据库软件：phpmyadmin(四)接口函数1.页面交互[6]//将JavaScript脚本嵌入网站，用来实现各个网页的交互<scripttype="text/javascript"src="js/bootstrap.min.js"></script>2.表单验证//设计JS表单验证用于用户注册信息[7]<scriptsrc="js.js"></script>3.引入数据库连接include("conn.php")4.获得整个HTML的内容<buttononclick="getallhtml()"></button>5.获得带格式的纯文本<buttononclick="getPlainTex()"></button>6.使编译器获得焦点<buttononclick="setFocus()"></button>其他(一)问题发现1.没有考虑到区分普通用户登录和管理员登录。2.没有考虑到经常有用户注册时不勾选性别，我们需要把性别设置成必填项。(二)问题解决1.在我们的数据库用户信息加一列管理员身份表单，是管理员记为”1“，不是管理员则为”0“在登陆时对信息进行验证，判断出是用户还是管理员，普通用户登陆后点击后台管理则会弹出”请用管理员身份登录“的提示。2.在注册页，将男性设置为默认选项，那么性别就成为了必选项。(三)经验教训在每个项目启动前，我们都要做好充分的调查、分析和研究，做项目过程中一定要身下心认真研究开发，戒骄戒躁，一丝不苟，认真处理好没一个小细节。导师评价

二、健身房网站项目开发报告健身房网站项目开发报告项目概述(一)项目要求1.在开发本健身房网站程序在过程中，要规范定义的函数名称、文件类型、命名方式和数据库表。2.健身房网站页面图片文字清晰，页面设计公正有条理，可以给会员良好的用户体验感。(二)项目目标1.设计健身房网站页面的主题框架。2.实现各页面之间的数据交互和简单逻辑页面的跳转。3.在健身圈子中添加发新帖、回复等功能。4.为首页的三张大图添加轮播图[7]的功能。5.为导航栏的导航文字添加颜色切换的功能。6.为后台管理添加管理员功能，能对会员信息进行修改等操作。(三)项目限制1.时间限制(1)本项目共四个层次，搭建健身房网站基本流程框架、设计各个模块功能、部分特定按钮功能的完善，整体项目的运行和测试。(2)整个网站开发的时间应该控制在四个月之内。(3)单个模块的设计与搭建应保持在一个月之内。(4)项目开发人员每周上交开发日志，汇报开发进度。2.稳定性(1)在不同系统的电脑上，以及在不同的浏览器中，健身房网站的全部信息都可以正常的显示出来。当电脑同时打开多个界面时，健身房图片文字的显示不会受到影响，保证用户可以正常登录使用。(2)会员注册信息全部保存在数据库中，对表单进行备份，以防会员注册信息丢失，对健身房造成不必要的损失。3.安全性[8](1)在开发时不把项目文件传播到互联网上，不和无关人员讨论核心代码。(2)在项目研发过程中，要及时对程序代码进行保存，每次离开电脑前要关闭电脑以及进行备份，防止泄露和丢失。(3)要确保每个流程的安全性，始终坚持细心、耐心，用严谨认真的态度排除存在安全隐患的部分，例如登陆页设置密码时要对密码进行加密处理。(四)主程序主要流程图3主要业务主要算法和程序逻辑算法描述1.用户登录注册//数据提交到数据库之前对数据进行表单验证<formaction="postReg.php"method="post"onsubmit="returnValidator.Validate(this,3)"><tdalign="center"><inputtype="submit"value="提交"></td><scriptsrc="js.js"></script>图4会员注册//连接数据库$conn=mysqli_connect(host:"localhost",user:"root",password:''）mysqli_select_db($conn,dbname:"menber");mysqli_query($conn,query:"setnamesutf-8")$sqlstring="insertintouserinfovalues('$username','"md5($pw)','$sex','$email','$fav',)$result=mysqli_query($conn,$sqlstring)//登录session_start();include_once("conn.php");if(mysqli_num_rows($result)){

if($info['admin']){//说明是管理员登录echo"<script>alert('登录成功');location.href='index.php?navID=3';</script>";}图5会员登录2.健身圈子

//发新帖<scripttype="text/javascript"charset="utf-8"src="u/lang/zh-cn/zh-cn.js"></script><divstyle="margin:10px10px10px;"><spanclass="newPost"onclick="post();">发新贴</span></div><divclass="clear"></div>functionpost(){varresult=getContent();$.ajax(){success:function(d){if(d.error==1){alert("发贴失败！");history.back();}alert("发贴成功！");//回复varue=UE.getEditor('editor');functiongetContent(){if(hasContent()){varlastContents=UE.getEditor('editor').getContent();//异步保存发表的贴子$.ajax({url:'newReply.php',type:'post',dataType:'json',data:{contents:lastContents,maintopicid:<?phpecho$id?>,quoteid:quoteID},success:function(d){if(d.error==1){alert(d.errMsg);}else{alert('回贴成功');location.reload();}图6发帖回复编辑页3.后台管理//数据分页include_once"page.php";pageft($count_rows,$count_rows,$perPage);$sql="select*fromuserinfowhereusername<>'admin'orderbyiddesclimit$firstCount,$displayPG";$result=mysqli_query($conn,$sql);echo$pageNav;?></td>图7会员列表分页4.主页//页面加载时二级导航的高度和banner图一致$(function(){varcar=$('.carousel-inner').height();$(".xia").height(car);console.log(car)}//页面大小发生变化是同样保持一致$(window).resize(function(event){varcar=$('.carousel-inner').height();$(".xia").height(car);}图8主页头部其他(一)主要问题1.页面导航光标点击之后出现模糊不清晰的情况。2.在后台管理页面，发现用户信息列表非常长，使用起来非常不方便。3.发现我们已经使用了管理员身份进行登录，但是当我们点击后台管理时系统仍然提示“请使用管理员身份登录”。(二)解决方法1.将页面导航文字进行加粗处理，并且当鼠标移动到上边时背景颜色变成白色。2.把所有的用户信息进行分页处理[9]，为了方便浏览和查找限制每页显示20条用户信息。3.我们发现出现问题3是因为我们登陆后系统并没有记住我们的登录状态，那我们只需要加入下面函数来判断已经处于登录状态。if(isset($_SESSION['loginUser'])and$_SESSION['loginUser']!=""){//说明已经处于登录状态

echo"hasLogin=1;";

echo"hasLoggedUserName=".$_SESSION['loginUser'].;(三)经验教训1.产品在进行开发之前应该做好前期调查，考虑到项目的可行性和实用性，应改关注到使用群体，从实际出发。2.在项目实际开发过程中没有关注到用户的真正需求，后期进行了大量的修改，在今后的开发工作过程中应该注重实际，从实际需求出发，顺应潮流，加大创新。3.由于逻辑思维不够严谨，导致项目开发完部分模块出现了逻辑混乱的情况，非常不利于后续使用，在以后的项目开发中要加强逻辑思维能力，保证程序的条例性、严谨性。导师评价

三、健身房网站的项目测试报告健身房网站测试报告项目概述(一)测试要求项目测试人员在测试过程中要及时记录，保证归纳出完整测试用例，保证本项目在不同系统的电脑上能够正常运行而且不能出现任何的漏洞和数据错误。保证会员注册完信息能跳转到登录页，会员登录后正常进入主页，会员可以在健身圈子中正常的发帖、评论。网站界面图片文字不出现重叠，错行等排版错误，给会员提供良好的使用体验。(二)测试目标通过测试找到健身房网站存在的问题，对程序进行反复检查测试，充分确保程序中图片文字排版正确，各个界面跳转正常无错误，程序稳定，没有异常崩溃的现象出现。测试方案(一)测试方法黑盒测试[10]黑盒测试简单的说就是把本项目看成一个封闭这的盒子，我们也不知到里面都有什么，我们可以站在用户的角度去使用这个网站。我把自己当成用户对网站注册登录开始使用，完全按照新用户的使用流程将整个网站都使用一遍。对重点功能进行反复使用，查看是否能正常点击浏览，能否输入文字。(二)测试原则1.早开始：测试活动要尽早开始，当部分功能开发完之后就可以开始进行测试，可以更早的发现存在的问题，尽早提出解决方法。2.二八法则：简单说就是如果有20%的功能，测试工作就要用80%的时间完成。测试是一项重要的工作，每一个功能都要用严谨细腻的思维去测试是否存在漏洞[11]。测试项目要求(一)测试内容[12]从头至尾将程序使用一遍，每一个模块按钮都要进行测试，反复测试程序的每一项功能，不断完善优化直至程序不出现异常，当漏洞都解决之后在进行最后一次测试，保证程序不出问题[13]，，(二)测试需求要求使用不同系统的电脑运行都不出现异常，需要装WindowsXP，Win7，Win8，Win10的电脑各一台。(三)测试用例表3测试用例操作步骤预期实际情况1.所有信息填写后点击提交注册成功、跳转到登录页和预期效果一致2.输入账号密码验证码登录登录成功和预期效果一致10.输入管理员账号密码进入管理员页面和预期效果一致20.点击修改用户资料修改用户资料成功和预期效果一致21.点击删除可以删除用户资料和预期效果一致22.点击健身圈子界面跳转和预期效果一致23.点击发新帖按格式编辑完可以发表和预期效果一致24.点击已经发表的帖子可以浏览、回复帖子和预期效果一致为了方便使用“bestfit线上健身房网站”，尽可能少的减少系统错误的发生，我们对该网站的全部功能界面进行测试，简言之就是我们输入一些数据对其进行提交，之后查看页面的反馈，点击一些按钮之后检测页面能否实现相关功能。测试详情见附录1.测试结果经过不断的对软件进行测试，发现了验证码不能刷新、注册提交后显示写入数据库成功但是在数据库中没有相关注册信息、部分页面跳转出现错误、轮播图图片不能自动翻页、部分图片文字无法显示等问题。通过不断的优化处理，bestfit健身房网站项目需求中的所有功能都能顺利实现，大多数错误条件经过处理最终通过测试，bestfit健身房网站的基本功能都是可行的，不管是系统里面的功能还是界面的设计都是可以投入使用的。测试评价本次所有测试都站在健身房会员的角度来进行测试，以用户的立场来判断某个功能和模块是否有缺陷以及操作不方便的地方。把每个模块的使用质量放在第一位，保证测试工作高质量完成。程序出现漏洞难以避免，系统测试工作虽然劳心劳力，但是为了保证网站能正常投入使用，高质量的网站测试是必不可少的。对解决问题后的程序仍然需要再次进行测试[14]，直到不出现任何问题后，停止测试。测试结论反复测试后发现网站存在很多隐藏问题，经过不断的测试和修改，对出现问题的地方已经全部优化，对于数据库链接出错、页面跳转错误、图片文字无法正常显示的地方进行了优化，对于程序算法出现错误的地方进行了修改最后测试通过，不再出现插入数据库失败的情况以及图片文字无法正常显示的问题。其他经验教训程序再完美也会出现漏洞，测试工作要求比开发工作更加细心，发现问题要第一时间根据问题找原因，寻找解决办法，如果实在解决不了可以找同学或者老师一起讨论，寻求他们的帮助，吸取经验。测试出现问题一定要将问题找出及时解决，否则将会出现更多的错误。导师评价

结论本项目对于编程思想薄弱的我来说真的很困难，很高兴自己能通过认真研究学习，阅读文献，观看大神编程教程，学习编程技巧完成了这个项目。本项目是基于PHP技术设计开发的线上健身房网站，为了减小疫情下线下健身房受到的资金和会员流失的双重压力。用户可以线上网站浏览健身房的简介，还可以在健身圈子中发表一些健身日常的帖子，和健身爱好者、健身教练一起科学健身。健身房管理人员还可以获取用户信息，方便后续管理、宣传、推荐课程。网站开发真的是一个很有意思的工作，我们可以通过HTML和CSS设计好看的前端页面，可以通过JavaScript技术做出精彩的交互特效[15]，还可以利用数据库储存，查看信息。这个项目我学会了很多，收获了很多也付出了很多，在今后的日子里还要努力学习，不断提高自己。

参考文献[1]莫璐宇.网站用户注册登录的影响因素和交互体验研究[D].浙江大学,2019.[2]张向伟.Web前端开发技术学习方式探讨[J].电脑编程技巧与维护,2021(03).[3]刘恒祥.基于PHP&MySQL的高校招生管理信息系统的开发与设计[J].自动化技术与应用,2021,40(03).[4]黄源,郭翰科.大数据时代基于数据库设计原则的数据库加解密关键原理分析[J].网络安全技术与应用,2021(04).[5]龚地斌.互联网+时代PHP动态网站开发技术应用[J].数码世界,2021(03).[6]胡中夏.基于.NET的设备管理系统的设计与实现［J］.软件，2012，33(9).[7]张炜,刘维毅.基于表格的网站页面开发方法、装置、设备及存储介质[P].广东省：CN112558940A,2021-03-26.[8]马宁宁.网页中实现轮播图的简易方法探讨[J].电脑知识与技术,2021,17(05).[9]徐顺格,范渊,黄进.一种网站安全性分析方法、系统、设备及计算机介质[P].浙江省：CN112395523A,2021-02-23.[10]李悦雷,张杨生,张维.一种可拓展式的、可拖拽的、多种实验复用的编程方法[P].天津市：CN111949243A,2020-11-17.[11]凯纳.软件测试经验与教训[M].第二版.北京:机械工业出版社,2004:60-79.[12]宋雪雁,张梦笛.晋江文学城原创文学网站用户画像研究[J].图书情报工作,2020,64(23):63-74.[13