added more code examples
This commit is contained in:
parent
0513c50b67
commit
a5ff4aa7f7
@ -3,7 +3,7 @@ $hostname = "hostname/IP";
|
|||||||
$username = "username";
|
$username = "username";
|
||||||
$password = "password";
|
$password = "password";
|
||||||
$db_name = "databaseName";
|
$db_name = "databaseName";
|
||||||
$port = "webport";
|
$port = "port";
|
||||||
|
|
||||||
$sqlArray = [];
|
$sqlArray = [];
|
||||||
|
|
||||||
|
|||||||
@ -7,6 +7,7 @@ $(document).ready(function () {
|
|||||||
dataType: "json", // return type of the PHP script
|
dataType: "json", // return type of the PHP script
|
||||||
success: function (data) {
|
success: function (data) {
|
||||||
console.log("successfully called PHP file!")
|
console.log("successfully called PHP file!")
|
||||||
|
console.log(data)
|
||||||
// implement logic to write json into HTML here
|
// implement logic to write json into HTML here
|
||||||
},
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
|
|||||||
37
src/frontend/example/grid_layout/grid_layout.css
Normal file
37
src/frontend/example/grid_layout/grid_layout.css
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
.item1 {
|
||||||
|
grid-area: header;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item2 {
|
||||||
|
grid-area: menu;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item3 {
|
||||||
|
grid-area: main;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item4 {
|
||||||
|
grid-area: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item5 {
|
||||||
|
grid-area: footer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-areas:
|
||||||
|
'header header header header header header'
|
||||||
|
'menu main main main main right'
|
||||||
|
'menu footer footer footer footer footer';
|
||||||
|
gap: 10px;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container > div {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
18
src/frontend/example/grid_layout/index.html
Normal file
18
src/frontend/example/grid_layout/index.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Example 1</title>
|
||||||
|
<link rel="stylesheet" href="/src/styles.css">
|
||||||
|
<link rel="stylesheet" href="grid_layout.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="item1">header</div>
|
||||||
|
<div class="item2">menu</div>
|
||||||
|
<div class="item3">main</div>
|
||||||
|
<div class="item4">right</div>
|
||||||
|
<div class="item5">footer</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Example 1</title>
|
|
||||||
<link rel="stylesheet" href="/src/styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user