M4ex055 (4) (Resolt)

Exercici 1.
Anem a continuar afegint funcionalitats a la interfície d’administració. El que volem en aquest punt és
que tal i com pots veure en la imatge de sota l’administrador sigui també capaç d’inserir registres en les
taules, esborrar registres prèviament ticats i actualitzar-ne. De moment i com pots veure només ho
implementarem per a la taula llibres.
Indicació 1: En la inserció, assegura’t tant de que no t’intenten inserir un llibre amb un ISBN duplicat,
com de que l’únic camp que es pot deixar com a null en espera de ser concretat més endavant sigui el
del preu, com de que preu és un nombre. En cas que ho estigui volem la següent resposta:
Introdueixo ISBN duplicat i mentre l’estic inserint ho detecta i:
Introdueixo nulls a autor i títol i clico en el botó “insereix llibre”:
Indicació 2: Un cop s’hagi inserit un llibre volem que es mostrin les dades de tots de forma que poguem
veure el que s’acava d’inserir amb el següent format:
Indicació 3: Forma de guardar referències d’entitats: $VALOR=htmlentities(addslashes($VALOR));
Indicació 4: Forma d’extreure referències d’entitats: html_entity_decode($salida);
Indicació 5: Per esborrar un llibre el selecciono i clico posteriorment en “esborra ticats”.

