PHP-projektit: Luo mielipidekyselysovellus

Mielipidekyselysovelluksen luominen PHP:llä

Tässä PHP-projektissa aiomme luoda mielipidekyselysovelluksen.

Mielipidekysely koostuu kolmesta pääosasta:

Etuohjain – tämä on hakemistosivu, joka määrittää ladattavan HTML-koodin. Tämä varmistaa, että sovelluksellamme on yksi aloituskohta, mikä antaa meille paremman hallinnan sovelluksesta.

Liiketoiminnan logiikka – tämä sisältää PHP-koodin tietokannan kanssa toimimiseen. Näin voimme erottaa liiketoimintalogiikan esitystavasta, mikä helpottaa sovelluksemme ylläpitoa.

Näyttökerrat – tämä sisältää HTML-koodin. Meillä on kaksi sivua, nimittäin:

• mielipide.html.php – tämä sisältää HTML-koodin, jossa on kysymys ja vaihtoehtoja
• results.html.php – tämä sisältää HTML-koodin, joka näyttää mielipidekyselyn tulokset

Tehty oletuksia

Mielipidekyselyssä kysytään: Mikä on suosikkisi? JavaKäsikirjoitus Kirjasto?

Vastaukset olisivat:

• JQuery
• MooTools
• YUI-kirjasto
• Hehku

Tässä ovat vaiheet sovelluksen luomiseksi.

Vaihe 1) Tietokantayhteys

Tämä osio edellyttää tietämystä MySQL ja miten sitä annetaan. Jos et ole perehtynyt MySQL, tarkista meidän SQL opetusohjelmat osiossa.

Sovelluksessamme on vain yksi taulukko, jossa on kolme kenttää:

• id – automaattisesti luotu numero ensisijaisena avaimena
• valinta – valittua edustava numero JavaSkriptikirjasto
• ts – äänestyksen aikaleima

Alla oleva komentosarja luo js_libraries-taulukon.

CREATE TABLE `js_libraries` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`choice` tinyint(4) NOT NULL DEFAULT '0',
`ts` timestamp NULL DEFAULT NULL,
PRIMARY KEY (`id`)
);

Vaihe 2) Koodaa sovelluksemme

Luodaan nyt liiketoimintalogiikkakerros, joka käsittelee tietokantayhteydet. mielipidekysely_malli.php

<?php
 
class Opinion_poll_model {
 
private $db_handle;
private $host = 'localhost';
private $db = 'opinion_poll';
private $uid = 'root';
private $pwd = 'melody';
 
public function __construct() {
$this->db_handle = mysqli_connect($this->host, $this->uid, $this->pwd); // connect to MySQL server
if (!$this->db_handle) die("Unable to connect to MySQL: " . mysqli_connect_error());
if (!mysqli_select_db($this->db_handle, $this->db)) die("Unable to select database: " . mysqli_error($this->db_handle));
}
 
private function execute_query($sql_stmt) {
$result = mysqli_query($this->db_handle, $sql_stmt); // execute SQL statement
return !$result ? FALSE : TRUE;
}
 
public function select($sql_stmt) {
$result = mysqli_query($this->db_handle, $sql_stmt);
if (!$result) die("Database access failed: " . mysqli_error($this->db_handle));
$rows = mysqli_num_rows($result);
$data = array();
if ($rows) {
while ($row = mysqli_fetch_array($result)) {
$data = $row;
}
}
return $data;
}
 
public function insert($sql_stmt) {
return $this->execute_query($sql_stmt);
}
 
public function __destruct(){
mysqli_close($this->db_handle);
}
 
}
 
?>

TÄSSÄ,

• "julkinen funktio __construct()" on luokan rakentajamenetelmä, jota käytetään tietokantayhteyden muodostamiseen
• ”public function execute_query(…)” on metodi kyselyiden, kuten lisäys, päivitys ja poisto, suorittamiseen.
• ”public function select(…)” on menetelmä tiedon hakemiseksi tietokanta ja palauttaa taulukon.
• "public function insert(…)" on lisäysmenetelmä, joka kutsuu execute_query-menetelmää.
• "julkinen funktio __destruct()" on luokan tuhoaja, joka sulkee tietokantayhteyden.

Luodaan nyt etuohjain index.php

<?php
 
require 'opinion_poll_model.php';
 
$model = new Opinion_poll_model();
 
if (count($_POST) == 1) {
echo "<script>alert(1);</script>";
}
 
