Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

The public appearance

From: PHP with MySQL Essential Training

Video: The public appearance

In this chapter we're going to talk about how we can create the public side of our CMS. We've made a lot of progress on our CMS so far, let's go back and review our initial blueprint. We've got our Admin menu section taken care of, that was pretty quick, and now we've got the Manage Content section. That's the navigation, the subject's CRUD, and the page is CRUD. I want us to now jump away from the admin area, and go over to the public area. And that's because we're going to come back and talk about user authentication later. Which is login, log out. And all the admin crud that goes with it.

The public appearance

In this chapter we're going to talk about how we can create the public side of our CMS. We've made a lot of progress on our CMS so far, let's go back and review our initial blueprint. We've got our Admin menu section taken care of, that was pretty quick, and now we've got the Manage Content section. That's the navigation, the subject's CRUD, and the page is CRUD. I want us to now jump away from the admin area, and go over to the public area. And that's because we're going to come back and talk about user authentication later. Which is login, log out. And all the admin crud that goes with it.

So we're going to look at the public area next. The public area's going to look very similar to what we had for the admin area. We're going to have a navigation, still going to run down the left side, exactly the same. We're going to have page content over on the right side. The big difference is that it's going to be read only. We're not going to have all the other things that we added to the admin side. Users are just going to be browsing the pages that we've created. That's it. It's going to be reading only. There are also a few other differences we should talk about. So besides not having create, update, and delete, there's also going to be a different appearance and some different user interface elements. Part of the reason we want to do that is just for our own sanity. It should be easy to see the difference between the public side and the admin side.

Now, I like the fact that the two share a common theme and they feel like part of the same website. We should never be confused about which page I'm on right now. Am I on a public page, or am I on an admin page? So we'll work to differentiate them. Another difference in the interface is going to be the way that the navigation works. In the admin navigation right now, we're seeing all subjects and all pages all the time. On the public side, I want the user to focus a little more on the subject that they're on, just that current subject. And so what's going to happen is when they click on a subject, they'll see just the pages for that subject.

If they pick a different subject, then they'll see the pages for that subject. It'll feel more like they're moving around between the subjects, instead of just throwing all the information at them all the time. You may also remember that the admin area show subjects and pages that are both visible and invisible. We need to see them both so that we can manage them and edit them. But the whole reason that we have visibility is because on the public side, we don't want to show things. So we're going to want to hide subjects and pages which we've marked to be not visible. We're not going to display them like we did in the admin area.

And I think we're also going to need to give some thought to default page content for subjects. In the admin area, it's okay if we click on a subject, and we just see the subject's name. But that's not okay for the public. We want to go ahead and give them a better user experience, and serve them up some default content in that case. So we'll work on solving that as well. Let's start by tackling the differences in the navigation. Now, all of the public side is going to take place on index.php. That's the default page that servers serve up. And we've just got a basic HTML there right now. What we want here is something very similar to what we have for manage_content.

So let's use that as a starting point. Let's just copy all of manage_content and paste it into index.php. Now we can go through this and we can review the parts that we want and don't want. Our navigation, for example, isn't going to have a main menu, we're not going to be able to add a subject. We don't need to display a message. And instead of saying current subject here and having menu name position visible, let's take out a lot of that. We're not going to need our pages and subject. Just keep going down, get all of that out of there, so that we really just have manage subject and the menu name for now. And we'll come back and clean up this a little more later. But that's good enough for now.

The manage page we know what we want to show, if someone clicks on a page, we don't want to see manage page anymore, we want to see the page content. Where is our page content? It's right down here. So, let's just take that whole thing and just as is, let's say that it's our page content. And come back and style it a little more later. And then please select a subject or a page, we'll leave that as a good placeholder to start with now. Alright, so let's just bring this up and take a look at it and see what it looks like. So for me, that's going to be inside Local Host, Kevin Scogland, Widget Corp, Public.

And then I could just hit Return, right there. Or I can actually ask for index.PHP. So here it is, this is what it looks like. Notice, if I roll over any of these, that the length that it's going to take me to is manage content.php. That's my old Admin area code. That's because those links are being generated by the navigation. So our navigation that we had before isn't going to work for us. We're going to need something different. So I'm going to go ahead, and just save index.php. And let's jump over here to our functions, where we have that navigation.

So here it is. Now, we could go in, and actually edit this navigation. Instead, what I'm going to do is just take this, for now, and make a new one. Just copy it. And let's call it public navigation. Now I have the ability to just make changes in here and not worry that they're going to affect my other navigation. I'll change this to index.php, and this one also, down here, to index.php. So now that I've made that change there, let's save that. And let's jump back over to index.php, and let's call our new function, public navigation.

