Laravel implements user registration and login, laravel implements user registration_PHP tutorial

Laravel implements user registration and login, laravel implements user registration

Laravel is the most elegant PHP framework. Many friends who learn PHP are coveting Laravel. Come realize your wish today. Let us start from scratch and use Laravel to implement the most common registration and login functions of web applications! All course source codes have been placed on Github: laravel-start. Race Start!

First, let’s clarify what we need for this course:

Laravel 4.2
Bootstrap 3.3
Laravel is the core part we care about, and Bootstrap is used to quickly set some front-end CSS styles.

1. Install Laravel

After a brief explanation, let’s go to the next step and install Laravel. Here we install it through Composer. Open the command line terminal and execute:

Copy code The code is as follows:

cd Sites

Sites is the root directory of the web application. You can change it to your own root directory as needed, and then execute:

Copy code The code is as follows:

composer create-project laravel/laravel laravel

Laravel is the name of your application directory. You can choose a name you like. After executing the above command, wait for a while (after all, Internet speed is a big problem in China). After the installation is completed, you will get this bunch of directories:

We mainly operate three directories: models, controllers and views: this is the composition of MVC!

2. Install Bootstrap

Then execute from the command line:

Copy code The code is as follows:

cd laravel/public/packages

Laravel here corresponds to the application directory above. If you used another name during installation, please change it accordingly. Go to the packages directory to install Bootstrap and execute it directly on the command line:

Copy code The code is as follows:

bower install bootstrap

This is faster, and after this is downloaded, you will get the latest stable version of Bootstrap. Bower_components/bootstrap/dist/ in the packages directory contains Bootstrap's css, js, and fonts, three style files, js, and font files that we often use during the development process. After success you will see this:

Note: The tool bower used here is responsible for managing some front-end packages.
At this point, our preliminary work is ready. But before proceeding to the next step, we must first ensure that our laravel/app/storage directory has corresponding write permissions, so return to the laravel directory. If you have not touched the command line after installing bower, you can directly pass:

Copy code The code is as follows:

cd ../../

Go back to the laravel directory and execute:

Copy code The code is as follows:

chmod -R 755 app/storage

After this step is completed, we can enter the real development stage.

3. Configure the database and create tables:

Before starting the configuration, we are going to create a database for our laravel application, I will name it laravel-start,

Then open the app/config/database.php file in the editor and fill in the corresponding database configuration items, such as:

Copy code The code is as follows:

