Βοήθεια με λιστες σε html

[tsofras]

5 ώρες πριν, Hamurabi είπε

Οχι, το index. Html το γραφω σε notepad. 

Δε θελω τιποτα φοβερό κ τρομερο, μονο αυτο να φαίνεται η λιστα. 

Ενδιαφερον και η ιδέα με τον file explorer αλλα εξακολουθώ κ αναρωτιέμαι γιατί ακούγεται τοσο πολυπλοκο ή δυσκολο στην html απλα να μου εμφανιζει τις 2 λιστες που εχω ηδη έτοιμες. 

Δεν είναι ούτε πολύπλοκο ούτε δύσκολο.

Σαν έννοιες και λογική μπορούμε να βοηθήσουμε, το θέμα είναι ότι απλά μας έχεις δώσει ένα κομμάτι κώδικα που λουπαρει κάτι φακέλους και τα αρχεία τους.

Οπότε εμείς αν δεν έχουμε στημένο αντίστοιχο περιβάλλον πρέπει να στήσουμε python και να γράψουμε ένα html για να στο Όπως έγραψε και ο node7 μπορείς απλά στο python να φτύσεις τα ul,li elements για αυτό σε ρώτησα πως φτιάχνεις το Μπορεί να γίνει με php, html5, JavaScript, jQuery κτλκτλ

Έχεις συγκεκριμένο λόγο που το θες σε python?

 

 

 

 

[vadou]

3 ώρες πριν, node7 είπε

Πέρνα σαν παραμέτρους στη render_template τις δύο λίστες που έχεις. Πχ.

return render_template('index.html', subfolders=subfolders, files=files)

Στο index.html, αν χρησιμοποιείς jinja, γράψε κάτι σαν:
 

{% for folder in subfolders %}

<h3>{{ folder.name }}</h3>

  <ul>

  {% for file in files %}

    <li>{{file.name}}</li>

  {% endfor %}

  </ul>

{% endfor %}

Βέβαια αυτό που σου γράφω δεν είναι εντελώς σωστό γιατί θα εμφανίζει όλα τα αρχεία κάθε φορά αλλά είναι μια αρχή.

Στο παραπάνω δε θέλει 2 arrays (subfolders και files) που γράφεις, αλλά ένα όπου το κάθε item του array θα πρέπει να έχει το folder.name και τα folder.files
αν μπορεί να γίνει αυτό, τότε στο template το 2ο for loop θα γίνει

for file in folder.files

και θα ρεντάρει ακριβώς αυτό που ζητάει

ένα παράδειγμα του τι θα πρέπει να φτιάξεις σαν τελικό html είναι:

<ul class="folders-list">
  <li>
    <h3>Φάκελος 1</h3>
    <ul class="files-list">
      <li>Αρχείο 1</li>
      <li>Αρχείο 2</li>
      <li>Αρχείο 3</li>
    </ul>
  </li>
  <li>
      <h3>Φάκελος 2</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
  <li>
      <h3>Φάκελος 3</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
</ul

 

Φαντάζομαι το πιο μεγάλο πρόβλημα, που είναι το πώς θα φτιάξεις τα data σου και θα τα δώσεις στην html, το έχεις λύσει, ε;

Επεξ/σία 9 Ιουλίου 2022 από vadou

[Hamurabi]

1 ώρα πριν, vadou είπε

Στο παραπάνω δε θέλει 2 arrays (subfolders και files) που γράφεις, αλλά ένα όπου το κάθε item του array θα πρέπει να έχει το folder.name και τα folder.files
αν μπορεί να γίνει αυτό, τότε στο template το 2ο for loop θα γίνει

for file in folder.files

και θα ρεντάρει ακριβώς αυτό που ζητάει

ένα παράδειγμα του τι θα πρέπει να φτιάξεις σαν τελικό html είναι:

