Releases · artingo/php-blog

27 Nov 21:09

artingo

v1.11-edit-post

b6fbb1b

11. 'Edit existing post' feature Latest

Latest

Implement the 'edit existing post' feature:

add a new rule to the routes
remember the current user id in a session variable
only a post's author should have the right to edit it
add a small <form> with a hidden 'id' field.
create the controllers\posts\update.php controller
in controllers\posts\create.php, create a new, empty Post and pass it to the view
rename views\posts\create.php to edit.php. Insert some hidden fields.
fill all fields' values with the post's data
modify the code in controllers\posts\save.php to save new and existing entries

Assets 2

23 Nov 12:02

artingo

v1.10-delete-post

2728a48

10. 'Delete post' feature

Implement the 'delete post' feature:

add a new rule to the routes:

'/posts/delete' => BASE_PATH . '/controllers/posts/delete.php'
in views\posts\read.php, add a 'delete' button that is only visible if the current user is identical to the post's user:

if($_SESSION['currentUser'] == $post->userId)
upon button click, show a dialog that asks: 'Do you really want to delete this post?'.
in the dialog, implement a small <form method="post" action="/posts/delete"> with a hidden <input name="postId" type="hidden" value="<?= $post->id ?>">.
create the controllers\posts\delete.php controller and insert this code:

$postId = $_POST['postId'];
unset($GLOBALS['posts'][$postId]);
saveData('posts');
header("location: /posts");

Assets 2

22 Nov 15:57

artingo

v1.9-implement-detail-view

4bc596c

9. Implement the post detail view

Create a new dynamic rule in the router.
Implement a getItem($view, $id) function in functions.php.
Implement controllers\posts\read.php.
Implement views\posts\read.php, showing the post's details.

Assets 2

17 Nov 10:37

artingo

v1.8-create-post-feature

721c0e2

Step 8: Implement the 'create post' feature.

Implement the create post feature. For this:
1. Create the controllers\posts directory and move controllers\posts.php to constrollers\posts\index.php. Correct all necessary links.
2. Create the views\posts directory and move views\posts.php to views\posts\index.php. Correct all necessary links.
3. Create both controllers\posts\create.php and views\posts\create.php.
4. Add '/posts/create' => BASE_PATH . '/controllers/posts/create.php' to the $routes in public\index.php.
5. In views\posts\create.php, insert a HTML form with these fields:
  1. title as simple input field,
  2. categories[] as multiple select box,
  3. and body as textarea. You may use a rich text editor like TinyMCE.
  4. You may add jQuery Validation to it.
  5. Add method="post" action="/posts/save" to the <form> tag.
  6. Add '/posts/save' => BASE_PATH . '/controllers/posts/store.php' to the $routes.
6. In functions.php, write a saveData($key, $newEntry) function:
  1. load the corresponding JSON file with loadData(key)
  2. add the $newEntry to $data[]
  3. save the updated JSON file.
7. Implement controllers\posts\store.php:
  1. create a new Post with the fields submitted in the form:
    
    $newPost = new Post($_POST['title'], $_POST['body'], 1, $_POST['categories']);
  2. save that post: saveData('posts', $newPost);
  3. redirect to the posts overview page: header("location: /posts");

Assets 2

13 Nov 22:53

artingo

v1.6-layout-template

614c40a

Step 6: Create a layout template

Create a layout template. To do so, follow these steps:

Create a views\partials sub-directory.
Cut the code of HTML <head>, top navigation, sidebar and footer and paste it into their corresponding PhP files.
require all partials in the loadView() function.
Create a public folder and css, img, js and webfonts sub-folders. Download the corresponding resources to these directories and modify the links to use the local copies.
Tell the PhP server to use the public directory with these parameters:

php -S localhost:8080 -t public

Assets 2

13 Nov 15:32

artingo

v1.5-insert-HTML-code

95c5223

Step 5: insert HTML code into 'posts.php'

Chose a UI framework. We recommend:
1. Bootstrap or Material Design Lite
2. Search for a demo layout page and copy its HTML code to the views\posts.php file.
For example: AdminLTE starter page
3. Open the controllers\posts.php page in your browser and check the result.
4. Correct all the CSS, JS and image references using CDN links (for starters).
5. Remove all unnecessary UI elements and place your own labels.

Assets 2

12 Nov 22:07

artingo

v1.4-create-views

c4dd824

Step 4: create views

Create PHP/HTML views in the views folder. Write a view function that loads data from the corresponding JSON file and loads the proper view template to display it.

Assets 2