Save it. We'll go back over and we'll reload our index.php page, and now as I click around you'll see that I don't go to the admin area any more. I stay on my index.php page. I stay in the public area. Now we also noted that our navigation should function a little differently, that it should have a little bit of a different user interface to it. So let's do that now. Let's go over here. What we want is we want it to go ahead and display all the subjects just like normal. Alright, we'll talk about visible subjects a little later.

For now, we want to just display subjects normally. But then, when we get to the pages for the subject. We only want to display them if the current subject is selected. And the result is going to be sort of an accordion effect. When the user clicks on one subject, we'll see that pages that are below it. They pick a different subject. The first ones will disappear. Now, we'll see the pages that are below that. So what we need to do is just have a conditional. Right here before we start outputting our UL for pages, we just want to put IF, and then some conditional. We'll come back and write the conditional in a second. And all of this that's here, all the way down to where we free the page set. Right? The page set results. All of that to there.

We're going to indent, and then close our loop. Now there's one other thing though, notice this is a ul that we open? Here's where we close that ul. We actually need to break this .$output. And this needs to inside the loop. While this stays outside the loop, 'cuz this is the end of subject, end of the subject li. Okay. So now we can focus on writing this conditional.

So we only want to display these pages if this current subject is selected. Well, the current subject is passed in here as subject_array. So subject_array id will tell us what that is. So if subject array id is equal to the current subject id that I'm iterating through, then we want to do this otherwise we don't. Let's try it. Let's come back over here. Look at that, Widget Corp. Products, services, right.

So, as you click one, the old one closes and the new one opens. It's sort of an accordion effect. Now, the problem with this is that, let's click on large widgets, albeit disappeared. It's only sensitive to when we have a subject set. So, we also need to change our conditional here and save. Or, the other possibility is that our page_array, let me just copy this and make it page_array, that it's subject ID is equal to this subject ID. So one of those two things.

Either we have a subject that matches, or we have a page whose subject matches. Now let's go back and try it. And now you can see that the effect is that it stays open as you click around among that subject. So, we now have a different user interface for our public than we have for our admins. Now, our navigation's not perfect, because we still have a problem here. We have Find_All_Subjects, and we have Find_Pages_For Subject, both of which are going to display all of them. And we instead want to display only ones that are visible.

You could write yourself a function that is find all visible subjects. That's perfectly valid. But in the next movie I'll show you an alternative way we can do that using context.

Show transcript

This video is part of

Image for PHP with MySQL Essential Training
PHP with MySQL Essential Training

131 video lessons · 32694 viewers

