sueboy: Laravel Livewire with WinNMP

1. winNMP for Windows

a. create project livewire (Database and user auto create livewire)

b. https://winnmp.wtriple.com/tutorial/laravel

2. update composer


  a. mkdir new directory "t"
  b. cd t
  c. https://getcomposer.org/download/
    c1. php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
	c2. php -r "if (hash_file('sha384', 'composer-setup.php') === '55ce33d7678c5a611085589f1f3ddf8b3c52d662cd01d4ba75c0ee0459970c2200a51f492d557530c71c15d8dba01eae') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
	c3. php composer-setup.php
	c4. php -r "unlink('composer-setup.php');"
	c5. mv composer.phar to C:\WinNMP\bin\composer
  d. rmdir t

3. cd \WinNMP\WWW\livewire


  a. delete index.php
  b. composer create-project --prefer-dist laravel/laravel .
  c. composer require laravel/ui
  d. composer install
  e. edit .env
    e1. DB_DATABASE=livewire
        DB_USERNAME=livewire
  f. php artisan ui bootstrap --auth
  g. php artisan migrate
  h. developer tools
    composer require doctrine/dbal
	composer require --dev barryvdh/laravel-ide-helper
	composer require --dev beyondcode/laravel-dump-server
	composer require --dev barryvdh/laravel-debugbar
	composer require --dev roave/security-advisories:dev-master
	php artisan vendor:publish --provider="BeyondCode\DumpServer\DumpServerServiceProvider"
	php artisan vendor:publish --provider="Barryvdh\Debugbar\ServiceProvider"
  I. php artisan key:generate

4. install node.js for windows


  a. https://nodejs.org/zh-tw/download
  b. npm install
  c. npm run dev

5. nginx setting

a. https://laravel.com/docs/10.x/deployment#nginx

b. WinNMP Projects -> project Setup -> Edit Nginx Virtual Server

6. open http://livewire.test


  a. register
  b. check db livewire table users have new reocd

7. install livewire


  a. use other cmd 
  b. cd \WinNMP\WWW\livewire


  composer dump-autoload
  php artisan package:discover
  php artisan vendor:publish --tag=livewire:config
  composer require livewire/livewire

d. https://laravel-livewire.com/docs/2.x/quickstart

d1. edit resources\views\layouts\app.blade.php

put content

d2.


    php artisan make:livewire counter

edit resources\views\layouts\app.blade.php

put


    <livewire:counter /> in <main class="py-4"> </main>

d3. edit app\Http\Livewire\Counter.php


    public $count = 0;
 
    public function increment()
    {
        $this->count++;
    }

    public function render()
    {
        return view('livewire.counter');
    }

d4. edit resources\views\livewire\counter.blade.php


    <div style="text-align: center">
        <button wire:click="increment">+</button>
        <h1>{{ $count }}</h1>
    </div>

EExcel 丞燕快速查詢2

Laravel Livewire with WinNMP