Spaces:

ladogton2010
/

referencias

Sleeping

App Files Files Community

ladogton2010 commited on Nov 4, 2024

Commit

5ff1306

1 Parent(s): 4643dd5

initial upload

Browse files

Files changed (10) hide show

Dockerfile +16 -0
app/config.php +21 -0
app/css/form_styling.css +24 -0
app/css/main.css +0 -0
app/css/table_styling.css +51 -0
app/editar.php +46 -0
app/eliminar.php +46 -0
app/form.php +37 -0
app/index.php +72 -0
app/member_added.php +87 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,16 @@

+# FROM debian:12.6
+# RUN apt update -y
+# RUN apt upgrade -y
+# RUN apt install -y php
+# Add PHP-Apache base image
+FROM php:8.0-apache
+# Install your extensions to connect to MySQL and add mysqli
+RUN docker-php-ext-install mysqli && docker-php-ext-enable mysqli
+# Install pdo is you need to use PHP PDO
+RUN docker-php-ext-install pdo pdo_mysql
+RUN sed -i "s/Listen 80/Listen 7860/" /etc/apache2/ports.conf
+COPY app /var/www/html
+WORKDIR /var/www/html

app/config.php ADDED Viewed

	@@ -0,0 +1,21 @@

+<!DOCTYPE	html>
+ <html>
+		<body>
+		<?php
+		// ini_set('display_errors', 1);
+		// ini_set('display_startup_errors', 1);
+		// error_reporting(E_ALL);
+	define('DB_NAME', $_ENV['DB_NAME']);
+	define('DB_USER', $_ENV['DB_USER']);
+	define('DB_PASSWORD1', $_ENV['DB_PASSWORD1']);
+	define('DB_HOST', $_ENV['DB_HOST']);
+	$conn = @mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD1, DB_NAME);
+	echo("<h1>DATA</h1>");
+if (!$conn) {
+die('Could not connect:'  . mysqli_connect_error());
+}
+		?>
+ </body>
+ </html>

app/css/form_styling.css ADDED Viewed

	@@ -0,0 +1,24 @@

+input[type=text], input[type=number], select {
+width: 100%;
+padding: 12px 20px;
+margin: 8px 0;
+display: inline-block;
+border: 1px solid #ccc;
+border-radius: 4px;
+box-sizing: border-box;
+}
+input[type=submit] {
+width: 100%;
+background-color: #2ca089;
+color: white;
+padding: 14px 20px;
+margin: 8px 0;
+border: none;
+border-radius: 4px;
+cursor: pointer;
+}
+input[type=submit]:hover {
+background-color: #2ca089;
+}

app/css/main.css ADDED Viewed

File without changes

app/css/table_styling.css ADDED Viewed

	@@ -0,0 +1,51 @@

+body {
+    background-color: #EEE;
+    }
+    #container {
+    width: 900px;
+    margin-left: auto;
+    margin-right: auto;
+    }
+    #header {
+    color: #2ca089;
+    text-align: center;
+    font-size: 2em;
+    }
+    /* links */
+    a:link, a:visited {
+    background-color: #2ca089;
+    color: white;
+    padding: 5px 12px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+}
+a:hover, a:active {
+background-color: #AFDCB1;
+}
+#btn_add {
+padding: 5px 0px;
+text-align: right;
+}
+table {
+    border-collapse: collapse;
+    width: 100%;
+    }
+    th, td {
+    text-align: left;
+    padding: 8px;
+    }
+    tr:nth-child(even){background-color: white; }
+    th {
+    background-color: #2ca089;
+    color: white;
+    }

app/editar.php ADDED Viewed

	@@ -0,0 +1,46 @@