Indicació 6: Per actualitzar un llibre modifico el camp que vull canviar, selecciono el registre i clico en
“actualitza ticats”:
Indicació 7: No té sentit actualitzar l’isbn. Aconsegueix d’alguna forma que aquest no es pugui modificar.
Resposta :
INDEX.PHP
<?php
function loginForm(){
echo'
<div id="loginform">
<form action="index.php" method="post">
<p><strong>Introdueix usuari i contrassenya per continuar:</strong></p>
<label for="name">User: </label>
<input type="text" name="user" id="name" />
<label for="name">Pass: </label>
<input type="text" name="pass" id="pass" />
<input type="submit" name="enter" id="enter" value="Enter" />
</form>
</div>
';
}
if(isset($_POST['user'])){
if($_POST['user'] != "" && $_POST['pass'] != ""){
$_POST['user'] = stripslashes(htmlspecialchars($_POST['user']));
$_POST['pass'] = stripslashes(htmlspecialchars($_POST['pass']));
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chat</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
//Definire les dues variables globals que usaré per saber quin usuari és el que fa AJAX
//i que redefiniré cada vegada que es logui un usuari
var user="";
var pass="";
$(document).ready(function(){
//Si l'usuari vol tancar la sessió

$("#exit").click(function(){
var exit = confirm("Estas segur que vols abandonar la sessio?");
if(exit==true){
window.location = 'index.php';
}
});
//Event onclic mostra dades clients

$("#mdadesc").click(function(){
alert('user: '+user);
alert('pass: '+pass);
$.ajax({
type: 'POST',
url: 'mdadesc.php',
dataType: 'html',
data: {
usu: user,
pas: pass
},
success: function(suc) {
jQuery('#clienttb').html(suc);
},
error: function() {alert('An error occurred!');}
});
});
//Event onclic mostra dades dels llibres

$("#mdadesl").click(function(){
mostradadesllibres(0);
});
//Funció que mostra les dades dels llibres el parametre passa 0 si s'invoca sense inserir
////cap llibre i l'isbn si s'invoca despres de la inserció d'un llibre'
function mostradadesllibres(isbn){
$.ajax({
type: 'POST',
url: 'mdadesl.php',
dataType: 'html',
data: {
usu: user,
pas: pass,
is: isbn
},
jQuery('#llibretb').html(suc);
},
});
}
//Event onclic inserir nous llibres

$("#idadesl").click(function(){
//Primer de tot comprovo que l'isbn no estigui duplicat'
//sempre que l'hagin introduit
var isbn=jQuery(':text:eq(0)','#inllibretb').val();
var ce = '0';
if(isbn != ''){
//Si l'atribut és vermell vol dir que l'isbn és incorrecte!!'
//Ho comprovo a partir de l'atribu'
//Mirava d'usar la funció comprovaISBN però crec que anava per un fil a part i fallava!!!!!!!
var atr = jQuery("#isbn").attr('class');
if(atr == 'none'){
ce=1;
};
}
//El segon pas serà comprovar que tant autor com títol no s'entren com a nulls'
var a =jQuery('#autor').val();
var t =jQuery('#titol').val();
jQuery("#autor").attr('class','none');
jQuery("#titol").attr('class','none');
jQuery("#preu").attr('class','none');
if(a == '') {
ce='0'; //Condició per no entrar a introduir
jQuery("#autor").attr('class','roig');
}
if(t =='') {
jQuery("#titol").attr('class','roig');
}
//Tercer comprovaré que el preu sigui un nombre
var p =jQuery('#preu').val();
if(isNaN(p)){
jQuery("#preu").attr('class','roig');
}
//En cas que em retorni exit
if (ce == '1') {
//Recullo per jQuery el que he introduit en cada un dels camps del formulari d'inserció'
var isbnj=jQuery(':text:eq(0)','#inllibretb').val();
var autorj=jQuery(':text:eq(1)','#inllibretb').val();
var titolj=jQuery(':text:eq(2)','#inllibretb').val();
var preuj=jQuery(':text:eq(3)','#inllibretb').val();
$.ajax({
type: 'POST',
url: 'idadesl.php',
dataType: 'html',
data: {
usu: user,
pas: pass,
isbn: isbnj,
autor: autorj,
titol: titolj,
preu: preuj
},
alert(suc);
},
});
//Ara ja mostro les dades dels llibres amb el nou llibre inserit 1
//segon més tard esborrant primer els que hi havia
jQuery('#llibretb').html('');
var t=setTimeout(function(){mostradadesllibres(isbnj);},2000);
}
});
//Event per a que quan es perdi el focus de l'isbn aquest comprobi que aquest no està duplicat'
$("#isbn").keyup(function(){
comprovaISBN();
});
//Funció que comprova la no duplicitat de l'isbn d'un llibre que anem a introduir'
function comprovaISBN(){
var isbn=jQuery("#isbn").val();
$.ajax({
type: 'POST',
url: 'comprovaISBN.php',
dataType: 'html',
data: {
usu: user,
pas: pass,
isbnp: isbn
},
if(suc == 0){
//Cas dolent
jQuery("#isbn").attr('class','roig');
return 0;
}else{
//Cas bo
jQuery("#isbn").attr('class','none');
return 1;
}
},
error: function() {
alert('An error occurred!');}
});
}
//Event onclic esborra dades llibres ticats

$("#edadesl").click(function(){
//Primer poso en un array cada un dels que tinc que esborrar
var arr = new Array();
var c=0;
var n = jQuery('#llibretb input:checkbox').length;
for(var i=0;i<n;i++){
if(jQuery('#llibretb input:checkbox:eq('+i+')').is(':checked')){
//Vaig posant a dins d'un array les posicions ticades'
//Els isbns dels llibres a esborrar
//alert("ticat: "+i+" poscion array: "+c);
var is=jQuery('#llibretb tr:eq('+i+') input:eq(0)').val();
arr[c]=is;
c=c+1;
}
}
//Fent Ajax aconsegueixo que me'ls esborri un a un'

//passant dins de l'array l'ISBN de cada un dels llibres a esborrar
for(var c=0;c<arr.length;c++){
var isb = arr[c];
$.ajax({
type: 'POST',
url: 'edadesl.php',
dataType: 'html',
data: {
usu: user,
pas: pass,
isbn: isb
},
//Trec l'isbn del llibre esborrat
alert(suc);
//Actualitzo la llista dels llibres usant la funció
mostradadesllibres(0);
},
});
});
//Event onclic mostra dades dels llibres

$("#adadesl").click(function(){
alert('actualitzadades');
//Primer poso en un array cada un dels que tinc que actualitzar
var arr = new Array();
var c=0;
var n = jQuery('#llibretb input:checkbox').length;
for(var i=0;i<n;i++){
if(jQuery('#llibretb input:checkbox:eq('+i+')').is(':checked')){
//Vaig posant a dins d'un array les el numero de fila ticada'
//alert("ticat: "+i+" poscion array: "+c);
arr[c]=i;
c=c+1;
}
}
//Fent Ajax aconsegueixo que me'ls actualitzi un a un

//a partir de la posició de fila ticada multiplicada per 4 que són els td's'
for(var i=0;i<arr.length;i++){
var mult = arr[i]*4;
alert(mult);
alert(arr.length);
var a = 0+parseInt(mult);
var b = 1+parseInt(mult);
var c = 2+parseInt(mult);
var d = 3+parseInt(mult);
//Recullo per jQuery el que he introduit en cada un dels camps del formulari d'inserció'
var isbnj=jQuery(':text:eq('+a+')','#llibretb').val();
var autorj=jQuery(':text:eq('+b+')','#llibretb').val();
var titolj=jQuery(':text:eq('+c+')','#llibretb').val();
var preuj=jQuery(':text:eq('+d+')','#llibretb').val();
//Li passo les 4 dades perque no puc saber quina es la que tinc que actualitzar.
$.ajax({
type: 'POST',
url: 'adadesl.php',
dataType: 'html',
data: {
usu: user,
pas: pass,
isbn: isbnj,
autor: autorj,
titol: titolj,
preu: preuj
},
//Trec l'isbn del llibre esborrat
alert(suc);
//Actualitzo la llista dels llibres usant la funció
//mostradadesllibres(0);
},
});
});
});
</script>
<style type="text/css">
/* CSS Document */
body {
font:12px arial;
color: #222;
text-align:center;
padding:35px; }
form, p, span {
margin:0;
padding:0; }
input {
font:12px arial; }
#wrapper {
margin:0 auto;
margin-top: 10px;
padding-bottom:25px;
background:#EBF4FB;
width:704px;
height: 440px;
border:10px ridge cadetblue;
box-shadow: 3px 3px 7px grey;
border-radius: 9px;
opacity: 0.7;
}
#loginform {
margin:0 auto;
margin-top: 60px;
padding-bottom:25px;
background:#EBF4FB;
width:504px;
border:10px ridge cadetblue;
border-radius: 9px;
opacity: 0.7;
}
body{
background-image: url(fons2.png);
}
strong{
color: grey;
letter-spacing: 2px;
}
#nom{
text-align: left;
font-weight: bold;
}
#loginform {
padding-top:18px; }
#loginform p {
margin: 5px; }
#submitmsg {
}
#submit {
width: 60px;
}
.error {
color: #ff0000; }
#menu {
padding:12.5px 25px 12.5px 25px;
}
#name, #pass {
border-radius: 4px;
border:1px solid aqua;
padding-left: 4px;
color: grey;
}
#name, #pass {
margin-right: 9px;
}
/*Estil dels botons*/
#enter, #exit, #mdadesc, #edadesc, #adadesc, #mdadesl, #edadesl, #adadesl, #idadesl{
border-radius: 4px;
border:1px solid aqua;
text-align: center;
font-weight: bold;
color: darkslategrey;
}
/*Estils per a les presentacions de dades*/

