“Installation Wizard - Laravel” Documentation by “codekernel” v2.0.0

---

“Installation Wizard - Laravel”

---

Table of Contents

1. HTML Structure
2. CSS Files and Structure
3. JavaScript
4. Sources and Credits
5. PHP Code Explanation
6. Features
7. Installation Guide
8. Change Log

---

A) HTML Structure - top

Here is a sample of HTML structure given below.All of the codes are designed and commented fairly. If you want to change the layout you need to change col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 to col-sm-12 or col-md-10 col-md-offset-1

---

B) CSS Files and Structure - top

I'm using three CSS files.The first file is bootstrap.min.css which contains grid system for the page and second is font-awesome.min.css which is used to display icon in page.

The last one is style.css file contains all of the specific styleing for the application. The file is separated into sections using:

/* === Main Wrapper === */
.main_wrapper{margin:0px 0 0 0;padding:10px;background:#ffffff;border:1px solid #ccc;border-radius:0px}


/* === Navigation Section === */
.nav li a{border:1px solid #eee;padding:5px 10px;border-radius:0}

/* === Content Section === */
.content{border:1px solid #eee;padding:10px;}
.page-header{margin:20px 0 10px}

/* === Requirement Page === */
.requirement ul{margin:0;padding:0}
.requirement ul li{list-style:none;padding:5px; border:1px solid #eee}
h3{font-family: 'Black Ops One';font-size:20px;margin:0}
h4{font-family: 'Black Ops One';margin:0}
table{width:100%;margin:0 0 20px 0;}
table thead{background:#DC5A56;border:1px solid #eee;}
table thead td{padding:10px;border:1px solid;color:#ffffff;}
table tbody td{border-bottom:1px solid #EEEEEE;padding:2px;}


/* === Setup/Install Page === */
.form-group{margin-bottom:5px}
label{font-weight:400}
.form-control{border-radius:0!important;height:30px!important}
.content{min-height:400px}

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

For example, if you would like to change a specific background-color of the application

	.main_wrapper {
		background-color:blue;
	}

---

C) JavaScript - top

This application imports two Javascript files.

1. jquery.min.js
2. script.js

1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
2. The script.js contains all custom Javascript code. There are a few functions worth looking over.

   //this function is used to submit installation from data
   
   var form    = $('#setupForm');
   form.submit(function(e) {
       e.preventDefault();
       $.ajax({
           url     : form.attr('action'),                      
           type    : form.attr('method'),
           dataType: "json",   
   ...................
   ...................
   ...................
   
   
   //this function is used to upload Load.sql file
   upload.change(function() {
       var file_data = upload.prop('files')[0];   
       var form_data = new FormData();    
       form_data.append('file', file_data);                            
       $.ajax({
           url: './app/controller/Upload_process.php', // point to server-side PHP script 
           dataType: 'text',  // what to expect back from the PHP script, if anything
           cache: false,
   ...................
   ...................
   ...................
   
   
   //this function is used to show/hide .htaccess fields in installation form
   $("#is_htaccess").on('click', function(){
       $(this).parent().next().toggle().removeClass('hide');
   }); 
   
   
   
   

---

D) Sources and Credits - top

I've used the following resources as listed.

• Bootstrap v3.3.7 http://getbootstrap.com
• Font Awesome 4.7.0 http://fontawesome.io/
• jQuery v1.12.4 http://jquery.com
• Fonts (Black Ops One) https://fonts.google.com

---

E) PHP Code Explanation - top

PHP codes/functions are commented perfectly, you can check it out whenever you need. For example:

---

F) Features - top

• 3 Step installation process
• Responsive interface
• Check server requirements, directories and files requirements
• Easily to uploaded database file
• Support Laravel version 5.x
• Secure from XSS, CSRF and SQL Injection
• PSR-4 stanadard

---

G) Installation Guide - top

At first, create your database in your server/localhost phpmyadmin. Type your database name and click on create button

Extract Main files.zip file. Installer folder structure given bellow.

Just place this install directory in your application's root directory (sibling of index.php).

Now, access your application http://yourdomain.com/install. You will see the requirements. Then click on the next button

• Upload your SQL file (please load all view tables at the end of the file).
• Enter the hostname. default hotname is localhost
• Enter the database username.
• Enter the database password.
• Enter the database name.
• If you want to configure your mail information in your application then click on Mail Information checkbox and fill up all required fields
• If you want to back previous page click on previous button. After, fill up all required fileds (database, username, password and hostname) with valid input then click on the install button

Complete all steps of installation and wait for few times then show the browse application button.click on browse application button and enjoy

If you want to re-use your installer, just delete system.config from installer root directory and enjoy

---

I tried to do my best. If you have any questions related to this application, then don't hesitate to contact with us. I do think that it will work better for you. So, waiting for your reviews. Thank you.

codekernel

---

H) Change Log - top

Version 2.0.0 – 20 May, 2018
- Added new design 
- Some bug fixes

Version 1.0.0 – 8 June, 2017
- Initial release

---

Go To Table of Contents

---