+<?php
+# conectarme a bd ($conn) para obtener datos del id en la url
+require_once('config.php');
+$sql = "SELECT MemberID, FirstName, LastName, Age, Gender, Relationship FROM FamilyMembers WHERE MemberID =" . $_GET['id'];
+$response = @mysqli_query($conn, $sql);
+# mostrar los datos para confirmar
+if ($response){
+                echo '<table>
+                <tr>
+                <th>MemberID</th>
+                <th>FirstName</th>
+                <th>LastName</th>
+                <th>Age</th>
+                <th>Gender</th>
+                <th>Relationship</th>
+                <th>Editar</th>
+                <th>Eliminar</th>
+                </tr>';
+                while ($row = mysqli_fetch_array($response)){
+                    echo '<tr>
+            <td>' . $row['MemberID'] .' </td>
+            <td>' . $row['FirstName'] .' </td>
+            <td>' . $row['LastName'] .' </td>
+            <td>' . $row['Age'] . '</td>
+            <td>' . $row['Gender'] . '</td>
+            <td>' . $row['Relationship'] . '</td>
+            <td><a href="editar.php?id='. $row['MemberID'] .'">Editar</a></td>
+            </tr>';
+            }
+            echo '</table>';
+            }
+            else{
+                echo
+                "Cound not get a response from database " .
+                mysqli_error($conn);
+            }
+            mysqli_close($conn);
+# borrar datos usando un boton
+# Enviar una consulta a bd usando $conn

app/eliminar.php ADDED Viewed

	@@ -0,0 +1,46 @@

+<?php
+# conectarme a bd ($conn) para obtener datos del id en la url
+require_once('config.php');
+$sql = "SELECT MemberID, FirstName, LastName, Age, Gender, Relationship FROM FamilyMembers WHERE MemberID =" . $_GET['id'];
+$response = @mysqli_query($conn, $sql);
+# mostrar los datos para confirmar
+if ($response){
+                echo '<table>
+                <tr>
+                <th>MemberID</th>
+                <th>FirstName</th>
+                <th>LastName</th>
+                <th>Age</th>
+                <th>Gender</th>
+                <th>Relationship</th>
+                <th>Editar</th>
+                <th>Eliminar</th>
+                </tr>';
+                while ($row = mysqli_fetch_array($response)){
+                    echo '<tr>
+            <td>' . $row['MemberID'] .' </td>
+            <td>' . $row['FirstName'] .' </td>
+            <td>' . $row['LastName'] .' </td>
+            <td>' . $row['Age'] . '</td>
+            <td>' . $row['Gender'] . '</td>
+            <td>' . $row['Relationship'] . '</td>
+            <td><a href="eliminar.php?id='. $row['MemberID'] .'">Eliminar</a></td>
+            </tr>';
+            }
+            echo '</table>';
+            }
+            else{
+                echo
+                "Cound not get a response from database " .
+                mysqli_error($conn);
+            }
+            mysqli_close($conn);
+# borrar datos usando un boton
+# Enviar una consulta a bd usando $conn
+#

app/form.php ADDED Viewed

	@@ -0,0 +1,37 @@

+<!DOCTYPE html>
+<html>
+   <head>
+      <link rel="stylesheet" type="text/css" href="css/main.css">
+      <link rel="stylesheet" type="text/css" href="css/form_styling.css">
+   </head>
+<body>
+   <div id="container">
+      <div id=content>
+         <div id="interno">
+            <form action="member_added.php" method="post">
+               <div id="header">
+                  <h3>Add Family Member</h3>
+               </div>
+               <div id="btn_add">
+                  <a href="index.php">View Members</a>
+               </div>
+               <label for="fname">First Name</label>
+               <input type="text" id="first_name" name="first_name" maxlength="80">
+               <label for="lname">Last Name</label>
+               <input type="text" id="last_name" name="last_name" maxlength="80">
+               <label for="age">Age</label>
+               <input type="number" id="age" name="age" min="1" max="100">
+               <label for="gender">Gender</label>
+               <select id="gender" name="gender">
+                  <option value="Male">Male</option>
+                  <option value="Female">Female</option>
+               </select>
+               <label for="relationship">Relationship</label>
+               <input type="text" id="relationship" name="relationship" maxlength="80">
+               <input type="submit" name="submit" value="ADD">
+            </form>
+         </div>
+      </div>
+   </div>
+   </body>
+</html>

app/index.php ADDED Viewed

	@@ -0,0 +1,72 @@