'default' => 'mysql',
// Database connection
'connections' => array(
'mysql' => array(
         'driver'     => 'mysql',
                                                                                                                                                                                    'database' => 'laravel-start',
         'username' => 'root',
          'password' => '',
'charset' => 'utf8',
         'collation' => 'utf8_unicode_ci',
         'prefix'      => ),

After connecting to the database, you have to create a Users table. You can create the Users table directly in the database, or you can use Laravel's artisan to create it. Here we use Laravel's artisan to create the table, and learn a little bit about Laravel along the way. Knowledge of migrate. Execute the following statement:

php artisan migrate:make create-users-table
The above command will create a migrate file (the file is located in the app/database/migrations directory). The name of this file is create-users-table. Then we can create the Users table by editing the migrate file we just generated.

Copy code The code is as follows:

public function up() {
Schema::create('users', function($table){
          $table->increments('id');
$table->string('username', 20);
$table->string('email', 100)->unique();
$table->string('password', 64);
$table->string('remember_token',62)->default('default');
$table->timestamps();
        });
}

The above method uses laravel's Schema Builder class. The above code uses the up() method to create a users table. There are 5 fields in this table: id auto-increment, username length within 20, and email length within 100 And it is unique. The password length should be within 64. Remember_token is to make it more convenient and practical when logging in. Laravel will automatically fill in the token value, but at the beginning you must set a default value, timestamp the current timestamp. One thing we need to pay attention to here is: It is best to add the following code to down() in case we need to delete the Users table one day.

Copy code The code is as follows:

public function down()
{
Schema::drop('users');
}

After doing the above, execute the following magical command:

Copy code The code is as follows:

php artisan migrate

There are pictures and the truth:

Finally, we have finished the prelude and can officially come to Laravel.

4. Start the service and try it

Execute directly in the laravel directory:

Copy code The code is as follows:

php artisan serve

Open the browser, enter localhost:8000, press Enter, Bingo!
OK, give yourself thirty seconds of applause first, if you have successfully reached this point. Congratulations, you have entered the door of Laravel, we will have more surprises to come...

5. Create a public view

Okay, let’s start now. First create a layouts folder under the app/views/ folder, then create a new php file under this folder, name it main.blade.php, and write in this file The following codes:

Copy code The code is as follows:

         
          
                                                                                                                      alone

PS: The layouts folder is usually used to store the functional parts of the view file, such as the header

and tail

of some web pages. Here is where the header

part is stored

Think the name of main.blade.php is strange? Don’t worry, Laravel’s view file naming follows the rules of filename.blade.php, because Laravel is parsed by the Blade template engine. You don’t need to go into details, just name the view file according to the above naming rules

Add CSS styles to view files:

Copy code The code is as follows:

         
          
                                                                                                                      alone {{HTML::style('packages/bower_components/bootstrap/dist/css/bootstrap.min.css') }}
{{ HTML::style('css/main.css')}}

Yes, just add two lines of code based on the original main.blade.php; then we create our main.css, which is mainly used to put our own defined styles. Create a css folder under the public folder, create the main.css file in the css folder, and you're done.

Add navigation bar. Add the following code to the tag of the main.blade.php file:

Copy code The code is as follows:

          

                                  

                                                                                                                                                                & Lt; a class = "navbar-brand hidden-sm" href = "/" & gt; laravel novice on the road & lt;/a & gt;
                                                                                                    & Lt; ul class = "nav navbar-navbar-right hidden-sm" & gt;
                                                                                                                                                                                                                       

{{ HTML::link('users/register', 'Register') }}

                                                                                                                                                                                                                             

{{ HTML::link('users/login', 'Login') }}

                                                                                                                                                                                                                                                                 

The above just quotes some simple Bootstrap classes, it’s not difficult, don’t be sad.

The basic functions are over here, but our pursuit will never be so low, so in order to better interact with users, we hope to give some feedback after the user performs a certain operation, such as successful registration. Shi said: Boy, you have successfully registered for this site, congratulations. Wait, so let’s add a little more code to main.blade.php:

Copy code

The code is as follows:

          

                @if(Session::has('message'))                

{{ Session::get('message') }}

               @endif

                       

In order to present this feedback information to the user, we have to use the Session::get('message') method. Of course, we have to first logically determine whether the message exists, so a simple if judgment is used here.

The format of if in the blade engine view is

Copy code

The code is as follows:

@if(conditions) #code... @endif

Is it over here? NO, if it ends here, how are other view files inserted between in main.blade.php? So, don’t forget another important thing: {{ $content }}, so the above code becomes like this:

Copy code

The code is as follows:

          

          @if(Session::has('message'))
            

{{ Session::get('message') }}

         @endif
            {{ $content }}
                       

{{ $content }} here represents the content of other view files. You can understand other views as a string, but this string is very long and happens to contain HTML tags. That’s all. You'll get a taste of this idea below.

After creating our public view main.blade.php, we first add our CSS style to main.css:

Copy code The code is as follows:

body {
​​ padding-top: 60px;
}
.form-signup, .form-signin {
       margin: 0 auto;
}

Because we used

in the main.blade.php file, the Bootstrap navbar height is 40px, so I set the body style to padding- top: 60px; prevents the registration form below from being covered by the navbar.

Finally let’s get to the point

I guess, it took you so long to get to the point? Yes, what I'm saying is that from here on we begin to enter the world of Laravel's Controller. Don't climax so fast, better things are yet to come.

6. Create UsersController

Go to the app/controllers folder and create the UsersController.php file here and add the following code:

Copy code The code is as follows:

class UsersController extends BaseController {
}
?>

Then tell our UsersController that we want to use main.blade.php as our layouts, so:

Copy code The code is as follows:

class UsersController extends BaseController {
protected $layout = "layouts.main";
}
?>

Path alias is used here, you don’t need layouts/main.blade.php, you only need layouts.main, Laravel will automatically help you find the corresponding files under layouts.

7. Implement registration

Then add methods to our UsersController that are accessed during user registration:

Copy code The code is as follows:

public function getRegister() {
$this->layout->content = View::make('users.register');
}

Here we set the content as the users/register.blade.php file (we will create this file later). If you are careful enough, you may have noticed: the content here is the main.blade we created above. {{ $content }} written in PHP, which means that when the view is rendered, our users/register.blade.php file will replace the {{ $content }} of main.blade.php for display. Now, is it clear? Not clear yet? Feel free to contact me....if you don't think I'm ugly.

Naturally, what we have to do now is to create the file users/register.blade.php, go to the views folder, create a new folder users/, then create a new register.blade.php in it, and write The following contents:

Copy code The code is as follows:

{{ Form::open(array('url'=>'users/create', 'class'=>'form-signup')) }}

   

       

           

               

                   

欢迎注册

               

               

                {{ Form::open(array('url'=>'users/create', 'class'=>'form-signup')) }}
                   

                        @foreach($errors->all() as $error)
                           
• {{ $error }}

                        @endforeach
                   

                   

                       

                            {{ Form::text('username', null, array('class'=>'form-control', 'placeholder'=>'用户名')) }}
                       

                       

                        {{ Form::text('email', null, array('class'=>'form-control', 'placeholder'=>'邮箱')) }}
                      

                       

                        {{ Form::text('password', array('class'=>'form-control', 'placeholder'=>'密码')) }}
                       

                      
                       

                        {{ Form::text('password_confirmation', array('class'=>'form-control', 'placeholder'=>'确认密码')) }}
                      

                                      {{ Form::submit('Register now', array('class'=>'btn btn-large btn-success btn-block')) }}
                                                                                                                                                     {{ Form::close() }}
                                                                                                                                                                                                                                                   

Here we use Laravel's Form class to create our registration form. First, we call the open() method to indicate the beginning of creating the form, and we also pass some parameters to it in the form of an array. The url represents the submitted form. Address and class are classes that represent CSS styles. Next we used:

Copy code

The code is as follows: @foreach($errors->all() as $error)

{{ $error }}

@endforeach



The @foreach loop outputs the error information of each form. Because when we ask users to register, we always have to verify whether the data entered by the user meets the rules we set. For example, in the email column, we stipulate that it must be in the correct email format. If the user does not enter the correct email format, We will return error information to the user. That's it.

The next thing that needs to be explained is how to create several Form input boxes:

Copy code

The code is as follows: {{ Form::text() }} //Create type=text input box

{{ Form::password() }}//Create type=password input box

{{ Form::submit() }}//Create type=submit input box



We set the value of each input box to null because we use placeholder to better replace it. The third parameter is that you can pass the corresponding HTML option through an array to implement our layout, such as the above array('class'=>'form-control', 'placeholder'=>'Confirm password'), etc.

Finally, don’t forget that we need to use {{ Form::close() }} to end the form.

At this point we have completed the registration page, and the next step is to set up our routing correctly so that we can correctly access our getRegister() method. So, with a sacred sense of mission, we open the file app/routes.php. First, we can change the following:

Copy code

The code is as follows: Route::get('/', function()

{

Return View::make('hello');
});



Get rid of these lines of code (you can watch them or delete them directly, it is recommended to comment), and then add the following line of code;

Route::controller('users', 'UsersController');

Notice that the first parameter users is missing. This tells us that when we access the UsersController method, we follow the following format:

/users/actionName
For example, if we want to access getRegister() of UsersController, the format we can enter in the browser address bar is:

/users/register
So, open your browser and type in the address bar:

http://localhost:8000/users/register
Witness the miracle. Isn’t it great! Hahaha.

If you now add the corresponding registration information to this registration form and then click to register, you will get an unexpected error: NotFoundHttpException! That is because we have not written the submission address for the registration form: users/create. So we naturally have to go to UsersController and add postCreate():

Copy code

The code is as follows: public function postCreate() {

}

In this way, we have correctly obtained the address users/create, but we have not added the corresponding conditional judgment statement for it, because we first need to explain one point here: the difference between getRegister() and postCreate(), there is no The previous get or post represents the http submission method. We use the post method in the registration form, so we need to use postCreate() here.

After explaining the above details, we have to do one very important thing: form validation. That is to first verify the legality of the user's input data when they submit the form, so that we can store the correct data in the database. Here is the link to the previous one:

Copy code

The code is as follows:

@foreach($errors->all() as $error)

{{ $error }}

@endforeach

The $error here is the error message we return to the user when the user input data is illegal. So, we now add our form validation rules in app/models/User.php (I usually put the validation rules in the model modal):

Copy code The code is as follows:

public static $rules = array(
'username'=>'required|alpha|min:2',
'email'=>'required|email|unique:users',
'password'=>'required|alpha_num|between:6,12|confirmed',
'password_confirmation'=>'required|alpha_num|between:6,12'
);

Explain what some of the above rules mean:

required: required, cannot be empty
alpha:letter
email:email format
unique:users: unique, refer to the settings of the users table
alpha_num: letters or numbers
between: between which two numbers the length is located
confirmed:need to confirm

After we have the verification rules, we will improve our postCreate(), that is, add some conditional judgments to it so that the user can save the user's registration information when registering and further guide the user to the login page:

Let’s clarify the idea step by step: first determine whether the data submitted by the user has passed the verification

Copy code The code is as follows:

public function postCreate() {
$validator = Validator::make(Input::all(), User::$rules);

if ($validator->passes()) {
// Store user data after verification is passed
} else {
// If the verification fails, an error message will be displayed.
}
}
}

