布同:web版比赛实时算分系统的设计布同

表演期间,需要展示当前节目的基本信息。

表演完毕,需要所有评审对当前表演者进行打分。打分可能分为多项,多个考核点,最后加和算是最后给分。

打分完毕,需要计算平均分,可能会有去掉最高分和最低分的操作。

最后展示,所有队伍的排名。

【需求点】

2.管理评审的基本信息

3.表演者信息管理

后台最好有个表演者列表,可以管理表演顺序,控制评审的对分对象,临时队伍退赛也可以及时剔除,避免影响。还可以统计分数,便于排名。

4.大屏幕信息展示管理

可能需要展示的有,评审列表,节目列表,单个节目的详细介绍,单个节目的分数列表,排名列表。这些都需要大屏幕实时相应去变化。

【技术方案】

1.LAMP结构搭建后台

php脚本类似c++语法,对于c/C++程序员来说入手很快。wampserver搭建的apache几乎不需要任何配置,写好php代码管理好数据即可。同时,wampserver安装完成之后,可以在文档目录下找到几个已经建好的子站点,文档目录一般是c:/wamp。所以整个技术还是比较容易入手的。

2.建立页面缓存

如果用php去动态打印页面代码是很累的,这里一般使用比较成熟的smarty模版语言。smarty是利用php进行封装之后的一个类,用来将一定格式的网页模版翻译为可以供浏览器执行的页面文件。这个页面文件可以保存在本地目录中,供快速调用。如果模版文件被修改,生成的缓存页面也会被修改,所以开发完成后,调用的速度是很快的。

3.免刷新控制显示

【操作过程】

1.安装wampserver

可以选择安装在D盘,都是一样的,安装之后会在D:/wamp目录下能看到alias和apps目录。

2.添加文档目录配置

在alias目录下一般会有已经有几个文件了,你可以拷贝其中一个自己建一个子站,稍加修改,如:

//count.confAlias/count"D:/wamp/apps/count/"OptionsIndexesFollowSymLinksMultiViewsAllowOverrideallOrderDeny,AllowAllowfromall其中D:/wamp/apps/count就是我建好的名字为count子站的子站了,文件名可以使用count.conf,加以区分。

3.添加网站入口文件

在刚才count.conf文件中填好的目录下,如:D:/wamp/apps/count/,添加index.php文件,其中可以加入如下测试代码:

//index.php作为结束符,不过没有也是可以的,系统会自己找到结束符。所以直接不添加了。而且在html文件中,可以添加php代码,这个时候php代码段的最后位置如果有大量的空白内容也许会打印到页面文件中,造成意外的格式,反倒是不好的。所以不用结束符是更好的方式。

//Turnoffallerrorreportingerror_reporting(0);//Reportsimplerunningerrorserror_reporting(E_ERROR|E_WARNING|E_PARSE);//ReportingE_NOTICEcanbegoodtoo(toreportuninitialized//variablesorcatchvariablenamemisspellings...)error_reporting(E_ERROR|E_WARNING|E_PARSE|E_NOTICE);//ReportallerrorsexceptE_NOTICE//Thisisthedefaultvaluesetinphp.inierror_reporting(E_ALL^E_NOTICE);//ReportallPHPerrors(bitwise63maybeusedinPHP3)error_reporting(E_ALL);//Sameaserror_reporting(E_ALL);ini_set('error_reporting',E_ALL);看到了welcomtocount之后,就要开始进入全面开发阶段了。

4.搭建网站框架

一个好的网站应该有自己的网站架构来管理自己的代码和功能,便于维护和升级,也可以使得结构清晰,便于理解。这里我们可以使用经典的MVC架构。

在apps/count目录下创建module,controller,view三个文件夹,其中view放置页面文件,很多人喜欢把js和css文件也放在view文件加下,这是可行的,放在和view同级目录也行,根据个人习惯即可,count目录是子站的入口目录,只要获取js和css文件的路径是方便的,都是可以的。

module目录放置功能前端功能类,controller放置调用前端功能类,决定什么接口展示什么页面,view是放置页面的地方,还可以放置smarty模版。

我们还可以再建一个library目录,用来放置插件,其他扩展的功能类,例如smarty类,gearman,DB类,memcache类等,当然我们这里也不是都能用到。

