Perguntas[laravel](coding)

Adicionei peshanghiwa/vue-awesome-paginate ao meu aplicativo laravel 11 /vuejs 3 e declarei VueAwesomePaginate em resources/js/app.js:

import VueAwesomePaginate from "vue-awesome-paginate";
import "vue-awesome-paginate/dist/style.css";

// Vue.component("broadcaster", require("./components/Broadcaster.vue").default);
// Vue.component("viewer", require("./components/Viewer.vue").default);


const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import Multiselect from '@vueform/multiselect'

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) =>
        resolvePageComponent(
            `./Pages/${name}.vue`,
            import.meta.glob('./Pages/**/*.vue'),
        ),
    setup({ el, App, props, plugin }) {
        return createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(ZiggyVue)
            .use(ElementPlus)
            .component('inertia-link', Link)
            .component('vue-awesome-paginate', VueAwesomePaginate)
            .component('file-upload', VueUploadComponent)
            .component('multiselect', Multiselect)
            .mount(el);
    },
    progress: {
        color: '#4B5563',
    },
});

Mas quando eu uso o arquivo vue:

<template>
    ...
    <div class="p-2" v-show="totalTicketsCount > 1">
        <vue-awesome-paginate
            :total-items="totalTicketsCount"
            :items-per-page="backendItemsPerPage"
            :max-pages-shown="5"
            v-model="currentPage"
            @click="paginateClick"
        />
    </div>

</template>

No arquivo acima eu não declarei o componente paginate - suponho que ele deve ser global...

Vejo erro no console:

app.js:44 [Vue warn]: Component is missing template or render function:
{install: ƒ}

  at <VueAwesomePaginate total-items=8 items-per-page=2 max-pages-shown=5  ... >
  at <PersonalLayout>
  at <PersonalTicketsList errors=
{}
 auth=
{user: {…}, loggedUserIsAdmin: false, loggedUserIsManager: false, loggedUserIsSalesperson: false}
 ziggy=
... 

 

e a paginação não é visível.

Como devo definir o Componente para fazê-lo funcionar?

Estou usando o Laravel 11, com o Breeze Starter Kit e o Livewire (Volt Class API) com Alpine.

Em um controlador chamado 'DashboardController', estou tentando usar 'Auth::user' para renderizar uma visualização com as tarefas que o usuário tem, mas ele não reconhece 'user'. Já fiz isso algumas vezes antes, mas nunca obtive esse erro. O mais estranho é que no arquivo blade ele reconhece Auth::user, então, neste ponto, não sei mais o que fazer, não encontrei mais ninguém com esse problema.

PainelControlador

<?php

namespace App\Http\Controllers;


use Illuminate\Container\Attributes\Auth;
use Illuminate\Foundation\Auth\User as AuthUser;


class DashboardController extends Controller
{
    public function index(){
       /*  $user = Auth::user(); */
        $user = Auth::user();
        $tasks = Auth::user()->tasks;
        return view ('dashboard', compact('tasks'));
    }
}

painel.blade.php

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Dashboard') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900">
                    @foreach (Auth::user()->tasks as $task)

                    <p> {{ $task->title }}</p>
                    <p> {{ $task->description }}</p>
                        
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</x-app-layout>

tabela de usuários

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('users', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('email')->unique();
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password');
            $table->rememberToken();
            $table->timestamps();
            //add deleted_at column
            $table->softDeletes();
        });

modal do usuário

<?php

namespace App\Models;

// use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Database\Eloquent\SoftDeletes;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;

class User extends Authenticatable
{

    use HasFactory, Notifiable;
    use SoftDeletes;

    protected $fillable = [
        'name',
        'email',
        'password',
    ];

    protected $hidden = [
        'password',
        'remember_token',
    ];


    protected function casts(): array
    {
        return [
            'email_verified_at' => 'datetime',
            'password' => 'hashed',
        ];
    }


    public function tasks(): HasMany
    {
        return $this->hasMany(Task::class);
    }

}

web.php (o route::get é o que estou tentando alcançar)

<?php

use App\Http\Controllers\DashboardController;
use Illuminate\Support\Facades\Route;

Route::redirect('/','/dashboard');

Route::get('/dashboard', [DashboardController::class, 'index'])
->middleware(['auth'])
->name('profile');

Route::view('profile', 'profile')
    ->middleware(['auth'])
    ->name('profile');

require __DIR__.'/auth.php';

Por favor me ajude, sou apenas um estagiário