Above we use Input::all() to get the value passed from the form, and call User::$rules to get the validation rules. Finally, we pass these two parameters into Validator::make() To implement verification, the following judgment statement is very clear. What to do after the verification passes, and what to do if it fails. It’s OK if your thinking is clear.

Then let’s improve our postCreate() code:

Copy code The code is as follows:

if ($validator->passes()) {
$user = new User;//Instantiate User object
$user->username = Input::get('username');
$user->email = Input::get('email');
$user->password = Hash::make(Input::get('password'));
$user->save();

return Redirect::to('users/login')->with('message', 'Welcome to register and have fun!');
} else {
// If the verification fails, an error message will be displayed.
}

Above we use Input::get('fieldName') to get the value of the corresponding form input box. What needs to be noted here is that we have encrypted the password, because we are all great engineers and will not be like The previous CSDN also saved plain text passwords, so in the password column we use Hash::make() to encrypt the incoming password. Then we save our data to the database through $user->save(). After the data is saved, we use Redirect::to() to jump to the page users/login, and return successful registration information to the user through width.

The parameter rules of Redirect::to() are: controller/action. The front is the control, and the back is the specific method name.
The above is the situation when the verification is passed. Now let’s look at the situation when the verification is not passed:

Copy code The code is as follows:

if ($validator->passes()) {
$user = new User;//Instantiate User object
$user->username = Input::get('username');
$user->email = Input::get('email');
$user->password = Hash::make(Input::get('password'));
$user->save();

return Redirect::to('users/login')->with('message', 'Welcome to register and have fun!');
} else {
Return Redirect::to('users/register')->with('message', 'Please fill in the following data correctly')->withErrors($validator)->withInput();
}