+<DOCTYPE html>
+    <html>
+        <head>
+            <link rel="stylesheet" type="text/css" href="css/main.css">
+            <link rel="stylesheet" type="text/css" href="css/table_styling.css">
+</head>
+    <body>
+        <div id="container">
+            <div id="header">
+            <h2>My Family</h2>
+        </div>
+        <div id="btn_add">
+            <a href="form.php">ADD</a>
+        </div>
+        <div id=“content”>
+            <?php
+            // ini_set('display_errors', 1);
+            // ini_set('display_startup_errors', 1);
+            // error_reporting(E_ALL);
+            require_once('config.php');
+            $sql = "SELECT MemberID, FirstName, LastName, Age, Gender, Relationship FROM FamilyMembers";
+            $response = @mysqli_query($conn, $sql);
+            if ($response){
+                echo '<table>
+                <tr>
+                <th>MemberID</th>
+                <th>FirstName</th>
+                <th>LastName</th>
+                <th>Age</th>
+                <th>Gender</th>
+                <th>Relationship</th>
+                <th>Editar</th>
+                <th>Eliminar</th>
+                </tr>';
+                while ($row = mysqli_fetch_array($response)){
+                    echo '<tr>
+            <td>' . $row['MemberID'] .' </td>
+            <td>' . $row['FirstName'] .' </td>
+            <td>' . $row['LastName'] .' </td>
+            <td>' . $row['Age'] . '</td>
+            <td>' . $row['Gender'] . '</td>
+            <td>' . $row['Relationship'] . '</td>
+            <td><a href="editar.php?id='. $row['MemberID'] .'">Editar</a></td>
+            <td><a href="eliminar.php?id='. $row['MemberID'] .'">Eliminar</a></td>
+            </tr>';
+            }
+            echo '</table>';
+            }
+            else{
+                echo
+                "Cound not get a response from database " .
+                mysqli_error($conn);
+            }
+            mysqli_close($conn);
+            ?>
+        </div>
+        </div>
+    </body>
+</html>

app/member_added.php ADDED Viewed

	@@ -0,0 +1,87 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="stylesheet" type="text/css" href="css/main.css">
+    <link rel="stylesheet" type="text/css" href="css/form_styling.css">
+</head>
+<body>
+    <div id="container">
+        <div id="content">
+        <?php
+        require_once('config.php');
+        if(isset($_POST['submit'])) {
+            $null_fields = array();
+            if (empty($_POST['first_name'])) {
+            $null_fields[] = 'First Name';
+            } else {
+                $first_name = trim($_POST['first_name']);
+            }
+            if (empty($_POST['last_name'])) {
+                $null_fields[] = 'Last Name';
+            } else {
+                $last_name = trim($_POST['last_name']);
+            }
+            if (empty($_POST['age'])) {
+                $null_fields[] = 'Age';
+            } else {
+                $age = $_POST['age'];
+            }
+            if (empty($_POST['gender'])) {
+                $null_fields[] = 'Gender';
+            } else {
+                $gender = $_POST['gender'];
+            }
+            if (empty($_POST['relationship'])) {
+                $null_fields[] = 'Reliationship';
+            } else {
+                $relationship = $_POST['relationship'];
+            }
+            if (empty($null_fields)) {
+                $null_variable = "NULL";
+                $sql = "INSERT INTO FamilyMembers VALUES ($null_variable, '$first_name',
+                '$last_name', '$age', '$gender',
+                '$relationship')";
+                if (!mysqli_query($conn, $sql)) {
+                die ('Error: ' .
+                mysqli_error($conn));
+                }
+                echo "Family member has been entered!";
+                mysqli_close($conn);
+            }
+            else {
+                echo "You need to enter the follwing
+                missing data: <br />";
+                foreach ($null_fields as $null_field) {
+                    echo $null_field . "<br />";
+                }
+            }
+        }
+        ?>
+            <div id="form1">
+                <form action="member_added.php" method="post">
+                    <div id="header">
+                        <h3>Add Family Member</h3>
+                    </div>
+                    <div id="btn_add">
+                        <a href="index.php">View Members</a>
+                    </div>
+                    <label for="fname">First Name</label>
+                    <input type="text" id="first_name" name="first_name" maxlength="80">
+                    <label for="lname">Last Name</label>
+                    <input type="text" id="last_name" name="last_name" maxlength="80">
+                    <label for="age">Age</label>
+                    <input type="number" id="age" name="age" min="1" max="100">
+                    <label for="gender">Gender</label>
+                    <select id="gender" name="gender">
+                        <option value="Male">Male</option>
+                        <option value="Female">Female</option>
+                    </select>
+                    <label for="relationship">Relationship</label>
+                    <input type="text" id="relationship" name="relationship" maxlength="80">
+                    <input type="submit" name="submit" value="ADD">
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+</html>