How to create simple login page using angularjs, PHP and MySql

| Last Updated: | In: angular js, Core php


In today’s I will explain a very useful tutorial which will help all AngularJS beginner and just started with angularJS, then you should keep close attention in this post. This is a very basic tutorial which helps you to create a simple login page using angular js, PHP, and MySQL.

AngularJS is a Javascript based open-source framework which used to create front-end web application. It is developed and maintained by Google. By using angularJS, you can create a single page web application.

angularjs-login-page
Download           Live Demo

How to create login in angularjs, PHP and MySQL

So, lets start to create login page. First create a folder named “angularlogin” and create below files:

1) index.html
2) app.js
3) config.php
4) userauth.php
5) welcome.php

Create dca_users table

Select your database and copy below query then paste in SQL tabs to execute. It will create a dca_users table in your database.

After table created insert some dummy users. Copy below SQL and execute.

1. Create index.html page

Create index.html file in angularlogin folder and copy paste below code. In below index.html define the login form.

2) Create app.js file

Create an app.js file and copy paste below codes.

3) Create config.php file

In the config.php file define database configurations. I have used PDO (PHP Data Object) to connect with MySQL database. Copy paste below code it in your config.php file and change database configuration.

4) Create userauth.php page

Create a userauth.php file and copy paste below code to authenticate the user.

5) Create welcome.php

The user will be redirected to welcome.php after authenticated from API. Add success message on this page.

Download           Live Demo

Do you like & share this article with your friends, and don’t forget to follow us on Facebook and Twitter to learn cool angularJS tutorials.

Tags: , , , , , , , ,


About: Prem Tiwari

Prem Tiwari is the founder of freewebmentor.com and is a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby.


You may also like:

Follow us!

Get Free Access of 380+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Free Guide: Learn how to implement security guideline in your WordPress site...

DOWNLOAD

Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...

SEARCH NOW
Copyright © 2013-2017