If the user fails the verification here, I redirect the user to the registration page, and pass the error information to the registration page through withErrors($validator), and pass the correct data to the registration page through withInput() ( To be precise, it is passed to the register method, but you can understand it based on the above, and I personally think it is OK). In this way, we have error information and some correct form information (without the user having to enter it multiple times) to improve User experience throughout the entire process.

Going one step further, we should never forget one very important thing when developing: security. So here we need to POST to submit the form, and we have to ensure that it will not be attacked by CSRF. To solve this problem, we need to add the following code to UsersController:

Copy code The code is as follows:

public function __construct() {
$this->beforeFilter('csrf', array('on'=>'post'));
}

Please put the construction method before other methods.

8. Implement login

The next step is to create the login view file. We still go to the views/users/ that we are most familiar with, create a new file named login.blade.php, and put the following code in it:

Copy code The code is as follows:

          

                                     

& Lt; h3 class = "Panel-Title" & gt; welcome to log in & lt;/h3 & gt;
                                                                                                                                                                                                                                                {{ Form::open(array('url'=>'users/signin', 'class'=>'form-signin')) }}
                                                                                                                                                                                                                                                                                                                                                                 {{ Form::text('email', null, array('class'=>'form-control', 'placeholder'=>'Mailbox')) }}
                                                                                                                                                                                                                                                                                                {{ Form::password('password', array('class'=>'form-control', 'placeholder'=>'password')) }}
                                                                                                                                                           {{ Form::submit('Log in now',array('class'=>'btn btn-large btn-success btn-block')) }}

                                                                                                                                 {{ Form::close() }}
                                                                                                                                                                                                                                                                         

