質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Q&A

1回答

585閲覧

SQlite+Laravelでデータを格納することができない。

Tikka123456

総合スコア34

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

0グッド

0クリップ

投稿2021/02/23 07:22

データベースにSqliteを用いてユーザー登録機能を作ろうとしてます。
データベースに値を追加しメインページにリダイレクトされるように作ったのですが、リダイレクトされません。
sqliteに接続しUserテーブルの中身を確認しても値が登録されていません。
特にエラーも出ておらず、どこが原因のなのかわからないです。
LaravelとVueを使って作ってます。
どうかよろしくお願いします。

ユーザー登録のライブラリでvee-validateを使っています。
OS:Mac M1

Register.vue

<template> <div> <div cclass="container"> <div class="notification"> <div class="columns"> <div class="column"> <div class="panel"> <div class="panel-heading"> <h2 class="title is-4">新規登録</h2> </div> <div class="panel-body"> <ValidationObserver class="form-horizontal" ref="observer" action="/register" id="register" method="post" tag="form" @submit.prevent="register()" v-slot="{ invalid }" > <input type="hidden" name="_token" :value="csrf" /> <div class="form-group"> <div class="field"> <label for="name" class="column">名前</label> <validation-provider name="名前" rules="required|max:20" v-slot="{ errors }"> <input v-model="name" class="input is-success" type="text" placeholder="名前" /> </validation-provider> </div> </div> <div class="form-group"> <div class="field"> <label for="email" class="column">メール</label> <validation-provider name="メールアドレス" rules="required|email" v-slot="{ errors }" > <input v-model="email" class="input is-success" type="text" placeholder="メールアドレス" /> <div class="alert alert-danger" v-show="errors[0]">{{ errors[0] }}</div> </validation-provider> </div> </div> <div class="field is-grouped"> <div class="control"> <button type="submit" class="button is-link">登録する</button> </div> </div> </ValidationObserver> </div> </div> </div> </div> </div> </div> </div> </template> <script> import {ValidationProvider, ValidationObserver, extend } from "vee-validate"; import { required, max, min, email, confirmed } from "vee-validate/dist/rules"; extend("required", { ...required, message: "{_field_}は必須です" }); extend("email", { ...email, message: "{_field_}はメールアドレス形式で入力してください" }); extend("min", { ...min, message: "{_field_}は最低でも{length}文字入力してください" }); export default { components: { ValidationProvider, ValidationObserver }, data() { return { name: "", email: "", csrf: document .querySelector('meta[name="csrf-token"]') .getAttribute("content"), }; }, methods: { async register() { const isValid = await this.$refs.observer.validate(); if (isValid) { document.querySelector("#register").submit(); } } } }; </script>

RegisteController.php

php

1<?php 2 3namespace App\Http\Controllers\Auth; 4 5use App\Http\Controllers\Controller; 6use App\Providers\RouteServiceProvider; 7use App\User; 8use Illuminate\Foundation\Auth\RegistersUsers; 9use Illuminate\Support\Facades\Hash; 10use Illuminate\Support\Facades\Validator; 11 12 13 14class RegisterController extends Controller 15{ 16 /* 17 |-------------------------------------------------------------------------- 18 | Register Controller 19 |-------------------------------------------------------------------------- 20 | 21 | This controller handles the registration of new users as well as their 22 | validation and creation. By default this controller uses a trait to 23 | provide this functionality without requiring any additional code. 24 | 25 */ 26 27 use RegistersUsers; 28 29 /** 30 * Where to redirect users after registration. 31 * 32 * @var string 33 */ 34 35 36 protected $redirectTo = '/'; 37 38 39 /** 40 * Create a new controller instance. 41 * 42 * @return void 43 */ 44 public function __construct() 45 { 46 $this->middleware('guest'); 47 } 48 49 /** 50 * Get a validator for an incoming registration request. 51 * 52 * @param array $data 53 * @return \Illuminate\Contracts\Validation\Validator 54 */ 55 protected function validator(array $data) 56 { 57 return Validator::make($data, [ 58 'name' => ['required', 'string', 'max:255'], 59 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 60 'password' => ['required', 'string', 'min:8', 'confirmed'], 61 ]); 62 } 63 64 /** 65 * Create a new user instance after a valid registration. 66 * 67 * @param array $data 68 * @return \App\User 69 */ 70 protected function create(array $data) 71 { 72 return User::create([ 73 'name' => $data['name'], 74 'email' => $data['email'], 75 'password' => Hash::make($data['password']), 76 ]); 77 } 78}

Userテーブル

<?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; class CreateUsersTable extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('users', function (Blueprint $table) { $table->bigIncrements('id'); $table->string('name'); $table->string('email')->unique(); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('users'); } }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lulucom

2021/02/28 04:43 編集

> 特にエラーも出ておらず、 と書かれていますが、ブラウザのディベロッパーツールなどのConsoleにもエラーは出ていないでしょうか? あと、Laravelとvee-validateのバージョンも掲載されると良いでしょう。 vee-validateは使ったことがないのですが、名前、メールアドレスの各input要素にはname属性も必要ではないのでしょうか?また、パスワードも送信しないとLaravelのバリデーションでエラーになってしまうのではないでしょうか。
guest

回答1

0

特にエラーも出ておらず、どこが原因のなのかわからないです。

Laravel+Vueでエラーを確認すべき箇所は

  • Chrome Developer ToolsのNetworkタブ
  • Chrome Developer ToolsのConsoleタブ
  • laravel/storage/logs/laravel(日付).log
  • php_fpm(を使用しているなら)のerror_log
  • apache/nignx(を使用しているなら)のerror_log、access_log

です。これらは確認されましたでしょうか?

投稿2021/03/02 04:45

mikkame

総合スコア5036

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問