5.设计数据存储结构

建表如下:

6.基本工具

这里的基本工具包括,smarty类,可以放到library下,也可以自己定义个类,简单的将smarty类再包一下。例如:

//Module.phpfunctionsmartyOut($view,$out=null){$file=BASE_PATH.'/View/'.$view.'.html';if(!is_file($file)){thrownewException("can'tfind[{$file}].");}require_onceBASE_PATH.'/Library/Smarty/Smarty.class.php';$smarty=Smarty::getInstance();$smarty->left_delimiter='';$out['time']=date('Y-m-dH:i:s');$smarty->assign('out',$out);$smarty->display($file);}这里经过这样的简单包装之后,只需要传入一个view名字,变量名,就完成了对smarty的调用。

另外,对于DB访问数据库的基本函数也可以封装下,将错误记录到执行的文件中去。例如:

日志工具可以按照几个等级和类型进行封装,这里我为了方便,只封装了info提示信息函数。我将info的参数多类型化,这样传入字符串和数组都能够很好的处理。避免外部时而json_encode,时而serialize,将数组转换的麻烦。例如:

//Logs.phpclassLogs{static$_dir='';static$_file='';staticfunctioninit($pre){self::$_dir=BASE_PATH.'/Log/';self::$_file=self::$_dir.$pre."_".date("Ymd");}staticfunctioninfoStr($obj){if(!self::$_file){thrownewException("logfilenotinit.");}if(is_array($obj)){$str='';foreach($objas$one){$str.=self::infoStr($one);}}else{$str=$obj;}return$str;}staticfunctioninfo($obj){$str='['.date('Y-m-dH:i:s').']'.self::infoStr($obj);file_put_contents(self::$_file,$str,FILE_APPEND);}}7.module类开发

//module.phpclassGroupextendsModule{function__construct(){Logs::init('log');}functiondisplay(){$obj=DB::getInstance();$sql="select*fromt_group";$results=array();$ret=$obj->select($sql,$results);$ret['num']=count($results);if($ret['ret']&&$results){$ret['info']="查询成功.";}else{$ret['ret']=false;$ret['info']="查询失败.";}$ret['data']=$results;parent::smartyOut('grouplist',$ret);}}上面是一个我定义的展示表演队伍列表的类,将数据获取到之后,再加上页面文件名字grouplist.html,传递给父类Module,这样就可以将变量传到grouplist文件中,这个文件其实是一个smarty模版,就可以通过out变量访问到results变量中的队伍列表了。

8.view开发

根据上面的grouplist.html的信息,可以做如下的代码,例如:

最后我们既可以看到类似如此的效果:

这里我们看到的页面还是一个比较死的页面,要让他自动感知后台数据的变化,需要做以下工作。

9.页面自动刷新

js部分需要自动发送请求到服务器的某个接口去询问是否发生了变化,用来判断页面是否应该刷新。服务器的接口可以为:

//Module.phpfunctionparse(){$module=isset($_GET['m'])$_GET['m']:'';$action=isset($_GET['a'])$_GET['a']:'';$this->_rute=array('module'=>$module,'action'=>$action,);if(!$module){returnfalse;}$file=BASE_PATH.'/Module/'.$module.'.php';if(!is_file($file)){throwNewException("can'tfindmodule[{$file}].");exit;}require_once$file;if(!class_exists($module)){throwNewException("can'tfindclass[{$module}].");exit;}if(!method_exists($module,$action)){throwNewException("can'tfindaction[{$action}]inclass[{$module}].");exit;}$obj=new$module();$obj->$action();returntrue;}php是动态脚本,随时都可以从字符串中决定调用什么类,什么函数。这也正是脚本的最突出的特点之一。

9.其他注意点

wampserver如果默认没有开启online模式,那么局域网中的其他机器是不能访问到count子站。是否开启了这个模式,可以将鼠标moveover任务栏上的wampserver图标,将会显示这个信息,如果没有可以鼠标左键单击,开启online模式。

如果后台的脚本使用POST方式去请求,那么从页面上要调试后台脚本时,如果发现不能访问到,可以按照这样的步骤去进行:先看apache日志是否有捕获到这个请求,如果未捕获到,可以重启apache,或者重启所有服务(只是稍慢几秒);如果日志中显示异常,可能是apache的配置不正确,请你检查count.conf文件,如果没有错误,那么还要注意allowall的配置,不要将所有请求都deny,如果要限制本机,也是在这里设置的,例如:denyfromlocalhost,127.0.0.1等。