Some of the key points here are the same as register.blade.php. If you don’t understand, you can read the previous ones. Then we need to define the getLogin() method in UsersController:




Copy code

The code is as follows:

public function getLogin() {

$this->layout->content = View::make('users.login');

}

The content template is also specified here as users/login.blade.php. The principle is the same as before.
At this time we can register new users. If your browser is still at http://localhost:8000/users/register, you can try to enter your username, email, and password to register one. Of course, you can also Make mistakes on purpose and see what information comes back to you. Enjoy!

Normally, after you register, you will jump to the login interface (already written), but we also need to verify when logging in. If you look carefully at the login.blade.php above, you will find Here we set the user’s login form submission address to
'url'=>'users/signin', so the next step is to add the postSignin() method to UsersController:

Copy code The code is as follows:

Public function postSignin() {
If (Auth::attempt(array('email'=>Input::get('email'), 'password'=>Input::get('password')))) {
           return Redirect::to('users/dashboard')->with('message', 'Welcome to log in');
} else {
           return Redirect::to('users/login')->with('message', 'Username or password is incorrect')->withInput();
}
}

Here we use the Auth class to verify whether the information entered by the user is consistent with the information in the database. If the verification passes, then we will redirect the user to users/dashboard. If not, we will jump back to the login page. The situation is as follows It's almost exactly the same when registering, I believe you can understand it.

Since we are redirecting to users/dashboard, let’s write the getDashboard() method. I probably don’t need to tell you that you should add the following code to UsersController:

Copy code The code is as follows:

public function getDashboard() {
$this->layout->content = View::make('users.dashboard');
}

One more thing to say here, this Dashboard page can usually only be seen after logging in. In order to restrict some people who are not logged in from wandering around, we only need to add a line of code to the constructor in UsersController, which becomes like this of:

Copy code The code is as follows:

Public function __construct() {
$this->beforeFilter('csrf', array('on'=>'post'));
$this->beforeFilter('auth', array('only'=>array('getDashboard')));
}

Now the logic is not very clear. Our next step is to create the dashboard.blade.php file. From getDashboard(), we can see that we still store this view file in the views/users/ directory. We will Simply write a few lines of entry-level HTML in dashboard.blade.php:

Copy code The code is as follows:

Welcome to the admin panel!