table{
border: 2px solid;
width: 100%;
border-collapse: collapse;
margin-bottom: 5px;
}
thead{
border-bottom: 2px solid;

background-color: red;
}
th{
padding: 5px;
align: center;
border: 1px solid;
}
td{
padding: 5px;
align: center;
border: 1px solid;
}
caption{
background-color: oldlace;
border-top: 1px solid;
padding: 5px;
}
#client, #libre {
margin-bottom: 7px;
height: 120px;
overflow: auto;
}
#inllibre{
margin-bottom: 7px;
overflow: auto;
}
/*Que els inputs de tipus text de la presentació encaixin en les celes de la taula*/
#clienttb input[type="text"], #llibretb input[type="text"], #inllibretb input[type="text"]
{
width:95%;
}
/*Classe per que quedin grocs el inputs del darrer llibre*/
.groc{
background-color: yellow;
}
/*Classe per que quedin vermells els isbns duplicats*/
.roig{
background-color: red;
}
</style>
</head>
<?php
if(!isset($_POST['user']) || !isset($_POST['pass']) || isset($_GET['error']) || ($_POST['user'] == "" || $_POST['pass'] == "")) {
if (isset($_GET['error'])){
echo '<span class="error">'.$_GET['error'].'</span>';
}else{
echo '<span class="error">Siusplau introdueix usuari i contrassenya</span>';
}
loginForm();
}
else{
//Aquest és el cas en que ha posat usuari i passord ---> Això fora de l'IF || (!isset($_POST['pass']) || $_POST['pass'] != "pass")!!!
//Connexió a mysql
$mysql = mysqli_connect("localhost", "bookusers","bookusers", "webbooks");
if(!$mysql){
//echo 'no puc establir la connexió';
//Ara he de construir a ma la direcció
$err='Error intern. No es pot establir la connexió. Torni a probar-ho més tard';
$direccio='http://localhost/P55/index.php?error='.$err;
header('Location:'.$direccio);
}
//Selecció de la base de dades apropiada
$selected = mysqli_select_db($mysql, "webbooks");
if(!$selected){
$err='Error intern. No es pot seleccionar la base de dades. Torni a intentar-ho més tard';
}
//Faig una consulta a la base de dades per veure si hi ha una fila que clavi el que m'entren
$query="select count(*) from credencials where usuari = '".$_POST['user']."' and contrassenya = '".$_POST['pass']."'";
$result= mysqli_query($mysql, $query);
if(!$result){
$err='Error intern. No rutlla la query. Torni a intentar-ho més tard';
}
$row= mysqli_fetch_row($result);
$count = $row[0];
if($count > 0){

echo '<p class="error">Benvingut '.$_POST['user'].'</p>';
//Canvio l'usuari i la pass de la variable global per poder consultar-los cada vegada que faci AJAX
echo '<script type="text/javascript">';
echo 'var pass="'.$_POST['pass'].'";';
echo 'var user="'.$_POST['user'].'";';
echo '</script>';
} else {
$err='Usuari o contrassenya incorrectes';
}
?>

<div id="wrapper">
<div id="menu">


<div id="client">
<table>
<caption>Clients</caption>
<thead>
<tr>
<th>Id</th><th>Nom</th><th>Adreça</th><th>Ciutat</th><th>Selecciò</th>
</tr>
</thead>
<tbody id="clienttb">
</tbody>
</table>
</div>
<input name="mdadesc" type="button" id="mdadesc" value="Mostra dades"/>
<input name="edadesc" type="button" id="edadesc" value="Esborra ticats"/>
<input name="adadesc" type="button" id="adadesc" value="Actualitza ticats"/>
<hr/>


<div id="libre">
<table>
<caption>Llibres</caption>
<thead>
<tr>
<th>ISBN</th><th>Autor</th><th>Tìtol</th><th>Preu</th><th>Selecciò</th>
</tr>
</thead>
<tbody id="llibretb">
</tbody>
</table>
</div>

<div id="inllibre">
<table>
<caption>Insereix llibres</caption>
<thead>
<tr>
<th>ISBN</th><th>Autor</th><th>Tìtol</th><th>Preu</th>
</tr>
</thead>
<tbody id="inllibretb">
<tr><td><input type="text" name="ide" id="isbn"></td><td><input type="text" name="autor" id="autor"></td><td><input type="text" name="titol"
id="titol"></td><td><input type="text" name="preu" id="preu"></td></tr>
</tbody>
</table>
</div>
<input name="mdadesl" type="button" id="mdadesl" value="Mostra dades"/>
<input name="edadesl" type="button" id="edadesl" value="Esborra ticats"/>
<input name="adadesl" type="button" id="adadesl" value="Actualitza ticats"/>
<input name="idadesl" type="button" id="idadesl" value="Insereix llibre"/>
<hr/>
<p class="logout"><input name="sortir" type="button" id="exit" value="SORTIR"/></p>

</div>
</div>
<?php
}
?>
</body>
</html>
MDADESC.PHP
<?php
/* El primer que faré serà recollir el usuari i pass que hem enviat per POST
* Confiaré que siguin correctes però hauri de comprobar que ho fossin
*/
//Si no s'ha passat per POST res de res a tomá pol culo!
if( !isset($_POST['usu']) || !isset($_POST['pas']) ){
header('Location:http://localhost/P55/index.php');
}
$user = $_POST['usu'];
$pass = $_POST['pas'];
//Si ets l'administrador
if ($user == 'admin'){
//Connexió a mysql
$mysql = mysqli_connect("localhost", "bookadmin","1111", "webbooks");
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
$query="select * from client";
if(!$result){
echo $err;
}
//Miro quantes files em retornarà

$numresults= mysqli_num_rows($result);
//Variable per la sortida

$sort='';
//Vaig extraient cada resultat i maquetant

for($i=0;$i<$numresults;$i++){
$row=mysqli_fetch_assoc($result);
$id=$row['id'];
$nom=$row['nom'];
$adreca=$row['adreca'];
$ciutat=$row['ciutat'];
$sort=$sort.'<tr>';
//M'asseguro de no poder esborrar el admin
if(!strcmp($nom,'Administrador')){
$sort=$sort.'<td><input type="text" name="ide" value="'.$id.'"></td><td><input type="text" name="nom" value="'.$nom.'"></td><td><input type="text"
name="adreca" value="'.$adreca.'"></td><td><input type="text" name="ciutat" value="'.$ciutat.'"></td><td><input type="checkbox" disabled="true"></td></tr>';
}else{
$sort=$sort.'<td><input type="text" name="ide" value="'.$id.'"></td><td><input type="text" name="nom" value="'.$nom.'"></td><td><input type="text"
name="adreca" value="'.$adreca.'"></td><td><input type="text" name="ciutat" value="'.$ciutat.'"></td><td><input type="checkbox"></td></tr>';
}
}
//<input type="text" name="tires" value="'.$tires.'"></
echo $sort.'</tr>';
}else{
echo 'altres usaris que ha ompliré el codi quan toqui';
}
?>
MDADESL.PHP
<?php
*/
}
//Recullo l'isbn si me l'han passat

