laravelvue

laravelVUEについて

Github: https://github.com/bigrocs/laravelvue

LaravelVUEはフロントエンドとバックエンドの分離技術を使用しており、フロントエンドはVUEを使用し、バックエンドはPHPフレームワークlaravelのCMSシステムを使用します。

バックエンドは、JSON データを通じてフロントエンド ページの表示コンテンツを自動的に定義します。

システム要件

• PHP >= 5.6.4
• OpenSSL PHP 拡張機能
• PDO PHP 拡張機能
• OpenSSL 拡張機能
• Mbstring PHP 拡張子
• トークナイザー PHP 拡張機能
• XML PHP 拡張機能
• GD拡張
• MySQL >= 5.7

インストール

以下では、開発バージョンを例として、LaravelVUE のインストールについて説明します。

まず、LaravelVUE プロジェクトをダウンロードし、ローカル フォルダーに抽出する必要があります。

1. 次に、composer コマンドを実行して、laravel の依存関係をインストールします。

 composer install

2. .env.example の名前を .env に変更し、次のコマンドを実行して、laravel キーを要求します。

 php -r "file_exists('.env') || copy('.env.example', '.env');"
php artisan key:generate

3. データベース構成を設定し、.env ファイル内の次のコードを変更します。

 DB_DATABASE=homestead（数据库名称）
DB_USERNAME=homestead（数据库账号）
DB_PASSWORD=secret   （数据库密码）

4. 次に、データベースの移行とデータの入力を行います。

 php artisan migrate
php artisan db:seed
php artisan passport:install

5. フロントエンド VUE コンパイルをインストールしてから

 npm install

6. フロントエンドリソースをコンパイルする

 npm run dev

7. フロントエンドリソースをコンパイルし、Br​​owserSync (開発モード) をオンにします。

 npm run watch

アクセス

バックエンド: http://localhost/admin アカウント: admin パスワード: admin888

webpack.mix.js ファイルの下のコードを変更します。

 host: 'laravelvue.dev',
proxy: 'laravelvue.dev',

そして、ホストファイルに対応するローカル解像度を入力します

 127.0.0.1       laravelvue.dev

開発者モードのアクセスアドレス: http://laravelvue:3000/admin