Slik tillater brukergenerert innhold på HTML5 og CSS3-siden - dummies

I HTML5 og CSS3 programmering er kjennemerket til et CMS muligheten for brukere med begrenset teknisk kunnskap å legge til innhold i systemet. Denne veldig enkle CMS illustrerer en begrenset måte å legge til data på CMS.

Denne siden tillater autoriserte brukere å legge til nye blokker i systemet.

Etter noen få oppføringer kan en bruker bygge en komplett annen side.

Systemet er enkelt, men effektivt. Brukeren bygger blokker, og disse blokkene er konstruert i sider. Først, se over buildBlock. html side.

Bygg ny blokkmerking {float: left; bredde: 10em; fjern: venstre; tekstjustering: høyre; padding-right: 1em;} input, velg textarea {float: left; bredde: 20em;} knapp {display: block; klare: begge; margin: auto;}

Bygg en ny blokk







 passord blokk type hovedmeny content1 content2 footer tittel innhold side hovedside side 2 submit

Denne koden er en rimelig standard HTML skjema. Her er høydepunktene:

• Legg til CSS for konsistens: Det er viktig at brukeren forstår at hun fortsatt er i en del av systemet, så inkluderer samme CSS som brukes til å vise utgangen. Du kan også legge til lokale CSS for å forbedre skjermvisningen.

• Bygg et skjema som kaller buildBlock. php: Formålet med dette skjemaet er å generere informasjonen som trengs for å bygge en SQL INSERT-setning. The BuildBlock. php program gir denne viktige tjenesten.

• Be om et passord: Du vil ikke bare at noen endrer skjemaene dine. Inkluder et passord for å sikre at bare de som er autoriserte, legger til data.

• Få andre data som trengs for å bygge en blokk: Tenk på INSERT-spørringen du skal bygge. Du må få alle dataene som er nødvendige for å legge til en ny post i cmsBlock-tabellen.

I et ekte system vil disse dataene bli trukket fra databasen (ideelt gjennom AJAX).