$isbne=0;
if(isset($_POST['is'])){
$isbne = $_POST['is'];
}
//Connexió a mysql
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
$query="select * from llibre";
if(!$result){
echo $err;
}

$sort='';

//Tema de reconvertir les referències d'entitat
$isbn=html_entity_decode($row['isbn']);
$autor=html_entity_decode($row['autor']);
$titol=html_entity_decode($row['titol']);
$preu=html_entity_decode($row['preu']);
$sort=$sort.'<tr>';
//Construeixo la fila tenint en compte si és l'inserit o no
if($isbn != $isbne){
$sort=$sort.'<td><input type="text" name="ide" disabled="disabled" value="'.$isbn.'"></td><td><input type="text" name="nom" value="'.
$autor.'"></td><td><input type="text" name="adreca" value="'.$titol.'"></td><td><input type="text" name="ciutat" value="'.$preu.'"></td><td><input
type="checkbox"></td></tr>';
}else{
$sort=$sort.'<td><input type="text" name="ide" disabled="disabled" value="'.$isbn.'" class="groc"></td><td><input type="text" name="nom" value="'.
$autor.'" class="groc"></td><td><input type="text" name="adreca" value="'.$titol.'" class="groc"></td><td><input type="text" name="ciutat" value="'.$preu.'"
class="groc"></td><td><input type="checkbox"></td></tr>';
}
}
echo $sort.'</tr>';
}else{
}
?>
Idadesl.php
<?php
*/
}
$isbn = $_POST['isbn'];
$autor = $_POST['autor'];
$titol = $_POST['titol'];
$preu = $_POST['preu'];
//Tema de guardar les referències d'entitats

