• Home
  • Subscribe RSS
  • Comments RSS
Blue Orange Green Pink Purple

#

NewJack Website Progress - Post a Blog and Login

In this post I am going to explain how I have created a form that allows a user to post a blog with the option of also uploading an image. I will also explain how I have created a login system so only the site admin can access the admin area and post a blog.

Posting a Blog
Firstly, I created a page with a simple html form, with fields for the blog's title, content and an upload file field. When submitted, the form runs insert.php which uses SQL to insert the form contents into the appropriate fields in the blog database table. If the user selects an image to upload, the insert.php file also uploads this image to a directory named /blogimages on the server. So if the user uploads an image called img.png, the file will be uploaded to stephengreig.co.uk/newjack/blogimages/img.png. The text img.png will be inserted into the image field in the MYSQL database table.

When the form is submitted, the form content is inserted into the blog database table as shown in the image below.

Now the data is in the database, the blog.php is updated with the new blog post.

Login System
Obviously, we don't want any random user to be able to add blog posts to the blog, so I have made the admin area page require the user to be logged in. There is a button on the blog page which reads 'admin area', which when clicked takes the user to adminlogin.php. This page simply features a html form (with username and password fields) which when submitted runs login.php.

The login.php file then checks to see if the username and password entered are in the members database table; if they aren't the user is redirected to a page which reads login failed; if the username and password entered are in the members database table then the user is redirected to the admin area page where they can then add a blog post.

It is important to note that the admin area page also features some php code that says the page requires auth.php in order for it to be displayed. The auth.php file basically checks to see if the user is logged in or not.

Also in the admin area page is a logout link which when clicked runs logout.php. This file ends the user session and redirects them to a page which tells them they have been logged out.

Remaining Tasks
  • Make user able to edit blog posts
  • Make user able to delete blog posts
  • Make file upload in post blog form accept image AND mp3 files
  • Make gigs page so it is populated using a MYSQL database
  • Make add/edit/delete gigs form in admin area
  • Make PHP contact form
Read More 1 Comment | Posted by Ste edit post

1 Comment

  1. Unknown on 15 March 2010 at 12:12

    Hi Stephen,

    I agree with you 100%,I wrote something similar on my own journal yesterday. I'm fed up of being frustrated and turning upto seminars that don't really help and then there is the moody lecturers.

    I still have my log in to complete, I'm struggling with styling up PHP and the journal posts page.

    Happy Days

    Steven

     


Post a Comment
Newer Post Older Post Home

Ste Blog

  • About
      My name's Ste, a Multimedia student at Nottingham Trent University with a keen interest in design, mainly web and print based.

      Portfolio: www.stephengreig.co.uk
  • Followers

    Blog Archive

    • ► 2011 (18)
      • ► May (3)
      • ► April (2)
      • ► March (1)
      • ► February (8)
      • ► January (4)
    • ▼ 2010 (22)
      • ► December (2)
      • ► November (5)
      • ► October (2)
      • ► April (1)
      • ▼ March (4)
        • NewJack Website - Flash MP3 Player with PHP/MYSQL
        • NewJack Website - Edit/Delete Blog Posts
        • NewJack Website Progress - Post a Blog and Login
        • NewJack Website Progress - MySQL and PHP
      • ► February (5)
      • ► January (3)
    • ► 2009 (35)
      • ► December (3)
      • ► November (6)
      • ► October (5)
      • ► May (1)
      • ► April (4)
      • ► March (2)
      • ► February (10)
      • ► January (4)
    • ► 2008 (16)
      • ► December (3)
      • ► November (9)
      • ► October (4)

    Labels

    • 3d (1)
    • 3ds max (4)
    • actionscript (1)
    • adobe flash (4)
    • adobe photoshop (7)
    • alignment (1)
    • Artefacts (15)
    • audiovisual (2)
    • avatar (2)
    • avatars (2)
    • blog template (1)
    • box showcase (2)
    • brainstorm (1)
    • cancer research (1)
    • character design (1)
    • charity (1)
    • Client Project (4)
    • client work (1)
    • compatibility (1)
    • contrast (1)
    • CRAP design (1)
    • creative zen (1)
    • creativity (1)
    • css (8)
    • dan saffer (1)
    • databases (2)
    • design (4)
    • design snack (1)
    • development (1)
    • deviant art (1)
    • digital piracy (2)
    • esearch (1)
    • film (1)
    • football manager (1)
    • game (2)
    • graphic design (1)
    • graphic design website design portfolio (1)
    • greetings card design (1)
    • hereford united (4)
    • hosting (1)
    • ideas (1)
    • identities (17)
    • image (1)
    • interaction design (1)
    • interactive narrative (2)
    • interactive room (5)
    • interactive showcase (5)
    • ipod (1)
    • javascript (6)
    • joel schafer (1)
    • jquery (1)
    • junior bulls (1)
    • layout (1)
    • live4life (1)
    • logo (3)
    • logo design (2)
    • logo moose (1)
    • media publishing (2)
    • mind map (1)
    • modelling (1)
    • moodboard (1)
    • multimedia practitioner (1)
    • music (2)
    • mutt ink (1)
    • my identity (2)
    • mysql (4)
    • newjack (5)
    • news (5)
    • one shot film (1)
    • Online News Business Models (3)
    • personal website (4)
    • photography (1)
    • php (4)
    • pixilation (2)
    • planing (1)
    • portfolio (2)
    • portfolio and design service (1)
    • poster design (1)
    • print design (1)
    • proximity (1)
    • PRP (20)
    • questionnaire (2)
    • radfords (6)
    • repetition (1)
    • research (4)
    • rule of thirds (1)
    • second life (1)
    • shape (1)
    • Simulated client project (2)
    • spp (3)
    • testing (1)
    • the maze (5)
    • the meeting (1)
    • typography (2)
    • web design (11)
    • website design (5)
    • website project (15)
    • website review (1)
    • world cup (1)
    • xhtml (10)
  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright The Ste Blog. All rights reserved.
    Blog Skins Designed by FTL Wordpress Themes

    Back to Top