PHP-校花评选-埃洛等级分系统(Elo rating system)

2024-06-11 03:38
文章标签 系统 php system 评选 校花 elo rating 等级分 埃洛

本文主要是介绍PHP-校花评选-埃洛等级分系统(Elo rating system)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

校花是怎么评出来的

转载自：https://www.shiyanlou.com/courses/document/990
源程序地址：http://download.csdn.net/detail/u011532367/9310479

图片描述信息

看看DEMO

课程目录 （markdown 中使用 [toc] 自动产生 ）
图片描述信息

一、实验介绍

1. 环境登录

无需密码自动登录，系统用户名shiyanlou，密码shiyanlou

2. 环境介绍

本实验环境采用带桌面的Ubuntu Linux环境，实验中会用到桌面上的程序：

  1. LX终端（LXTerminal）: Linux命令行终端，打开后会进入Bash环境，可以使用Linux命令
  2. Firefox：浏览器，用于前端页面展示
  3. GVim：非常好用的编辑器，最简单的用法可以参考课程Vim编辑器
  4. PHP环境. 实验楼提供了我们一个很完美的平台快速学习.

3.环境配置

获取此教程代码

cd /home/shiyanlou/Code/
git clone http://git.shiyanlou.com/shitou/shiyanlou_cs321.git

下载完整代码到本地
图片描述信息

a. php环境
sudo apt-get install nginx   //下载安装nginx
sudo apt-get update     //更新远程软件源
sudo apt-get install php5-fpm  //下载安装 php

等待下载完成….

b. 修改nginx配置文件.

图片描述信息

sudo vim /etc/nginx/sites-available/default  #使用vim编辑器修改默认的nginx根目录和php支持
或者
sudo gedit /etc/nginx/sites-available/default # 使用gedit编辑器修改默认的nginx根目录和php支持

打开文件后，进入到文件24行.将此行设置为根目录地址.

22  listen [::]:80 default_server ipv6only=on;
23
24  root /home/shiyanlou/Code/shiyanlou_cs321;  // 此处设置网站默认根目录
25  index index.html index.htm;

找到54-64行前面的注释去掉（除59行不需要去掉）.改为如下形式.

54  location ~ \.php$ {
55      fastcgi_split_path_info ^(.+\.php)(/.+)$;
56      # NOTE: You should have 'cgi.fix_pathinfo = 0;' in php.ini
57  
58      # With php5-cgi alone:
59  #    fastcgi_pass 127.0.0.1:9000;
60      # With php5-fpm:
61      fastcgi_pass unix:/var/run/php5-fpm.sock;
62      fastcgi_index index.php;
63      include fastcgi_params;
64  }
c. mysql 环境
实验楼 mysql环境中已经默认搭建好，直接可以启动.

sudo service mysql start # 启动mysql进程
mysql -uroot #连接mysql

mysql启动

二、项目介绍

1. 简介

《社交网络》中页面：
美女排名算法
教程中页面实现：

校花评比项目这个想法来自于电影《社交网络》
——马克扎克伯格被女友甩了之后，一气之下黑了所有宿舍的相册，将所有女生的照片放在Facemash上供人评比。如今我们实验楼的教程教大家也来过把瘾，把这个实现过程来重映一下。请同学们好好利用实验楼里面的环境~~

《社交网络》在线播放
看看DEMO
介绍： 校花排名页面随机产生两个女生(名字做了处理) ， 比较两个女生的颜值， 然后利用鼠标点击选择一个你认为较漂亮的女生，随后数据自动提交到数据后台处理， 页面会自动刷新，再次随机产生两个女生，再次选择比较， 依次达到不断更新颜值的作用。 上方进度条可以显示你的进度，当进行10次选择以后， 页面自动弹到排名页面， 显示美女排名 ，以及校花。
排名
想法来自《社交网络》，所以这里教程的步骤也跟着扎克伯格的脚步来进行。

a. 获取图片信息(了解).
1). apache 允许插入目录,所以wegt 就能全部下载下来.
2). 加不了目录，所以进行一个空白搜索，接着数据库里所有的图片就会显示出来。利用火狐保存网页就能保存所有图片.
3). 需要密码的破解直接进入，对方没有高级权限，就发现不了这次入侵.
4).搜索链接到个人网页的,修改perl代码进入个人网页批量提取图片即可.
b. 排名算法

美女排名算法
每个女生都有一个1400的基础颜值，，可称作“旧颜值”，在供人评比之后，将会通过公式计算出“新颜值”。
埃洛等级分系统(Elo rating system)
假设女生A和B的当前颜值分别为RA和RB.
A对B的胜率期望值当为：
图片描述信息
类似B对A的胜率为：
图片描述信息
举例说明:
假如一位女生在比赛中的真实得分（胜=1分，和=0.5分，负=0分）和她的胜率期望值不同，则她的颜值要作相应的调整。
例如，女生A颜值为1613，与颜值为1573的女生B战平。若K取32，则A的胜率期望值为
图片描述信息
因而A的新颜值为1613+32*(0.5-0.5573)=1611.166;
在不断的两两比较之后,由此可以得出他们的颜值排名。
然后就知道校花是谁了。

