Curly brackets to designate blocks of code (like C#, Java).
"Normal" inheritance (like C#, Java).
Rather fast development towards more "typing".
"Normal" inheritance (like C#, Java).
Developments towards more "typing".
Multiple approaches:
- Inject into HTML to generate only (dynamic) parts of page
- **Inject into HTML to generate only (dynamic) parts of page**
- Configure pre-made content management system (CMS)
- Use fully-fledged framework for webapps which generates HTML
- Provide only data over API to be consumed by client-side code
---
# Executing PHP
PHP is a server-side language.
You need a PHP server!
ETH student?
- Login per SSH into slab1.ethz.ch with kürzel & password.
- Place files in homepage folder.
- Access your personal webpage under `https://n.ethz.ch/~kürzel/`
Many commercial products like [cyon](https://www.cyon.ch/), [metanet](https://www.metanet.ch/), [hostpoint](https://www.hostpoint.ch/), ...
Test locally with [XAMPP](https://www.apachefriends.org/de/index.html) or read the documentation of your linux distribution how to setup Apache with PHP.
You can use [FileZilla](https://filezilla-project.org/) to access the server via FTP / SSH.
---
# "Hello World" in PHP
```html
<!doctype html>
<htmllang="en">
<head>
</head>
<body>
<?php
echo "<h1>Hallo Welt</h1>";
?>
</body>
</html>
```
Placed as `index.php` on your root directory, it generates:
```html
<!doctype html>
<htmllang="en">
<head>
</head>
<body>
<h1>Hallo Welt</h1>
</body>
</html>
```
---
# Upcoming events in table (1/2)
Dynamic data generation requires:
- data source (like database or simply a file)
- transformation (transform result of query into usable php variables)
- generation (generate html out of the variables)
For this example, we place `events.json` in the same directory as our script:
```json
[
{
"title": "Web course",
"date:" "30.08.2020"
},
{
"title": "Web course",
"date:" "30.08.2020"
},
...
]
```
---
# Upcoming events in table (2/2)
create one row in the table for each event
```php
<?php
$eventsJson = file_get_content("events.json");
$events = json_decode($eventsJson);
?>
...
<table>
<tbody>
<?php foreach ($events as $event) { ?>
<tr>
<td><?= $event->title ?></td>
<td><?= $event->date ?></td>
</tr>
<?php } ?>
</tbody>
</table>
...
```
---
# Send E-Mail from contact from submission (1/2)
Process user-input server-side:
- get user input (like using a form)
- send it to the server (HTTP GET / POST / PUT / ...)
- process it on the server (query global php variables)