Kevin Skoglund
Author

 
Expand all | Collapse all
  1. 4m 8s
    1. Welcome
      1m 0s
    2. Using the exercise files
      3m 8s
  2. 15m 6s
    1. What is PHP?
      3m 52s
    2. The history of PHP
      2m 51s
    3. Why choose PHP?
      4m 10s
    4. Installation overview
      4m 13s
  3. 54m 53s
    1. Overview
      2m 33s
    2. Working with Apache Web Server
      6m 56s
    3. Changing the document root
      7m 24s
    4. Enabling PHP
      6m 16s
    5. Upgrading PHP
      3m 30s
    6. Configuring PHP
      10m 3s
    7. Installing MySQL
      5m 46s
    8. Configuring MySQL
      7m 24s
    9. Text editor
      5m 1s
  4. 31m 25s
    1. Overview
      3m 27s
    2. Installing WampServer
      5m 46s
    3. Finding the document root
      2m 24s
    4. Configuring PHP
      8m 12s
    5. Configuring MySQL
      5m 45s
    6. Text editor
      5m 51s
  5. 19m 12s
    1. Embedding PHP code on a page
      6m 43s
    2. Outputting dynamic text
      5m 55s
    3. The operational trail
      2m 27s
    4. Inserting code comments
      4m 7s
  6. 1h 18m
    1. Variables
      7m 50s
    2. Strings
      4m 38s
    3. String functions
      8m 54s
    4. Numbers part one: Integers
      6m 27s
    5. Numbers part two: Floating points
      5m 25s
    6. Arrays
      10m 0s
    7. Associative arrays
      6m 37s
    8. Array functions
      6m 33s
    9. Booleans
      3m 50s
    10. NULL and empty
      5m 15s
    11. Type juggling and casting
      8m 27s
    12. Constants
      4m 43s
  7. 27m 37s
    1. If statements
      6m 0s
    2. Else and elseif statements
      4m 16s
    3. Logical operators
      7m 30s
    4. Switch statements
      9m 51s
  8. 42m 15s
    1. While loops
      8m 41s
    2. For loops
      5m 59s
    3. Foreach loops
      8m 16s
    4. Continue
      8m 28s
    5. Break
      4m 8s
    6. Understanding array pointers
      6m 43s
  9. 37m 25s
    1. Defining functions
      8m 25s
    2. Function arguments
      5m 32s
    3. Returning values from a function
      7m 33s
    4. Multiple return values
      4m 53s
    5. Scope and global variables
      6m 2s
    6. Setting default argument values
      5m 0s
  10. 20m 18s
    1. Common problems
      3m 47s
    2. Warnings and errors
      8m 36s
    3. Debugging and troubleshooting
      7m 55s
  11. 57m 57s
    1. Links and URLs
      5m 33s
    2. Using GET values
      5m 35s
    3. Encoding GET values
      8m 41s
    4. Encoding for HTML
      9m 26s
    5. Including and requiring files
      7m 40s
    6. Modifying headers
      6m 45s
    7. Page redirection
      6m 43s
    8. Output buffering
      7m 34s
  12. 1h 3m
    1. Building forms
      7m 28s
    2. Detecting form submissions
      5m 59s
    3. Single-page form processing
      7m 57s
    4. Validating form values
      10m 40s
    5. Problems with validation logic
      9m 54s
    6. Displaying validation errors
      7m 23s
    7. Custom validation functions
      6m 28s
    8. Single-page form with validations
      7m 25s
  13. 28m 5s
    1. Working with cookies
      2m 49s
    2. Setting cookie values
      5m 55s
    3. Reading cookie values
      6m 1s
    4. Unsetting cookie values
      4m 51s
    5. Working with sessions
      8m 29s
  14. 48m 39s
    1. MySQL introduction
      6m 43s
    2. Creating a database
      7m 41s
    3. Creating a database table
      7m 42s
    4. CRUD in MySQL
      5m 48s
    5. Populating a MySQL database
      7m 32s
    6. Relational database tables
      6m 40s
    7. Populating the relational table
      6m 33s
  15. 56m 4s
    1. Database APIs in PHP
      4m 51s
    2. Connecting to MySQL with PHP
      7m 45s
    3. Retrieving data from MySQL
      8m 47s
    4. Working with retrieved data
      6m 12s
    5. Creating records with PHP
      6m 58s
    6. Updating and deleting records with PHP
      9m 6s
    7. SQL injection
      3m 5s
    8. Escaping strings for MySQL
      6m 45s
    9. Introducing prepared statements
      2m 35s
  16. 35m 58s
    1. Blueprinting the application
      7m 19s
    2. Building the CMS database
      5m 14s
    3. Establishing your work area
      4m 38s
    4. Creating and styling the first page
      4m 22s
    5. Making page assets reusable
      6m 36s
    6. Connecting the application to the database
      7m 49s
  17. 32m 49s
    1. Adding pages to the navigation subjects
      5m 58s
    2. Refactoring the navigation
      6m 7s
    3. Selecting pages from the navigation
      6m 2s
    4. Highlighting the current page
      5m 26s
    5. Moving the navigation to a function
      9m 16s
  18. 1h 45m
    1. Finding a subject in the database
      9m 48s
    2. Refactoring the page selection
      10m 52s
    3. Creating a new subject form
      6m 55s
    4. Processing form values and adding subjects
      11m 20s
    5. Passing data in the session
      9m 16s
    6. Validating form values
      9m 40s
    7. Creating an edit subject form
      8m 30s
    8. Using single-page submission
      7m 44s
    9. Deleting a subject
      9m 44s
    10. Cleaning up
      10m 37s
    11. Assignment: Pages CRUD
      4m 30s
    12. Assignment results: Pages CRUD
      6m 10s
  19. 39m 26s
    1. The public appearance
      8m 52s
    2. Using a context for conditional code
      11m 37s
    3. Adding a default subject behavior
      6m 9s
    4. The public content area
      5m 51s
    5. Protecting page visibility
      6m 57s
  20. 1h 3m
    1. User authentication overview
      4m 3s
    2. Admin CRUD
      8m 41s
    3. Encrypting passwords
      7m 26s
    4. Salting passwords
      5m 42s
    5. Adding password encryption to CMS
      11m 54s
    6. New PHP password functions
      3m 13s
    7. Creating a login system
      11m 28s
    8. Checking for authorization
      5m 48s
    9. Creating a logout page
      5m 40s
  21. 2m 4s
    1. Next steps
      2m 4s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed PHP with MySQL Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.