Lavavel 8、Vuejs 3&テールウインドCSS 3スパクルードVuerouter&Vuex店

2356 ワード

あなたはRolavel、Vuejs&Tailwindの最新バージョンで構築されたスパCRUDをお探しですか?私はサンプルCRUDを捜している多くの時間を費やしましたが、有望な結果を見つけませんでした.数週間過ごした後、同じビルドをすることができました.今日、このリポジトリを公開することにしました.
Vutalは、ララベル8、Vuejs 3、Trewind 3スパ(シングルページアプリケーション)中級&上級ユーザーのためのcrudの例です.あなたが乞食者であるならば、私はあなたにラーラベルとVuejsの基本的な概念を考え出す若干の時間を使うことを勧めます.

githubリポジトリ.ソリューション/ララベル-ブイ3 .
ライブデモ:Vutal.スクリタミント.コム

フル機能&高度な管理パネルラーラヴエル8、Vueで構築に興味があります.CSSは3 ?チェックバンナhttps://ui.scriptmint.com
Vutalは完全なCRUD操作を示すサンプル“プロジェクト”モジュールが含まれています.以下はこのリポジトリに含まれる操作です.
  • リストのすべてのプロジェクト
  • プロジェクトの作成
  • プロジェクトの編集
  • プロジェクトの削除
  • 任意のプロジェクトを削除する前に警告
  • フォームの検証
  • 積載指標
  • Vutalは、バックエンドのオペレーションを実行するために、laravelリクエスト、APIリソース、ファクトリ&シーダーを実装します.コントローラは、コードをきちんとしてきれいにするために、いろいろな行動のためにサービスを使用します.
    Vutalは、コードをきれいにするために、構成APIとスクリプトセットアップ構文で書かれます.また、それはVeerouterを使用して動的にルートコンポーネントをロードします.これは、APIの操作を実行するVUEXストアを使用します.Vutalも次の基本的なコンポーネントを提供しています
  • ベース入力
  • ベーステキスト
  • ベースボタン
  • ドロップダウンメニュー
  • ドロップダウンアイテム
  • ベースカード
  • コードを実行するには、次の手順に従います.
    git clone https://github.com/scriptmint-solution/laravel-vue3-tailwind-crud.git vutal
    cd vutal
    composer install
    php artisan migrate // Make sure you update database details in .env
    npm install
    npm run dev
    
    
    テストを実行する
    php artisan test
    
    Vutalはオープンソースパッケージに従って使用します.
  • Vue 3
  • Vueルータ
  • ブエックス
  • CSS
  • タイポグラフィー
  • アクシオス
  • Vueローディングオーバレイ
  • Vueの解凍
  • Vue sweetalert 2
  • ロダッシュ
  • ララベルミックス
  • 英雄とFontaWamyアイコン

  • ブラウザサポート
    最新ブラウザのみ