$isbn=htmlentities(addslashes($isbn));
$autor=htmlentities(addslashes($autor));
$titol=htmlentities(addslashes($titol));
$preu=htmlentities(addslashes($preu));

//Connexió a mysql
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
//Faig la inserció de les dades

$query="insert into llibre values ('".$isbn."','".$autor."','".$titol."','".$preu."')";
if(!$result){
echo $err;
}
echo 'Llibre inserit correctament';

}else{
}
?>
comprovaISBN.php
<?php
*/
}
//Recullo l'isbn
$isbne = $_POST['isbnp'];

//Connexió a mysql
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
$query="select isbn from llibre";
if(!$result){
echo $err;
}


$sort=1;

//Tema de reconvertir les referències d'entitat
$isbn=html_entity_decode($row['isbn']);
//Construeixo la fila tenint en compte si és l'inserit o no
if($isbne == $isbn){
$sort=0;
}
}
echo $sort;
}else{
}
?>
edadesl.php
<?php
*/
}
//Recullo l'isbn
$isbne = $_POST['isbn'];

//Connexió a mysql
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
//Faig una consulta per esborrar el que tingui l'isbn en qüestió
$query="delete from llibre where isbn like '".$isbne."'";
if(!$result){
echo $err;
} else {
echo $isbne;
}
}else{
}
?>
Adadesl.php
<?php
*/
}
$isbn = $_POST['isbn'];
$autor = $_POST['autor'];
$titol = $_POST['titol'];
$preu = $_POST['preu'];
//Tema de guardar les referències d'entitats