We can’t log in at this point because the auth filter in Laravel will redirect users who are not logged in to /login by default, but what we need is to redirect to users/login, so we need to customize it For our filter rules, open app/filter.php and add the following code at the beginning of the code:

Copy code The code is as follows:

Route::filter('auth', function()
{
If (Auth::guest()) return Redirect::guest('users/login');
});

You are done here. If you have registered a user before, please use your email and password to

http://localhost:8000/users/login

Try to log in and you will find: Bingo! ! ! Logged in!

9. Implement exit

But if you are careful, have you noticed that we still have one area that needs to be improved... That's right! It’s our navigation. We’ve already logged in, but it still shows login and registration. It’s unscientific! So back to our original main.blade.php and in the links section we change it to:

Copy code The code is as follows:

             

             @if(!Auth::check())
                                                                                                                                                                                                            
• {{ HTML::link('users/register', 'Register') }}

                         
• {{ HTML::link('users/login', 'Login') }}

           @else
                 

• {{ HTML::link('users/logout', 'Exit') }}

               @endif
                                                  

Yes, we have added conditional judgment statements to the navigation. If the user does not pass Auth::check(), that is, if he is not logged in, we will display login and registration. If he is logged in, we will display exit,

Now that we have the link users/logout, we will think of writing this getLogout() method in UsersController, and this method is responsible for cleaning up the user’s login information, so:

Copy code The code is as follows:

public function getLogout() {
          if(Auth::check())
                                                                            Auth::logout();
          }
Return Redirect::to('users/login')->with('message','You are now logged out!');
}

Here we use Auth::logout() to clear the user's login information (mainly session information), and then redirect the user to the login interface.

10. The last and the last

This little tutorial is basically over here. I hope you all have a good time. One last thing: Programming is the easiest superpower for us to learn. We must always believe that we can change the world!

http://www.bkjia.com/PHPjc/946736.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/946736.htmlTechArticleLaravel implements user registration and login, laravel implements user registration. Laravel is the most elegant PHP framework, and many people who learn PHP My friends are drooling over Laravel. Come realize yours today...

Related labels：

laravel User registration Log in

source：php.cn

Previous article：Solution to the problem of character truncation when the iconv function transcodes in PHP, iconv truncation_PHP tutorial Next article：A simple example of writing a PHP extension in php 5.6 version, 5.6 example_PHP tutorial

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

• What is a NullPointerException, and how do I fix it?
  2024-10-22 09:46:29
• From Novice to Coder: Your Journey Begins with C Fundamentals
  2024-10-13 13:53:41
• Unlocking Web Development with PHP: A Beginner's Guide
  2024-10-12 12:15:51
• Demystifying C: A Clear and Simple Path for New Programmers
  2024-10-11 22:47:31
• Unlock Your Coding Potential: C Programming for Absolute Beginners
  2024-10-11 19:36:51
• Unleash Your Inner Programmer: C for Absolute Beginners
  2024-10-11 15:50:41
• Automate Your Life with C: Scripts and Tools for Beginners
  2024-10-11 15:07:41
• PHP Made Easy: Your First Steps in Web Development
  2024-10-11 14:21:21
• Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
  2024-10-11 12:59:11
• The Key to Coding: Unlocking the Power of Python for Beginners
  2024-10-11 12:17:31

Latest Issues

How to use laravel components with livewire lazy placeholder I want to add the skeleton of my laravel component inside a livewire3 placeholder What I h...

From 2024-04-06 20:02:10

0

2

543

Laravel 8 - How to redirect /{editable_text} route to /{user} route I've been trying to create a redirect route to lead me to a user profile. The redirect rou...

From 2024-04-06 17:26:11

0

1

410

General error in Laravel 9.x: Field 'id' has no default value I'm using UUIDs in my app and I've implemented the trait as shown online like this: traitU...

From 2024-04-06 11:12:54

0

1

350

Display AWS PDF files in Bootstrap mode in Laravel I have downloaded aws url like https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/65...

From 2024-04-04 22:16:18

0

1

1450

How to access "type" property in "students" array in API response using Flutter, Laravel and PHP? "data":{"id":9,"name":"tala","role":&quo...

From 2024-04-04 19:25:13

0

1

288

Related Topics

More>

• Introduction to laravel components
• Introduction to laravel middleware
• What are the design patterns used by laravel?
• Which one is easier, thinkphp or laravel?
• Laravel Tutorial
• How to use Swagger
• Bitcoin trading website
• What to do if the remote desktop cannot connect

Popular Recommendations

• How to set up hosts on Mac computer (steps with pictures and text)
• Quickly build a simple QQ robot with PHP
• API common signature verification methods (PHP implementation)
• Collection of common date and time operations in PHP
• PHP generates graphic verification code (enhanced interference type)

Popular Tutorials

More>

Related Tutorials

Popular Recommendations

Latest courses

• 
  The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)

  1417526
• 
  PHP introductory tutorial one: Learn PHP in one week

  4258686
• 
  JAVA Beginner's Video Tutorial

  2484247
• 
  Little Turtle's zero-based introduction to learning Python video tutorial

  504168
• 
  PHP zero-based introductory tutorial

  858800

• 
  The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)

  1417526 times of learning
• 
  JAVA Beginner's Video Tutorial

  2484247 times of learning
• 
  Little Turtle's zero-based introduction to learning Python video tutorial

  504168 times of learning
• 
  Quick introduction to web front-end development

  215346 times of learning
• 
  Master PS video tutorials from scratch

  878936 times of learning

• 
  [Web front-end] Node.js quick start

  6545 times of learning
• 
  Complete collection of foreign web development full-stack courses

  5110 times of learning
• 
  Go language practical GraphQL

  4282 times of learning
• 
  550W fan master learns JavaScript from scratch step by step

  635 times of learning
• 
  Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours

  21813 times of learning

Latest Downloads

More>

Web Effects

Website Source Code

Website Materials

Front End Template

• [form button] jQuery enterprise message form contact code
• [Player special effects] HTML5 MP3 music box playback effects
• [Menu navigation] HTML5 cool particle animation navigation menu special effects
• [form button] jQuery visual form drag and drop editing code
• [Player special effects] VUE.JS imitation Kugou music player code
• [html5 special effects] Classic html5 pushing box game
• [Picture special effects] jQuery scrolling to add or reduce image effects
• [Photo album effects] CSS3 personal album cover hover zoom effect

• [Front-end template] Home Decor Cleaning and Repair Service Company Website Template
• [Front-end template] Fresh color personal resume guide page template
• [Front-end template] Designer Creative Job Resume Web Template
• [Front-end template] Modern engineering construction company website template
• [Front-end template] Responsive HTML5 template for educational service institutions
• [Front-end template] Online e-book store mall website template
• [Front-end template] IT technology solves Internet company website template
• [Front-end template] Purple style foreign exchange trading service website template

• [PNG material] Cute summer elements vector material (EPS PNG)
• [PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)
• [banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
• [PNG material] Golden graduation cap vector material (EPS PNG)
• [PNG material] Black and white style mountain icon vector material (EPS PNG)
• [PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses
• [banner picture] Flat style Arbor Day banner vector material (AI+EPS)
• [PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)

• [Front-end template] Home Decor Cleaning and Repair Service Company Website Template
• [Front-end template] Fresh color personal resume guide page template
• [Front-end template] Designer Creative Job Resume Web Template
• [Front-end template] Modern engineering construction company website template
• [Front-end template] Responsive HTML5 template for educational service institutions
• [Front-end template] Online e-book store mall website template
• [Front-end template] IT technology solves Internet company website template
• [Front-end template] Purple style foreign exchange trading service website template

Public welfare online PHP training，Help PHP learners grow quickly！

About us Disclaimer Sitemap

© php.cn All rights reserved