MySQL Tabelle (PHP) in HTML mit Styles

ParadoxDev · 27. Mai 2018

Guten Abend,

ich habe folgendes Problem:

ich bin nun mit PHP nicht so gut... d.h. ich kann so gut wie nischt

Nun möchte ich meine MySQL Inhalte in einer HTML Tabelle anzeigen allerdings immer noch CSS verwenden können.... irgendwie kriege ich das aber nicht hin.

Hoffe mir kann jmd. helfen...

Freundliche Grüße

Thilo

Arne Drews · 27. Mai 2018

Hallo,

Wie sehen denn Deine Versuche aus?

Wenn Du sagst, Du bekommst es nicht hin, wirst Du es ja zumindest versucht haben.

Aus Deiner Frage lese ich raus, dass Du noch gar nicht mal so richtig weißt, was das alles ist, kann das sein?

Die Daten aus der MySQL-DB zu ziehen ist PHP-Sache, korrekt. PHP baut aus den Daten die Tabelle auf, aber für CSS ist es komplett irrelevant, woher das Dokument kommt bzw. wer es aufgebaut hat. Solange die Selektoren greifen, funktioniert auch die CSS-Übersetzung.

ParadoxDev · 27. Mai 2018

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Table V04</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->    
    <link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
    
    <div class="limiter">
        <div class="container-table100">
            <div class="wrap-table100">
                <div class="table100 ver1 m-b-110">
                    <div class="table100-head">
                        <table>
                            <thead>
                                <tr class="row100 head">
                                    <th class="cell100 column1">Datum</th>
                                    <th class="cell100 column2">Type</th>
                                    <th class="cell100 column3">Hours</th>
                                    <th class="cell100 column4">Trainer</th>
                                    <th class="cell100 column5">Spots</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    <div class="table100-body js-pscroll">
                        <table>
                            <tbody>
                                <tr class="row100 body">
                                    <td class="cell100 column1">Like a butterfly</td>
                                    <td class="cell100 column2">Boxing</td>
                                    <td class="cell100 column3">9:00 AM - 11:00 AM</td>
                                    <td class="cell100 column4">Aaron Chapman</td>
                                    <td class="cell100 column5">10</td>
                                </tr>
                                    <?
                                    require_once ('konfiguration.php');
                                    $db_link = mysqli_connect (
                                         MYSQL_HOST, 
                                      MYSQL_BENUTZER, 
                                         MYSQL_KENNWORT, 
                                      MYSQL_DATENBANK
                                        );
                                     $result = mysql_query("SELECT * FROM pg_payments");
                                    ?>                                    
                                    <?
                                        while($row = mysql_fetch_assoc($result)){
                                    ?>
                                    <tr>
                                    <td class="cell100 column1">
                                    <? echo $row["date"]; 
                                    ?>
                                    </td>
                                    <td class="cell100 column2">
                                    <? echo $row["type"]; ?>
                                    </td></tr><?
                                }
                                ?>

                                

                                    
                                    

                                
                            </tbody>
                        </table>
                    </div>
                </div>
                
                

                
            </div>
        </div>
    </div>


<!--===============================================================================================-->    
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script>
        $('.js-pscroll').each(function(){
            var ps = new PerfectScrollbar(this);

            $(window).on('resize', function(){
                ps.update();
            })
        });
            
        
    </script>
<!--===============================================================================================-->
    <script src="js/main.js"></script>

</body>
</html>

Alles anzeigen

das war einer meiner Versuche

doch also mit MySQL kenne ich mich relativ gut aus und mit HTML und CSS auch ganz oke nur von PHP habe ich so gut wie keine Ahnung :≤

Arne Drews · 27. Mai 2018

Ok, wenn die mysql_* Funktionen bei Dir noch funktionieren, hast Du eine ältere PHP-Version. Du solltest gerne auf 7.x aktualisieren.

Du solltest MySQLi oder PDO unter PHP verwenden. Ich persönlich favorisiere PDO.