<ul class="folders-list">
  <li>
    <h3>Φάκελος 1</h3>
    <ul class="files-list">
      <li>Αρχείο 1</li>
      <li>Αρχείο 2</li>
      <li>Αρχείο 3</li>
    </ul>
  </li>
  <li>
      <h3>Φάκελος 2</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
  <li>
      <h3>Φάκελος 3</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
</ul

 

Φαντάζομαι το πιο μεγάλο πρόβλημα, που είναι το πώς θα φτιάξεις τα data σου και θα τα δώσεις στην html, το έχεις λύσει, ε;

 

Φιλε μου θα δοκιμασω αυτα που. εγρσψες οταν θαμαι σπιτι, σε Ευχαριστώ. Όλους δηλαδή σας ευχαριστώ. 

Τι εννοεις πως θα φτιαξω τa data μου κ θα τα δωσω sthn html? 

Εχω φτιαξει ενα web app με python. Ειναι ετοιμος ολος ο κωδικας, ολα λειτουργουν ρολοι. Το μόνο που μου λειπει είναι αυτο, η σελιδα (site)που θα εμφανίζει απλως τις λιστες. 

Mε το app μεταφερονται αρχεία (οι φωτογραφιες) απο clients σε server, τα οποία ανανεωνονται καθημερινά, σβηνονται αυτοματως τα παλιοτερα, γινονται και καποιες αλλες λειτουργιες, μετα κραταει 2 λιστες με αυτά που είπαμε και το μονο που εμενε ηταν απλα να εμφανιζονται στο site οι λιστες με τον τροπο που ειπα. 

Έστησα και server στο raspbbery, εκανα portforward, πηρα ddns, τα σεταρα δουλευει κανονικά. Το βλέπω απο παντου over the internet. 

Και Είχα κολησει σαυτο το διαολακι... Με την html

Μακαρι να τη βρουμε τη λύση. Θα δοκιμασω τα τελευταία και θα επανέλθω 

Επεξ/σία 9 Ιουλίου 2022 από Hamurabi

[node7]

5 ώρες πριν, vadou είπε

Στο παραπάνω δε θέλει 2 arrays (subfolders και files) που γράφεις, αλλά ένα όπου το κάθε item του array θα πρέπει να έχει το folder.name και τα folder.files
αν μπορεί να γίνει αυτό, τότε στο template το 2ο for loop θα γίνει

for file in folder.files

και θα ρεντάρει ακριβώς αυτό που ζητάει

ένα παράδειγμα του τι θα πρέπει να φτιάξεις σαν τελικό html είναι:

<ul class="folders-list">
  <li>
    <h3>Φάκελος 1</h3>
    <ul class="files-list">
      <li>Αρχείο 1</li>
      <li>Αρχείο 2</li>
      <li>Αρχείο 3</li>
    </ul>
  </li>
  <li>
      <h3>Φάκελος 2</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
  <li>
      <h3>Φάκελος 3</h3>
      <ul class="files-list">
        <li>Αρχείο 1</li>
        <li>Αρχείο 2</li>
        <li>Αρχείο 3</li>
      </ul>
  </li>
</ul

 

Φαντάζομαι το πιο μεγάλο πρόβλημα, που είναι το πώς θα φτιάξεις τα data σου και θα τα δώσεις στην html, το έχεις λύσει, ε;

Έχεις δίκιο. Λέει ότι έχει δύο λίστες, αλλά δεν αναφέρει ακριβώς τι περιέχει η κάθε λίστα. Έγραψα κάτι στο περίπου για να έχει να ξεκινήσει.

[ralloss]

Εφόσον λοιπόν το έχεις με python μετάτρεψε τις λίστες σε ένα dictionary τύπου:

data =	{"folder1": ["photo1","photo2"]}

Έπειτα κάνε ενα loop στο template όπως είπε πιο πάνω ο φίλος

{% for folder, photos in data.items() %}
<h3>{{ folder}}</h3>
  <ul>
  {% for photo in photos %}
    <li>{{photo}}</li>
  {% endfor %}
  </ul>
{% endfor %}