Eu instalei o aplicativo de exemplo Laravel no Windows 10 e o guia diz que eu deveria executar composer run dev. Mas não há script dev em composer.json. Como executar o servidor dev Laravel? Aqui está a seção de scripts do composer.json do aplicativo de exemplo.

    "scripts": {
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi"
        ],
        "post-update-cmd": [
            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ]
    }

Tentei pesquisar no Google, mas não obtive resultados.

Estou trabalhando em um projeto Laravel e tentando configurar minha conexão de banco de dados. Eu configurei as credenciais corretas do MySQL no meu .envarquivo, mas o Laravel ainda está tentando conectar usando o rootusuário em vez do que eu especifiquei.

Minha configuração

• Versão do Laravel: Laravel Framework 11.41.3
• Banco de dados: MySQL
• SO: Ubuntu 22.04

Meu arquivo .env:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=react_breeze
DB_USERNAME=other_username_than_root
DB_PASSWORD=password

Emitir:

Quando executo php artisan migrateou php artisan cache:clear, recebo o seguinte erro:

SQLSTATE[HY000] [1698] Acesso negado para o usuário 'root'@'localhost' (Conexão: mysql, SQL: excluir de cache)

Quando tento, tenho o mesmo problema

rm -rf bootstrap/cache/config.php

php artisan config:clear
php artisan cache:clear
php artisan config:cache

Estou construindo um aplicativo de notas CRUD e tenho este controlador, estou tentando obter todas as notas de um usuário para exibir na página de índice, também estou usando laravel breeze. O IDE diz "Método indefinido 'id'." Eu tentei todas as soluções que pude encontrar no laracast e aqui e nada funciona, eu sei que estou esquecendo de algo, só não consigo lembrar o que é, já faz um tempo que não uso laravel. Se vocês puderem me ajudar, seria ótimo! Obrigado

 <?php

namespace App\Http\Controllers;

use App\Models\Note;
use Inertia\Inertia;
use App\Http\Resources\NoteResource;
use App\Http\Requests\StoreNoteRequest;
use App\Http\Requests\UpdateNoteRequest;

class NoteController extends Controller
{
    /**
     * Display a listing of the resource.
     */
    public function index()
    {
        //
        $notes = Note::where('user_id', auth()->id())->get();
        return Inertia::render('Notes/Index', [
            'notes' => NoteResource::collection($notes),
        ]);
    }

    /**
     * Show the form for creating a new resource.
     */
    public function create()
    {
        //
        return Inertia::render('Notes/Create');

    }

    /**
     * Store a newly created resource in storage.
     */
    public function store(StoreNoteRequest $request)
    {
        //
        $note = Note::create([
            'user_id' => auth()->id,
            'title' => $request->title,
            'content' => $request->content,
            'is_pinned' => $request->is_pinned,
            'color' => $request->color,

        ]);

        return redirect()->route('notes.show', $note)->with('success', 'Note created successfully');

    }

    /**
     * Display the specified resource.
     */
    public function show(Note $note)
    {
        //
        return Inertia::render('Notes/Show', [
            'note' => new NoteResource($note),
        ]);
    }

    /**
     * Show the form for editing the specified resource.
     */
    public function edit(Note $note)
    {
        //
        return Inertia::render('Notes/Edit', [
            'note' => new NoteResource($note),
        ]);
    }

    /**
     * Update the specified resource in storage.
     */
    public function update(UpdateNoteRequest $request, Note $note)
    {
        //
        $note->update([
            'title' => $request->title,
            'content' => $request->content,
            'is_pinned' => $request->is_pinned,
            'color' => $request->color,
        ]);

        return redirect()->route('notes.show', $note)->with('success', 'Note updated successfully');

    }

    /**
     * Remove the specified resource from storage.
     */
    public function destroy(Note $Note)
    {
        //
        $Note->delete();
        return redirect()->route('notes.index')->with('success', 'Note deleted successfully');
    }
    public function togglePin(Note $note)
    {
        $note->update([
            'is_pinned' => !$note->is_pinned,

        ]);
        return redirect()->back()->with('success', 'Note pinned successfully');
    }
}

Implementei uma solicitação de formulário de validação simples com NamedBag

$validator = Validator::make($request->all(),
  ['name' => 'required|max:255',
   'second_name' => 'required|max:255',
  ]
)->validateWithBag('create');

if ($validator->fails()) {
  return redirect()->back()
    ->withErrors($validator, 'create')
    ->withInput();
}