【总结】

到这里,所有我想讲述的技术点都在这里了。我并没有把所有页面和接口的开发都统统列举,只是点到即止。如有疑问,请留言即可。这里是其中部分脚本:

THE END
1.爱设计在线设计神器平面设计网站登录后你可以: 海量模板免费用 正版商用授权 高清免费下载 云存档服务 立即登录微信扫一扫登录 首次登录需关注“爱设计编辑器”公众号 账号密码登录 QQ登录 微博登录 企业微信 登录即代表同意用户协议、隐私政策、授权许可协议,如果您成为 爱设计会员则视为同意会员服务协议 https://www.isheji.com/
2.6个设计必备网站,完全免费命令提示符菜鸟设计师分享6个设计常用网站,这些网站涵盖了从灵感激发到素材获取的全方位需求,是每位设计师的必备利器。一起来看看吧! 1、抠抠图 打开网易新闻 查看精彩图片 抠抠图是一个免费的在线AI批量抠图网站,它利用先进的图像识别技术,能够自动识别图片中的主体,并精确地将其从背景中分离出来。使用抠抠图,你只需上传图片,系统就会https://m.163.com/dy/article/JJMPN5LL0552M4EG.html
3.设计在线极有辩识度的Gogo便利店包装设计 一线天2024/12/18 女性形象在LOGO设计中的运用实例 一线天2024/12/18 意大利Stellish米蛋白煎饼品牌设计 “Stellish”低糖、无麸质、有机种植的米蛋白煎饼品牌设计。 lifa2024/12/18 猫咪生活场景插画欣赏 lifa2024/12/18 http://www.ccdol.com/
4.新创意设计设计中用到两种及以上字体,怎么去平衡搭配? 房子本该这样!出于自然而融于自然 微软为Surface设计了一款可定制新型的触觉键盘 充满夏日感的苹果酒品牌标签设计 迈阿密街头艺术家创作令人印象深刻的万花筒壁画 值得借鉴,这个网站使用了非常可爱的字体 进步艺术画廊出现在耶路撒冷的宗教艺术舞台上 荷兰字体设计师的字体在阿巴拉http://www.shejiol.com.cn/index.html
5.移动端UI设计网站精选:激发创意与提升效率的灵感源泉在未来的移动端UI设计领域,随着技术的不断发展和用户需求的不断变化,设计师们需要不断学习和探索新的设计理念和工具平台。而这些移动端UI设计网站正是他们获取灵感和提升效率的重要途径之一。因此,我们期待这些平台能够继续为设计师们提供更多优质的设计资源和工具支持,共同推动移动端UI设计领域的发展和创新。 https://www.pbids.com/aboutUs/pbidsNews/1861322362273763328
6.BIM设计大赛官方网站入口BIM免费教程创新设计 BIM设计大赛致力于鼓励创新设计理念,激发设计师的灵感和创造力。参赛作品涵盖建筑设计、结构设计、机电设计等多个领域,每一件作品都是设计师们用心血和智慧打磨出的精品。 技术交流 在BIM设计大赛官方网站入口,你可以找到最前沿的设计技术和最新的行业动态。设计师们在这里分享他们的设计经验,探讨技术难题,并http://www.tuituisoft.com/bim/132900.html
7.平面教程影视动画教程办公教程机械设计教程网站设计教程我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训https://www.51zxw.net/
8.免费logo在线制作,logo设计,logo在线生成,字体logo设计,U钙网U钙网遵循标志logo设计理念的艺术规律,创造性地探求恰当的艺术表现形式和手法,使所设计的标志logo具有高度的整体美感、获得最佳视觉效果。 最新原创设计更多 免费LOGO设计案例 最新图标字母图标动物图标厨师美食房屋建筑植物图标龙凤神兽商标设计文字设计欧式花纹 https://www.uugai.com/
9.免费获取nike源码网站资源,助力成品网站开发与设计成品游戏网站入口免费 想要访问成品游戏网站并且不用支付费用,寻找免费入口是关键。许多游戏网站都会提供免费的注册入口,让用户可以轻松登录。在使用这些网站时,务必留意是否存在隐藏付费内容,确保享受无广告的游戏体验。保持对网站的关注,有时会出现限时的免费活动,抓住机会即可畅玩多款热门游戏。 成品网站免费一键生成 成品http://www.btxzjt.com/ceping/4966.shtml
10.Canva可画在线设计协作平台平面设计作图软件使用Canva可画开始设计 开始免费使用 浏览 设计类型 模板中心 版权图库 图表制作 特色功能 办公套件 应用市场 行业解决方案 功能 在线设计 免费设计 在线抠图 在线拼图 图片编辑 视频剪辑 在线白板 思维导图 网站制作 证件照制作 PDF编辑器 灵感 设计学院 https://www.canva.cn/
11.PPT教学课件PPT课件下载PPT课件免费下载《图文并茂》PPT免费课件下载 《图文并茂》PPT教学课件下载 《我设计的服装》PPT免费教学课件 《我设计的服装》PPT优秀课件下载 音乐PPT课件 更多 《十八相送》PPT下载 《刘大哥讲话理太偏》PPT教学课件 《刘大哥讲话理太偏》PPT下载 《鼓声》PPT课件 https://www.1ppt.com/kejian/
12.稿定设计在线设计平台海报设计图片设计视频编辑海量设计模板加持不会PS也能轻松搞定设计,在线设计海报、简历、PPT、名片、宣传单、邀请函、Logo等多种设计需求场景,3秒抠图、批量套版、AI辅助设计实用便捷。海量正版授权资源,商用无忧。https://www.gaoding.com/
13.设计导航设计师网址导航专注分享优秀设计网站、免费无版权限制可商用的高品质素材,设计教程、尺寸规范、配色方案、设计素材和灵感https://hao.shejidaren.com/
14.千图样机样机素材千图样机素材免费下载,是样机素材,提供样机设计,样机模板,logo素材,UI页面样机,名片样机,海报样机,包装样机,海报样机等各种样机素材免费下载。https://www.58pic.com/yangji/
15.在线生成毛笔字在线毛笔字字体设计网站毛笔字是中国传统书法之一,是几千年的历史文化发展而来,对中国文化有着深厚的影响力,毛笔字体丰富多样,练习者众多,毛笔书法是重要的文化传承!毛笔字生成器收录上百款字体,归类整理多位知名书法家字体供大家生成,还可调整大小,设置颜色及背景颜色等。链接庞中华 柳公权 硬笔 启功 欧阳询 飞白体 瘦金体 连笔字 福字http://www.akuziti.com/mb/
16.推荐4个简历网站免费下载简历!家人们谁懂啊。。。今天推荐 4 个简历网站免费下载简历!绝对没有任何收费入口!它们分别是国内简历网站即时设计以及国外简历网站 Resume Now、Indeed 以及 FreeSumes,一起来看看吧! 点击进入免费简历网站即时设计 1. 即时设计 即时设计是一个国产的设计工具,但是同样具有很多免费的模板资源,这其中包括很多的简历https://js.design/special/article/cv-website.html
17.免费高清视频学习教程3.1:Cad设计新手快速入门视频教程2024年的b站推广网站入口形式可能会有所改变,但目前来看,b站的推广形式主要包括广告投放、合作推广、内容推广等形式。具体的推广形式可以根据具体情况进行选择。 B站视频可以离线观看吗 在b站客户端中,用户是可以将视频进行离线观看的。只需要在观看视频时,点击相应的离线观看按钮,即可将视频保存到本地,方便随时观看。 http://www.shnygjmy.com/news/82663.html
18.创客贴设计官网入口,免费在线设计,抠图,ai商品图,海报设计,海量高免费ai在线设计,抠图,ai商品图,海报设计,海量高品质可商用资源https://biemoyu.com/sites/chuangketie-shejishenqi.html?mininav-id=72
19.字体导航免费字体商用图片设计师实用百宝箱字体传奇设计导航提供,免费可商用字体,商用图片网站,中英文字体,书法字体,字库字体,字体大全,PSD矢量素材,LOGO生成,等海量设计师学习导航,字体教程,LOGO教程,国外设计教程,https://hao.ziticq.com/
20.中国知网旧版入口 充值 会员 检索 AI增强检索 AI研究助手 主题▼ 问答 高级检索 >出版物检索 > 学术期刊 学位论文 会议 报纸 年鉴 专利 标准 成果 学术辑刊 图书 文库 工具书 中国引文库 学术图片 学术视频 音频 统计数据AI知数 法律法规 政府文件 科技报告 https://www.cnki.net/
21.paperpass论文查重入口paperpass免费查重复率检测系统paperpass免费查重入口,700万大学生正在用的免费论文相似度检测系统;权威可信赖的论文检测,paperpass查重为毕业生提供专业的论文重复率检测、论文降重等学术不端检测等一站式服务!https://creativecommons.cn/
22.小游戏,4399小游戏,小游戏大全,双人小游戏大全4399小游戏大全包含连连看 ,连连看小游戏大全,双人小游戏大全,H5在线小游戏,4399洛克王国,4399赛尔号,4399奥拉星,4399奥比岛,4399弹弹堂,4399单人小游戏,奥比岛小游戏,造梦西游online,造梦无双等最新小游戏。https://www.4399.com/
23.火爆全网的AI绘画网站二次元入口,为你打开创意之门!快速免费使用:Pixso AI支持在线使用,无需下载安装,减轻用户安装压力。另外,它为用户提供的免费使用次数,能够帮助用户快速解决图片生成、文案润色、统一设计规范等各个方面的难题,点击免费在线使用Pixso AI。 Problembo AI绘画网站二次元入口Problembo能为用户提供动漫人工智能艺术生成的功能,它支持用户通过文本和图像结合https://pixso.cn/designskills/anime-entrance-of-ai-painting-website/
24.知末网下素材找灵感看案例免费绘图 局部替换/消除/抠图/重上色 免费绘图 PS素材 · 室内设计展板免抠 PS素材 · 室内设计展板免抠 PS素材 · psd免抠展板设计 贴图材质 · PNG免抠动物小猫小狗 3D模型 · 法式鞋柜 地柜式 入户玄关 效果图 · 现代简约大平层 图片· Outdoor Elegance: Modern Luxury Mansion with a Captivating https://www.znzmo.com/
25.比格设计在线图片编辑器免费在线图片制作比格设计是一款在线图片编辑器网站,提供海量正版图片、海报图片、公众号配图、图片模板设计素材,大量图片素材均可免费在线图片制作设计,正版配图设计素材,商用无忧。https://bigesj.com/
26.企业建站用弘帝更简单终生免费的建站系统前端设计师的福音前后端分离、商用篡改无责、模板共享、 完全免费、开源下载,一键生成网站,纯手写代码,非拖拽式建站,是一款安全免费高效的建站系统。http://www.hondy.net/
27.易企秀免费H5模板AI在线设计海报视频数字人会员免费用 寒假旅游创意境外意大利六日游宣传活动 nzhu 1 H5 会员免费用 商务鎏金新中式会议活动年会盛典招商答谢会邀请函 MOGU设计 24 H5 会员免费用 元旦节春节廉洁过节倡议书活动邀请函节日祝福h5 17品牌设计机构 19 H5 会员免费用 严选寒假游桂林境内游景点旅游攻略行程安排活动宣传 https://www.eqxiu.com/
28.觅知网觅知网专注原创版权设计模板图片素材下载。超过200万PPT模板、海报、PNG素材、背景、插画、元素、摄影图片、字体、视频、音频素材大全供会员免费下载。10000+各行业优质设计师每日更新5000+优质设计资源,满足各行业设计素材模板需求。https://www.51miz.com/
29.必看!10个高质量海报设计网站,激发你的无限创意灵感!这个海报不少大佬也有分享过,你可以在免费和专业区找到各种类型的海报,而且同样根据设计场景有明确的分区,直接按照导航即可找到。 10.魔力设 这也是一个在线设计网站里面比较强大的了,号称 拥有300w+设计模板,也有配套的商用素材,可以帮你更好地完成设计工作。 https://zhuanlan.zhihu.com/p/12477376548
30.设计神器uispace!免费可商用的素材模板资源库ispace 是专门汇总各种设计资源的网站,包含PSD、AI、Sketch、图标、字体、插件等,这些资源可以免费下载,可用于商业项目。https://uiiiuiii.com/software/481023.html