if (count($_POST) > 1) {
$ts = date("Y-m-d H:i:s");
$option = $_POST['vote'][0];
$sql_stmt = "INSERT INTO js_libraries (`choice`,`ts`) VALUES ($option,3)";
$model->insert($sql_stmt);
$sql_stmt = "SELECT COUNT(choice) choices_count FROM js_libraries;";
$choices_count = $model->select($sql_stmt);
$libraries = array("", "JQuery", "MooTools", "YUI Library", "Glow");
$table_rows = '';
for ($i = 1; $i < 5; $i++) {
$sql_stmt = "SELECT COUNT(choice) choices_count FROM js_libraries WHERE choice = $i;";
$result = $model->select($sql_stmt);
$table_rows .= "<tr><td>" . $libraries[$i] . " Got:</td><td><b>" . $result[0] . "</b> votes</td></tr>";
}
require 'results.html.php';
exit;
}
 
require 'opinion.html.php';
 
?>

TÄSSÄ,

• "require 'opinion_poll_model.php';" lataa bisneslogiikkaluokan
• "$malli = new Opinion_poll_model();" luo bisneslogiikkaluokan esiintymän
• "if (count($_POST) == 1)…" suorittaa tietojen validoinnin ja käyttää JavaSkripti, joka näyttää viestiruudun, jos ehdokasta ei ole äänestetty.
• ”if (count($_POST) > 1)…” tarkistaa, onko ääni valittu laskemalla $_POST-taulukon alkioiden lukumäärän. Jos yhtään alkiota ei ole valittu, $_POST-taulukko sisältää vain lähetettävän alkion. Jos kirjasto on valittu, $_POST-taulukossa on kaksi elementtiä: lähetettävät ja äänestettävät alkiot. Tämä koodi lisää myös uuden äänestystietueen ja näyttää sitten tulossivun.
• ”exit;”-komentoa käytetään skriptin suorituksen lopettamiseen tulosten näyttämisen jälkeen, jotta mielipidekyselylomaketta ei näytetä.
• "require 'opinion.html.php';" näyttää mielipidekyselylomakkeen, jos mitään ei ole valittu.

Luodaanpa nyt näkymät. mielipide.html.php

<html>
<head>
<title>JavaScript Libraries - Opinion Poll</title>
</head>
<body>
 
<h2>JavaScript Libraries - Opinion Poll</h2>
 
<p><b>What is your favorite JavaScript?</b></p>
 
<form method="POST" action="index.php">
 
<p> <input type="radio" name="vote" value="1" />JQuery
 
<br /><input type="radio" name="vote" value="2" />MooTools
 
<br /><input type="radio" name="vote" value="3" />YUI Library
 
<br /><input type="radio" name="vote" value="4" />Glow
 
</p>
 
<p><input type="submit" name="submitbutton" value="OK" /></p>
 
</form>
 
</body>
 
</html>

tulokset.html.php

<html>
 
<head>
 
<title>JavaScript Libraries Poll Results</title>
 
</head>
 
<body>
 
<h2>Opinion Poll Results</h2>
 
<p><b>What is your favorite JavaScript Library?</b></p>
 
<p><b><?php echo $choices_count[0]; ?></b> people have thus far taken part in this poll:</p>
 
<p>
<table>
 
<?php echo($table_rows); ?>
</table>
</body>
</html>

Vaihe 3) Testaa sovellustamme

Olettaen, että olet tallentanut tiedostot mielipidekyselykansioon, selaa kohtaan URL http://localhost/opinionpoll/

Jos napsautat OK-painiketta valitsematta JS-kirjastoa, saat seuraavan viestiruudun.

Valitse JS-kirjasto ja napsauta sitten OK-painiketta. Saat alla olevan kaltaisen tulossivun.

Tapoja parantaa mielipidekyselysovellusta

Tämä projekti on vankka perusta. Jotta se olisi tuotantovalmiina, harkitse seuraavia parannuksia:

• Käytä valmiita lausuntoja mallissa SQL-injektioriskien poistamiseksi yhdistetyistä kyselyistä.
• Estää päällekkäisen äänestämisen evästeen, istuntolipun avulla tai tallentamalla äänestäjän IP-osoitteen aikaleiman rinnalle.
• Näytä prosenttiosuudet ja pylväsdiagrammi tulossivulla raakalukujen sijaan, jotta lopputuloksesta saa selkeämmän kuvan.
• Tee kyselystä dynaaminen tallentamalla kysymyksen ja vaihtoehdot tietokantaan, jotta voit käyttää koodia uudelleen missä tahansa kyselyssä.

UKK