$isbn=htmlentities(addslashes($isbn));
$autor=htmlentities(addslashes($autor));
$titol=htmlentities(addslashes($titol));
$preu=htmlentities(addslashes($preu));

//Connexió a mysql
if(!$mysql){
echo $err;
}
if(!$selected){
echo $err;
}
//Faig la inserció de les dades

$query="update llibre set isbn='".$isbn."', autor='".$autor."', titol='".$titol."', preu='".$preu."' where isbn='".$isbn."'";
if(!$result){
echo $err;
}
echo 'Llibre actualitzat correctament';

}else{
}
?>

M4ex055 (4) (Resolt)

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

M4ex055 (4) (Resolt)

Uploaded by

Copyright:

Available Formats

Exercici 1.

Introdueixo nulls a autor i títol i clico en el botó “insereix llibre”:

Indicació 4: Forma d’extreure referències d’entitats: html_entity_decode($salida);

Indicació 5: Per esborrar un llibre el selecciono i clico posteriorment en “esborra ticats”.

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

//Si l'usuari vol tancar la sessió

//Event onclic mostra dades clients

//Event onclic mostra dades dels llibres

//Event onclic inserir nous llibres

//Event onclic esborra dades llibres ticats

//Fent Ajax aconsegueixo que me'ls esborri un a un'

//Event onclic mostra dades dels llibres

//Fent Ajax aconsegueixo que me'ls actualitzi un a un

/*Estils per a les presentacions de dades*/

border-bottom: 2px solid;

if($count > 0){

<p class="logout"><input name="sortir" type="button" id="exit" value="SORTIR"/></p>

//Miro quantes files em retornarà

//Variable per la sortida

//Vaig extraient cada resultat i maquetant

//<input type="text" name="tires" value="'.$tires.'"></

//Recullo l'isbn si me l'han passat

//Variable per la sortida

//Vaig extraient cada resultat i maquetant

//Tema de guardar les referències d'entitats

//Si ets l'administrador

//Faig la inserció de les dades

echo 'Llibre inserit correctament';

//Si ets l'administrador

//Miro quantes files em retornarà

//Variable per la sortida

//Vaig extraient cada resultat i maquetant

//Si ets l'administrador

//Tema de guardar les referències d'entitats

//Si ets l'administrador

//Faig la inserció de les dades

echo 'Llibre actualitzat correctament';

You might also like

/Estils per a les presentacions de dades/