Zumindest vermischst Du aktuell mysql_* und mysqli_* Funktionen.

Mag sein, dass da schon Dein Fehler ist. Am Script selbst erkenne ich adhoc keinen groben Syntax-Fehler.

Ich würde zusätzlich allerdings noch den Kontextwechsel beachten.

Den Part, den PHP zusammenbauen soll zuerst verarbeitet und im Dokument das Resultat einhängen.

ParadoxDev · 27. Mai 2018

øke also das Script müsste so funktionieren und ich sollte nur mal meine PHP Version aktualisieren?... oke probiere ich mal viele dank

.

nee das hat nicht funktioniert /:

ParadoxDev · 27. Mai 2018

ich muss auch erlich zugeben, dass ich von dem was du gesagt nur so 35% Verstanden habe - vlt. kannst du mir das nochmal für "ein wenig fotgeschrittene Anfänger" erklären und vlt. sogar an einem kleinen Beispiel?

olkostbe · 27. Mai 2018

Ich habe den Code oben jetzt nicht ausprobiert, aber was ich darin nicht verstehe ist die Anwendung:

<? .......?>

Sollte das nicht:

<?php ......?>

sein?

Die konfiguration.php Datei könnte vielleicht auch interessant sein zum sehen.

Just my 5 cents

olkostbe

Arne Drews · 27. Mai 2018

Korrekt, sollte zumindest so sein.

Deutet aber entweder auf seine alte Version oder schlechte Konfiguration hin, denn <? ist das sog. ShortOpenTag, das früher gültig war und heute prinzipiell raus ist. Ich bin mir grad nichts sicher, ob das in PHP v7 nicht auch sogar ganz rausgeflogen ist?! In den letzten Versionen konnte man das über die ini noch aktivieren.

Ich habe das nie benutzt.

Aber es kann natürlich auch sein, dass es u.a. daran liegt, von daher guter Einwand, habe ich gar nicht drauf geachtet.

Falsch ist auf jeden Fall mysql_ und mysqli kombiniert zu verwenden.

olkostbe · 27. Mai 2018

Wouh, ein Lob von Dir Arne? Jetzt bin ich aber 10 cm größer geworden!

Arne Drews · 27. Mai 2018

Das reicht dann aber auch für die nächsten 6 Monate

m.scatello · 28. Mai 2018

Und noch ein Hinweis: man sieht es fast in jedem Tutorial, aber nur der Einfachheit wegen, aber: never ever "Select *" schreiben. Führe die Spalten auf, die du haben willst.

ParadoxDev · 29. Mai 2018

Ja ich weiss, dass ich nicht SELECT * machen sollte. Ich brauche allerdings alle Daten aus der Datenbank also ist es ja prinzipiell egal oder?

basti1012 · 29. Mai 2018

Ich weiß zwar nicht warum das so ist ,aber wen m.scatello sagt never ever "SELECT * schreiben ,dann meint er bestimmt auch das . Dann mußt du die halt alle einzelnd aufschreiben ,oder vieleicht gibt es da noch ein anderen Befehl ,das weiß ich nur nicht .

ParadoxDev · 29. Mai 2018

mhm es passiert nichts bekomme nur eine graue Spalte... folgender CODE:

