หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

แพ็คเกจนี้ถูกทอดทิ้งในความโปรดปรานของ https://github.com/okipa/laravel-form-components
=> การแก้ไขข้อบกพร่องเท่านั้นจะถูกรวมเข้าด้วยกัน โปรดพิจารณาย้ายไปที่แพ็คเกจใหม่

ประหยัดเวลาและใช้ประโยชน์จากชุดของส่วนประกอบแบบฟอร์มแบบฟอร์มแบบไดนามิกพร้อมใช้งานและปรับแต่งได้อย่างเต็มที่

พบว่าแพ็คเกจนี้มีประโยชน์? โปรดพิจารณาสนับสนุนงานของฉัน!

ความเข้ากันได้

Laravel PHP รองเท้าบู๊ต บรรจุุภัณฑ์
^7.0 ^7.4 ^4.0 ^5.0
^7.0 ^7.4 ^4.0 ^4.0
^7.0 ^7.4 ^4.0 ^3.0
^5.8 ^7.2 ^4.0 ^2.0
^5.5 ^7.1 ^4.0 ^1.0

คู่มืออัพเกรด

  • จาก V4 ถึง V5
  • จาก V3 ถึง V4
  • จาก V2 ถึง V3
  • จาก V1 ถึง V2

การใช้งาน

เพียงโทรหาส่วนประกอบที่คุณต้องการในมุมมองของคุณและปล่อยให้แพ็คเกจนี้ดูแลส่วนที่น่ารำคาญของ HTML

กรณีการใช้งานมาตรฐาน

เรียกองค์ประกอบนี้ในมุมมองของคุณ: 

 {{-- Helper style --}}
{{ inputText () -> name ( ' name ' ) } }

{{-- Facade style --}}
{{ InputText :: name ( ' name ' ) } }

และรับ HTML นี้สร้างขึ้นสำหรับคุณ: 

< div class = " component-container form-group " >
    < label for = " text-name " >
        Name
    </ label >
    < div class = " input-group " >
        < div class = " input-group-prepend " >
            < span class = " input-group-text " >
                < i class = " fas fa-font " ></ i >
            </ span >
        </ div >
        < input id = " text-name "
            class = " component form-control "
            type = " text "
            name = " name "
            value = " "
            placeholder = " Name " >
    </ div >
</ div >

กรณีการใช้งานหลายภาษา

เรียกองค์ประกอบนี้ในมุมมองของคุณ: 

 {{-- Helper style --}}
{{ inputText () -> name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

{{-- Facade style --}}
{{ InputText :: name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

และรับ HTML นี้สร้างขึ้นสำหรับคุณ: 

 < div class =" component-container form-group " >
    < label for =" text-title-fr " >
        Title (FR)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-fr "
            class =" component form-control "
            type =" text "
            name =" title[fr] "
            value =""
            placeholder =" Title (FR) "
            data-locale =" fr " >
    </ div >
</ div >
< div class =" component-container form-group " >
    < label for =" text-title-en " >
        Title (EN)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-en "
            class =" component form-control "
            type =" text "
            name =" title[en] "
            value =""
            placeholder =" Title (EN) "
            data-locale =" en " >
    </ div >
</ div >

สารบัญ

  • การติดตั้ง
  • การกำหนดค่า
  • การแปล
  • มุมมอง
  • เอกสาร API
  • การทดสอบ
  • การเปลี่ยนแปลง
  • การบริจาค
  • การให้เครดิต
  • ใบอนุญาต

การติดตั้ง

  • ติดตั้งแพ็คเกจด้วยนักแต่งเพลง: 
composer require okipa/laravel-bootstrap-components

การกำหนดค่า

เผยแพร่ไฟล์การกำหนดค่าแพ็คเกจเพื่อปรับแต่งหากจำเป็น: 

php artisan vendor:publish --tag=bootstrap-components:config

คุณอาจต้องเรียกใช้ composer dump-autoload หลังจากเปลี่ยนเส้นทางในไฟล์การกำหนดค่าของคุณ

การแปล

ป้ายกำกับหรือประโยคที่แสดงทั้งหมดสามารถแปลได้

ดูวิธีการแปลพวกเขาในเอกสารทางการของ Laravel: https://laravel.com/docs/localization#using-translation-strings-as-keys

นี่คือรายการของคำและประโยคที่มีสำหรับการแปล:

  • Create
  • Update
  • Validate
  • Back
  • Cancel
  • Remove
  • No file selected.
  • Awaited format: Day/Month/Year.
  • Awaited format: Hour:Minutes.
  • Awaited format: Day/Month/Year Hour:Minutes.
  • Your browser does not support the :tag HTML5 tag.

คุณจะต้องกำหนดแต่ละแอตทริบิวต์ที่คุณกำหนดในวิธี ->name() วิธีในไฟล์การแปล validation (คีย์ attributes )

มุมมอง

เผยแพร่มุมมองแพ็คเกจเพื่อปรับแต่งหากจำเป็น: 

php artisan vendor:publish --tag=bootstrap-components:views

เอกสาร API

  • รายการส่วนประกอบ
  • ประเภทส่วนประกอบ

การทดสอบ 

composer test

การเปลี่ยนแปลง

โปรดดู Changelog สำหรับข้อมูลเพิ่มเติมสิ่งที่เปลี่ยนแปลงเมื่อเร็ว ๆ นี้

การบริจาค

โปรดดูรายละเอียดที่มีส่วนร่วม

การให้เครดิต

  • Arthur Lorent
  • ผู้มีส่วนร่วมทั้งหมด

ใบอนุญาต

ใบอนุญาต MIT (MIT) โปรดดูไฟล์ใบอนุญาตสำหรับข้อมูลเพิ่มเติม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด