seus31/zip-code-auto-fill

Livewireでzipcodeの自動入力を実装する。

dev-master 2021-03-19 08:42 UTC

Requires

• php: ^7.3|^8.0
• laravel/framework: 8.*
• livewire/livewire: ^2.3

MIT

• SEUS31

README

概要

このパッケージはJavascriptでよくある郵便番号を入力したら自動で住所を入力する機能をLaravelのLivewireを使って実装するものです。

環境

• PHP >= 7.2.5
• Laravel >= 7.0

使い方

インストール

パッケージのインストールをする。

composer require seus31/zip-code-auto-fill

各種コマンドの実行

郵便番号データの作成

php artisan zip-code-auto-fill:db:init

Livewireコンポーネントの作成

php artisan zip-code-auto-fill:file:create

郵便番号検索機能を設置する対象のbladeテンプレートにlivewireコンポーネントを配置

<livewire:zip-code-auto-fill />

htmlの設定

郵便番号を入力するinputタグにid="zipcode"を設定
都道府県を入力するinputタグにclass="af_pref"を設定
市区町村を入力するinputタグにclass="af_city"を設定
住所を入力するinputタグにclass="af_address"を設定

Copyright (c) 2021 seus31 Released under the MIT license https://github.com/seus31/zip-code-auto-fill/blob/master/license.txt