School Event Registration

Submitted by: 
Language: 
Visitors have accessed this post 2335 times.

School Event Registration System will show you how to create this simple project. This system creates a registration form for all the user's to fill up the form and creates a record of each users details who had been registered. And it is useful for different kind of event to track every users that they are in the record or list of registered member. This project is compose of PHP, Bootsrap, Javascript, Modal and MySQL, this programs are written in a way that any one can understand and customize for their own and personal projects.

Sample Code

Index.php - Script for registering a member from the system through the database.

  1. <?php
  2. if (isset($_POST['submit'])){
  3. $fn=$_POST['fn'];
  4. $ln=$_POST['ln'];
  5. $age=$_POST['age'];
  6. $gender=$_POST['gender'];
  7. $address=$_POST['address'];
  8. $email=$_POST['email'];
  9. $c_number=$_POST['c_number'];
  10.  
  11. mysql_query("insert into reg_member (firstname,lastname,age,address,gender,email,c_number,date)
  12. values('$fn','$ln','$age','$address','$gender','$email','$c_number',NOW())")or die(mysql_error());
  13. ?>
  14. <script type="text/javascript">
  15. alert('You Are Successfully Registered Thank You');
  16. window.location="index.php";
  17. </script>
  18. <?php
  19. }
  20. ?>

And for the UI Design of the Member Registration.

  1. <nav class="navbar navbar-default">
  2. <div class="container-fluid">
  3. <div class="navbar-header">
  4. <a class="navbar-brand" href="<a href="https://www.sourcecodester.com">Sourcecodester</a>
  5. " rel="nofollow">https://www.sourcecodester.com">Sourcecodester</a>
  6. </a> </div>
  7. <ul class="nav navbar-nav">
  8. <li class="active"><a href="index.php">Home</a></li>
  9. <li><a href="#">About</a></li>
  10. <li><a href="#">Contact Us</a></li>
  11. </ul>
  12. </div>
  13. </nav>
  14. <div class="container">
  15. <h2 align="center">School Event Registration</h2><hr>
  16. <p align="center" style="color:#fff">Fill Up All The Details Below!</p>
  17. <form class="form-horizontal" method="POST">
  18. <div class="form-group">
  19. <label class="control-label col-sm-2" for="inputEmail">FirstName:</label>
  20. <div class="span4">
  21. <input type="text" name="fn" class="form-control" id="inputEmail" placeholder="FirstName" required>
  22. </div>
  23. </div>
  24. <div class="form-group">
  25. <label class="control-label col-sm-2" for="inputEmail">LastName:</label>
  26. <div class="span4">
  27. <input type="text" name="ln" class="form-control" id="inputEmail" placeholder="LastName" required>
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label class="control-label col-sm-2" for="inputEmail">Age:</label>
  32. <div class="span4">
  33. <input type="text" name="age" class="form-control" id="inputEmail" placeholder="Age" required>
  34. </div>
  35. </div>
  36. <div class="form-group">
  37. <label class="control-label col-sm-2" for="inputEmail">Gender:</label>
  38. <div class="span4">
  39. <select class="span2" name="gender" required>
  40. <option></option>
  41. <option>Male</option>
  42. <option>Female</option>
  43. </select>
  44. </div>
  45. </div>
  46. <div class="form-group">
  47. <label class="control-label col-sm-2" for="inputEmail">Address:</label>
  48. <div class="span4">
  49. <input type="text" name="address" class="form-control" id="inputEmail" placeholder="Address" required>
  50. </div>
  51. </div>
  52. <div class="form-group">
  53. <label class="control-label col-sm-2" for="inputEmail">Email:</label>
  54. <div class="span4">
  55. <input type="text" name="email" class="form-control" id="inputEmail" placeholder="Email" required>
  56. </div>
  57. </div>
  58. <div class="form-group">
  59. <label class="control-label col-sm-2" for="inputEmail">Contact Number:</label>
  60. <div class="span4">
  61. <input type="text" name="c_number" class="form-control" id="inputEmail" placeholder="Contact Number" required>
  62. </div>
  63. </div>
  64. <div class="form-group">
  65. <div class="col-sm-offset-2 col-sm-10">
  66. <button type="submit" name="submit" class="btn btn-primary">Submit</button>
  67. </div>
  68. </div>
  69. </form>

And For The Admin Side. We put all the forms in one location and then creating a link to each form so the code will be shorten and it will be easy to use and understand by the user.

Home.php - This form is compose of php script to make the code short and call every sessions by the syntax of php function.

  1. <?php
  2. include('header.php');
  3. include('session.php');
  4. ?>
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <title>School Event Registration</title>
  9. </head>
  10. <body>
  11. <nav class="navbar navbar-default">
  12. <div class="container-fluid">
  13. <div class="navbar-header">
  14. <a class="navbar-brand" href="<a href="https://www.sourcecodester.com">Sourcecodester</a>
  15. " rel="nofollow">https://www.sourcecodester.com">Sourcecodester</a>
  16. </a> </div>
  17. <ul class="nav navbar-nav">
  18. <li class="active"><a href="index.php">Home</a></li>
  19. <li><a href="#">About</a></li>
  20. <li><a href="#">Contact Us</a></li>
  21. </ul>
  22. </div>
  23. </nav>
  24. <h1 align="center">School Event Registration</h1>
  25. <div class="container">
  26. <div class="row-fluid">
  27. <div class="span12">
  28. <ul id="myTab" class="nav nav-tabs">
  29. <li class="active"><a href="#member" data-toggle="tab"><i class="icon-group icon-large"></i>&nbsp;Registered Member</a></li>
  30. <li><a href="#user" data-toggle="tab"><i class="icon-user icon-large"></i>&nbsp;User</a></li>
  31. <li>
  32. <a data-toggle="modal" data-target="#myModal"><i class="icon-signout icon-large"></i>&nbsp;Logout</a>
  33. </li>
  34. </ul>
  35. </div>
  36. </div>
  37. <div class="tab-content">
  38. <?php
  39. include('tab_member.php');
  40. ?>
  41. <?php
  42. include('tab_user.php');
  43. ?>
  44. </div>
  45. <?php
  46. include('modal.php');
  47. ?>
  48. </div>
  49. </body>
  50. </html>

ResultHope that you learn in this tutorial. And for more updates and programming tutorials don't hesitate to ask and we will answer your questions and suggestions. Don't forget to LIKE & SHARE this website.


Comments

it is very naice

thanks alot for ur help

Your Welcome Manifresh Thanks... :)

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You may insert videos with [video:URL]
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <th> <img> <h1> <h2> <h3> <iframe> [video]
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <asp>, <c>, <cpp>, <csharp>, <css>, <html4strict>, <java>, <javascript>, <mysql>, <php>, <python>, <sql>, <vb>, <vbnet>. The supported tag styles are: <foo>, [foo].
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.