A questão é: como interceptar mensagem de erro com @error()

@error('namedBag.name')
  <div class="alert alert-danger">{{ $message }}</div>
@enderror

minha solução é

 @if($errors->create->has('name'))
    <div class="alert alert-danger">{{ $errors->create->first('name') }}</div>
 @endif

é possível usar a diretiva @error()?

Estou usando trabalhos no Laravel, mas não sei como fazê-los em produção em um servidor compartilhado

Não tenho certeza se meu servidor compartilhado é capaz de manipular o script do supervisor do Ubuntu para manipular filas. Existe alguma outra maneira de fazer com que o trabalho/filas funcionem na produção? Estou surpreso com as poucas e vagas respostas para isso na rede. Estou executando o Laravel 10 [entendo que poderia estar usando trabalhos cron e um comando agendado para executar o trabalhador: (https://stackoverflow.com/q/46141652/2955335) Alguém pode me orientar no caminho certo?

Tenho um modelo Blade no Laravel que usa Alpine JS.

Tenho uma questionsmatriz que é inicializada com apenas um elemento, mas por algum motivo há dois elementos na tela.

O que pode estar errado?

Aqui está o código que estou usando:

<x-guest-layout>
    <x-slot:title>
        {{ __('survey.create.title')  . ' - '. config('app.name', 'Riview') }}
    </x-slot>
        <div class="pb-6">
        <h2>
            {{ __('survey.questions.title') }}
        </h2>
        <h3>
           {{ $survey->name }}
        </h3>
        <form action="{{ route('survey.questions.store', $survey) }}" method="post" x-data="{
            questions: [{
                content: '',
                type: 'text'
            }],
            addQuestion() {
                this.questions.push({
                    content: '',
                    type: 'text'
                })
            },
            removeQuestion(index) {
                this.questions.splice(index, 1)
            }
        }">
            @csrf
            <div class="mb-4">
                <template x-for="(question, index) in questions" :key="index">
                    <div class="form-group py-4">
                        <div class="flex justify-between mb-2 items-center">
                            <h3>Question #<span x-text="index + 1"></span></h3>
                            <button x-show="questions.length > 1" type="button" class="btn btn-link" x-on:click="removeQuestion(index)">Remove</button>
                        </div>

                        <div class="mb-3">
                            <label :for="'question_'" x-bind:for="'question_' + index">Title</label>
                            <input type="text" x-model="question.content"
                                :name="'questions['+index+'][content]'"
                                class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                        </div>

                        <div>
                            <label :for="'question'" x-bind:for="'question[' + index + '][type]'">Question Type</label>
                            <select class="select select-bordered w-full" x-model="question.type"
                                x-bind:name="'questions['+index+'][type]'">
                                class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                                <option value="text">Text</option>
                                <option value="textarea">Long Text</option>
                                <option value="radio">Multiple Choice</option>
                                <option value="checkbox">Checkboxes</option>
                            </select>
                        </div>
                    </div>
                </template>
            </div>
            <div class="mb-4">
                <button type="button" class="btn btn-accent" x-on:click="addQuestion">
                    + Add Another Question
                </button>
            </div>
            <div class="mt-6 flex items-center justify-end gap-x-6">
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </form>
        </div>

</x-guest-layout>

E aqui está a captura de tela:

A rota definida em web.phpé

Route::get('about-us', [PageController::class, 'renderAboutUsPage'])->name('pages.about-us');

No meu controlador, tenho métodos

class PageController extends Controller
{
    protected $pageService;

    /**
     * Class contructor
     */
    public function __construct(PageService $pageService)
    {
        $this->pageService = $pageService;
    }

    /**
     * Method to render about us page
     */
    public function renderAboutUsPage(){
        return $this->renderStaticPage('about-us');
    }

    /**
     * Method to render static page
     * @param slug
     */
    private function renderStaticPage($slug) {
        Log::info("Rendering ".$slug." static page.");
        $page = $this->pageService->getActivePageBySlug($slug);
        return view('pages.static-page', ['data'=>$page]);
    }
}

O que meu entendimento diz quando testo o método renderAboutUsPage()é que devo simular pageService->getActivePageBySlug($slug)no meu teste para que uma chamada real para esse método possa ser evitada. Isso ajudará a reduzir o tempo de execução do teste.

Tenho testes separados para meu serviço, nos quais estou testando getActivePageBySlug()de forma independente.

Meu caso de teste é

    /**
     * @test
     * @testdox Whether the about us page returns a successful response, renders the correct view, contains view object {data} and log correct messages in log file.
     * @group website
     * @group static-pages
     */
    public function test_whether_about_us_page_renders_successfully()
    {
        Log::shouldReceive('info')->once()->with("Rendering about-us static page.");
        Log::shouldReceive('info')->once()->with("Getting page by active status and provided slug.");
        $response = $this->get('about-us');
        $response->assertStatus(200);
        $response->assertViewIs('pages.static-page'); 
        $response->assertViewHas('data');
    }

Não sei como simular o método getActivePageBySlug($slug)no meu caso de teste para evitar chamadas reais.

A definição de getActivePageBySlug($slug)método é:

    /**
     * Method to get page by slug (Checks to page status is active)
     * @param string slug
     * @return Page page
     * @throws Throwable e 
     */
    public function getActivePageBySlug(string $slug)
    {
        Log::info("Getting page by active status and provided slug.");
        try
        {
            $page = Page::where('slug',$slug)->where('status', Status::active->value())->first();
            if(!$page) {
                throw new NotFoundHttpException("The page ". $slug ." not found.");
            } 
            return $page;
        }
        catch (Throwable $e)
        {
            Log::error("Error in getting page by slug.");
            throw $e;
        }
    }

Não consigo encontrar onde errei no meu código para fazer meu Reverb/WebSocket funcionar.

Tentei definir uma nova porta para isso, mas ainda não está funcionando. Olhei o código de outra pessoa onde funciona, mas não consigo encontrar onde está meu erro.

meu código está aqui github

editar:

Posso conectar dentro do meu contêiner Docker. Estou usando Sail se isso ajudar

Aqui está meu arquivo docker-compose.yml:

services:
laravel.test:
    build:
        context: './vendor/laravel/sail/runtimes/8.4'
        dockerfile: Dockerfile
        args:
            WWWGROUP: '${WWWGROUP}'
    image: 'sail-8.4/app'
    extra_hosts:
        - 'host.docker.internal:host-gateway'
    ports:
        - '${APP_PORT:-80}:80'
        - '${VITE_PORT:-5173}:${VITE_PORT:-5173}'
    environment:
        WWWUSER: '${WWWUSER}'
        LARAVEL_SAIL: 1
        XDEBUG_MODE: '${SAIL_XDEBUG_MODE:-off}'
        XDEBUG_CONFIG: '${SAIL_XDEBUG_CONFIG:-client_host=host.docker.internal}'
        IGNITION_LOCAL_SITES_PATH: '${PWD}'
    volumes:
        - '.:/var/www/html'
    networks:
        - sail
    depends_on:
        - mysql
        - redis
        - mailpit
mysql:
    image: 'mysql/mysql-server:8.0'
    ports:
        - '${FORWARD_DB_PORT:-3306}:3306'
    environment:
        MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
        MYSQL_ROOT_HOST: '%'
        MYSQL_DATABASE: '${DB_DATABASE}'
        MYSQL_USER: '${DB_USERNAME}'
        MYSQL_PASSWORD: '${DB_PASSWORD}'
        MYSQL_ALLOW_EMPTY_PASSWORD: 1
    volumes:
        - 'sail-mysql:/var/lib/mysql'
        - './vendor/laravel/sail/database/mysql/create-testing-database.sh:/docker-entrypoint-initdb.d/10-create-testing-database.sh'
    networks:
        - sail
    healthcheck:
        test:
            - CMD
            - mysqladmin
            - ping
            - '-p${DB_PASSWORD}'
        retries: 3
        timeout: 5s
phpmyadmin:
    image: 'phpmyadmin/phpmyadmin'
    ports:
        - '9080:80'
    environment:
        PMA_HOST: mysql
        MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
    depends_on:
        - mysql
    networks:
        - sail
redis:
    image: 'redis:alpine'
    ports:
        - '${FORWARD_REDIS_PORT:-6379}:6379'
    volumes:
        - 'sail-redis:/data'
    networks:
        - sail
    healthcheck:
        test:
            - CMD
            - redis-cli
            - ping
        retries: 3
        timeout: 5s
mailpit:
    image: 'axllent/mailpit:latest'
    ports:
        - '${FORWARD_MAILPIT_PORT:-1025}:1025'
        - '${FORWARD_MAILPIT_DASHBOARD_PORT:-8025}:8025'
    networks:
        - sail

redes: vela: driver: ponte volumes: vela-mysql: driver: local vela-redis: driver: local