三、项目开始

获取此教程代码

cd /home/shiyanlou/Code/
git clone http://git.shiyanlou.com/shitou/shiyanlou_cs321.git

1. 建库建表

sudo service mysql start # 启动mysqld进程
mysql -uroot #连接mysql

配置web环境以后，就可以开始操作代码了。

完整的代码都保存在了Mysql.sql中 自行下载查询.

a. 创建beauty数据库.

mysql> CREATE DATABASE beauty DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
mysql> use beauty
b. 设计stu数据库表

数据库存储女生信息.（id，姓名，标识，图片，颜值）

mysql> CREATE TABLE IF NOT EXISTS `stu` (`id` int(11) NOT NULL AUTO_INCREMENT,`stu` varchar(255) DEFAULT NULL,`img` varchar(255) NOT NULL,`beauti` varchar(255) DEFAULT NULL,`score` int(20) NOT NULL DEFAULT '1400',PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=78 ;
c. 插入数据到beauty数据表。

实例:

INSERT INTO `stu` (`id`, `stu`, `img`, `beauti`, `score`) VALUES
(1, 'Mary', '', 'image/01.jpg', 1400),
(2, 'Nancy', '', 'image/02.jpg', 1400),
(3, 'Kacy', '', 'image/03.jpg', 1400),
(4, 'Judegli', '', 'image/04.jpg', 1400);

ps: 因为网络原因这里就没有提供女生图片，可以参考外网demo.
图片描述信息

2. 页面布局(主要布局)

前端html

前端设计采用bootstrap响应式布局，适合任何设备使用。主要布局如下(具体看下载下来的页面代码):

<div class='container rank'><div class='progress'><div class='progress-bar' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style=''><span class=''>0% Complete</span></div></div><div class='alert alert-info alert-dismissible' role='alert' style='display:none;'><button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'> &amp;times;</span></button><strong>!</strong>Of the two girls, who do you think is more beautiful~</div><?php require('DBMysql.php');$query=new DBMysql();$i=0;$sql='select * from stu order by rand() limit 2';$result=$query->query($sql);while($row=mysql_fetch_array($result)){ $i++;?><div class='col_2 rankimg<?php echo $i; ?> rankimg'><input type='hidden' value='<?php echo $row['id'];?>'><a  href='#' id='ranka<?php echo $i; ?>'><img src='<?php echo $row['beauti'];?>' class='img-responsive img-rounded' alt='<?php echo $row['stu'];?> image'></a><span><?php echo $row['stu'];?></span></div><?php }?></div>

在主体部分内部随机产生两个女生并列显示. 利用对数据库的随机查询每次刷新随机产生两个女生，然后对她们进行选择比较，产生分值差.因为环境网络原因。外网可看看DEMO

2. js动态控制（交互）

js控制
这里利用了jquery的库，已经打包。

    $('#ranka1').on('click',function(){$('#ranka2').hide();rank(1);});$('#ranka2').on('click',function(){rank(0);$('#ranka1').hide();});//选择其中一个女生后，另一个女生图片消失，等待服务器响应。function rank(i){$.ajax({url: './rank.php',   //访问路径 data: '&amp;stu1=' + $('.rankimg1 input').val() + '&amp;stu2=' + $('.rankimg2 input').val()+'&amp;id='+i, //需要验证的参数 type: 'post', //传值的方式 error: function () {}, success: function (msg) {window.location.reload();}})}//上传选择信息到服务器处理 ，处理完后，刷新页面重新加载两个女生。function getCookie(name)   //获取cookie函数{var arr,reg=new RegExp('(^| )'+name+'=([^;]*)(;|$)');if(arr=document.cookie.match(reg))return (arr[2]);elsereturn null;}if(!getCookie('rankwoman')){$('.alert-info').show();document.cookie='rankwomanper=0';}document.cookie='rankwoman=rankwoman';rankwomanper=parseInt(getCookie('rankwomanper'));$('.progress-bar').width(rankwomanper+'0%');$('.progress-bar span').text(rankwomanper+'0% Competed');rankwomanper=parseInt(getCookie('rankwomanper'))+1;document.cookie='rankwomanper='+rankwomanper;//页面每次刷新一次  存在cookie中rankwomanper的值+1 当累计到10以后页面自动刷新跳转到列表排名页面。if(getCookie('rankwomanper')>10){window.location.href='./ranklist.php';}
//等待页面再次刷新重新分配两个女生进行比较.

图片描述信息

3. PHP后台处理(颜值计算)

利用了上面分析的ELo算法所写。
Rank.php
* 功能: 排名 Rank
* 专业名: Elo Rating System (埃洛等级分系统)
* Author: 实验楼 石头哥
* E-Mail: winipcss@outlook.com 

$run=new Rank();  //自动启动类中的selectStu函数开始处理 POST 过来的数据。
$a=$run->selectStu();
var_dump($a); 
class Rank
{private static $K=32;function queryScore($stu){$sql='SELECT * FROM stu WHERE `id` = {$stu}';$query=new DBMysql();$info=$query->fetch($sql);return $info['score'];}function updateScore($Ra,$stu){$query=new DBMysql();$query->query('UPDATE `stu` SET `score` = $Ra WHERE `id` = $stu');}function expect($Ra,$Rb){$Ea=1/(1+pow(10,($Rb-$Ra)/400));return $Ea;}function calculateScore($Ra,$Ea,$num){$Ra=$Ra+$this::$K*($num-$Ea);return $Ra;}function selectStu(){require('DBMysql.php');$stu1=@$_POST['stu1'];$stu2=@$_POST['stu2'];$victoryid=@$_POST['id'];return $this->getScore($stu1,$stu2,$victoryid);}function getScore($stu1,$stu2,$victoryid){// 查询目前分数$Ra=$this->queryScore($stu1);$Rb=$this->queryScore($stu2);if($Ra &amp; $Rb){// 求期望值$Ea=$this->expect($Ra,$Rb);$Eb=$this->expect($Rb,$Ra);$Ra=$this->calculateScore($Ra,$Ea,$victoryid);$Rb=$this->calculateScore($Rb,$Eb,1-$victoryid);$Rab=array($Ra,$Rb);// 新分数入库$this->updateScore($Ra,$stu1);$this->updateScore($Rb,$stu2);return $Rab;}else{return false;}}
}

4. 数据库操作辅助类

用来方便操作mysql数据库。

DBMysql.php
* 功能: 数据库查询

class DBMysql
{
//dbc()中使用了编码函数 用来防止中文乱码。function dbc(){$dbc = @mysql_connect('localhost','root','') OR die('Could not connected to MySQL: '.mysql_error());$db_selected = mysql_select_db('beauty',$dbc);$program_char = 'utf8';mysql_set_charset($program_char, $dbc);mysql_client_encoding($dbc);mysql_query('set character_set_results=utf8');mysql_query('SET NAMES utf8');   //return $dbc;}function query($sql){$dbc=$this->dbc();$result=mysql_query($sql, $dbc);return $result;}function fetch($sql){$result=$this->query($sql);$fetch=mysql_fetch_array($result);return $fetch;}}

启动

sudo service nginx start    //启动nginx
sudo service php5-fpm start  //启动 php

打开浏览器即可。输入http://127.0.0.1/index.php
然后就可以进去了
第一次启动
点击Choose Again 可以再次选票
返回

这篇关于PHP-校花评选-埃洛等级分系统(Elo rating system)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1050101。

相关文章

利用Python快速搭建Markdown笔记发布系统

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言：为什么要自建知识博客一、技术选型：极简主义开发栈二、系统架构设计三、核心代码实现（分步解析
阅读更多...
Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整
阅读更多...
Linux系统中卸载与安装JDK的详细教程

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1
阅读更多...
Linux系统之主机网络配置方式

Linux系统之主机网络配置方式

《Linux系统之主机网络配置方式》：本文主要介绍Linux系统之主机网络配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、查看主机的网络参数1、查看主机名2、查看IP地址3、查看网关4、查看DNS二、配置网卡1、修改网卡配置文件2、nmcli工具【通用
阅读更多...
Linux系统之dns域名解析全过程

Linux系统之dns域名解析全过程

《Linux系统之dns域名解析全过程》：本文主要介绍Linux系统之dns域名解析全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、dns域名解析介绍1、DNS核心概念1.1 区域 zone1.2 记录 record二、DNS服务的配置1、正向解析的配置
阅读更多...
Linux系统中配置静态IP地址的详细步骤

Linux系统中配置静态IP地址的详细步骤

《Linux系统中配置静态IP地址的详细步骤》本文详细介绍了在Linux系统中配置静态IP地址的五个步骤,包括打开终端、编辑网络配置文件、配置IP地址、保存并重启网络服务,这对于系统管理员和新手都极具... 目录步骤一：打开终端步骤二：编辑网络配置文件步骤三：配置静态IP地址步骤四：保存并关闭文件步骤五：重
阅读更多...
Windows系统下如何查找JDK的安装路径

Windows系统下如何查找JDK的安装路径

《Windows系统下如何查找JDK的安装路径》：本文主要介绍Windows系统下如何查找JDK的安装路径,文中介绍了三种方法,分别是通过命令行检查、使用verbose选项查找jre目录、以及查看... 目录一、确认是否安装了JDK二、查找路径三、另外一种方式如果很久之前安装了JDK，或者在别人的电脑上，想
阅读更多...
Linux系统之authconfig命令的使用解读

Linux系统之authconfig命令的使用解读

《Linux系统之authconfig命令的使用解读》authconfig是一个用于配置Linux系统身份验证和账户管理设置的命令行工具,主要用于RedHat系列的Linux发行版,它提供了一系列选项... 目录linux authconfig命令的使用基本语法常用选项示例总结Linux authconfi
阅读更多...
Nginx配置系统服务&设置环境变量方式

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题
阅读更多...
CSS3 最强二维布局系统之Grid 网格布局

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局，本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2