PHP

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Table V04</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->    
    <link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
    
    <div class="limiter">
        <div class="container-table100">
            <div class="wrap-table100">
                <div class="table100 ver1 m-b-110">
                    <div class="table100-head">
                        <table>
                            <thead>
                                <tr class="row100 head">
                                    <th class="cell100 column1">Datum</th>
                                    <th class="cell100 column2">Type</th>
                                    <th class="cell100 column3">Hours</th>
                                    <th class="cell100 column4">Trainer</th>
                                    <th class="cell100 column5">Spots</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    <div class="table100-body js-pscroll">
                        <table>
                            <tbody>
                                <tr class="row100 body">
                                    <td class="cell100 column1">Like a butterfly</td>
                                    <td class="cell100 column2">Boxing</td>
                                    <td class="cell100 column3">9:00 AM - 11:00 AM</td>
                                    <td class="cell100 column4">Aaron Chapman</td>
                                    <td class="cell100 column5">10</td>
                                </tr>
                                    <?php
                                    $db_link = mysqli_connect ("*****", "****", "*****", "****");
                                    $result = mysql_query("SELECT * FROM pg_payments");
                                    ?>                                    
                                    <?php
                                        while($row = mysql_fetch_assoc($result)){
                                    ?>
                                    <tr>
                                    <td class="cell100 column1">
                                    <?php echo $row["date"]; 
                                    ?>
                                    </td>
                                    <td class="cell100 column2">
                                    <?php echo $row["type"]; ?>
                                    </td></tr><?php
                                }
                                ?>

                                

                                    
                                    

                                
                            </tbody>
                        </table>
                    </div>
                </div>
                
                

                
            </div>
        </div>
    </div>


<!--===============================================================================================-->    
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script>
        $('.js-pscroll').each(function(){
            var ps = new PerfectScrollbar(this);

            $(window).on('resize', function(){
                ps.update();
            })
        });
            
        
    </script>
<!--===============================================================================================-->
    <script src="js/main.js"></script>

</body>
</html>

Alles anzeigen

Arne Drews · 29. Mai 2018

Zitat von basti1012

Ich weiß zwar nicht warum das so ist ,aber wen m.scatello sagt never ever "SELECT * schreiben ,dann meint er bestimmt auch das . Dann mußt du die halt alle einzelnd aufschreiben ,oder vieleicht gibt es da noch ein anderen Befehl ,das weiß ich nur nicht .

Mensch Leute, was soll denn so eine Argumentation?!

"Wenn XY das sagt, ist das wohl auch so"

Ob das so ist, kann man doch in der heutigen Zeit schnell selbst herausfinden.

Auf die Schnelle: https://stackoverflow.com/ques…select-considered-harmful

Da steht das aus meiner Sicht sehr gut erklärt.

Gewöhnt euch gleich an, es richtig zu machen, dann wird das was...

m.scatello · 30. Mai 2018

16.14. Warum soll ich nicht SELECT * schreiben?

http://home.mengelke.de/html-p…p-faq/q/q-sql-select.html

m.scatello · 30. Mai 2018

Richtig debuggen

Man bemerkt, dass ein Skript nicht das tut, was es soll.
Man schreibt an den Anfang des Scriptes die Zeile: error_reporting(-1);
Man verwendet ini_set('display_errors', true); damit die Fehler auch angezeigt werden.
Man versucht, die Stelle die daran Schuld sein kann, schonmal einzugrenzen. Falls dies nicht geht, wird zunächst das komplette Skript als fehlerhaft angesehen.
An markanten Stellen im Skript lässt man sich wichtige Variableninhalte ausgeben und ggf. auch in bedingten Anweisungen eine kurze Ausgabe machen, um zu überprüfen, welche Bedingung ausgeführt wurde. Wichtig bei MySQL Fehlern (...not a valid MySQL result resource...): mysqli_error() verwenden oder Abfrage ausgeben und zb mit phpmyadmin testen.
Schritt 5 wird so lange wiederholt, bis Unstimmigkeiten im Skript auffallen
Damit hat man das Problem (Unstimmigkeit) gefunden und kann versuchen diese zu beheben. Hierzu dienen dann die PHP-Dokumentation und andere Quellen als Ratgeber.
Lässt sich das konkrete Problem trotzdem nicht beheben, kann man in Foren um Rat fragen.
Das Programm läuft und man kann die Debug-Ausgaben wieder entfernen.

ParadoxDev · 30. Mai 2018

wo bekomme ich denn dann die Debugausgabe? Es ist nichts passiert...

m.scatello · 30. Mai 2018

mysqli_connect

mysql_query

mysql_fetch_assoc

Fällt dir da nichts auf?

MySQL Tabelle (PHP) in HTML mit Styles

Jetzt mitmachen!

Teilen

Tags