keer's blog
0%

发表于 更新于
阅读全文 »

发表于 更新于
![](https://raw.githubusercontent.com/keer2345/storehouse/master/hexo/images/2018/10/07.jpg)

本文我们将创建一个基础的 Vue.js，从而学会构建 Todo App 以有助于践学 Vue JS 。

学习框架的有效方式就是践行。

阅读全文 »

发表于 更新于

Vue Cli 3 Introduction

Vue CLI 3 介绍，我们将使用其来生成前端应用。

我们将了解：

  • 安装最新的 Vue CLI 3
  • 使用新特性
  • 创建前端应用
  • 为开发和生产设置环境变量
  • 添加代理指向 API 调用
  • 手工安装及添加 Vue CLI 插件

Vue CLI v3 为开发者提供了新的体验，允许我们很容易地生成零配置的 Vue 项目。一旦项目需要更多扩展的时候可以使用插件添加更多的配置选项，不像 Create React App，我们可以不通过 ejecting 而是通过 Vue CLI 插件来配置项目。

Vue CLI v3 提供了很多新特性，例如：

  • 交互式的脚手架 @vue/cli
  • 零配置快速原型 @vue/cli 和 @vue/cli-service-global
  • 运行时依赖（@vue/cli-service）提供的众多特性：可升级、构建在 webpack 之上、拥有预设配置、可修改的配置文件、可扩展的插件、等等
  • 官方插件支持使用强大的前端生态系统工具，所以我们不需要关注 webpack，只需要关注 Vue CLI 插件。
阅读全文 »

发表于 更新于

Install

Installing Xampp and Laravel on Linux

composer create-project --prefer-dist laravel/laravel larave-react
cd larave-react
php artisan serve --port=8000

Using React

php artisan preset react
npm install && npm run dev
php artisan serve

Watch in development:

npm run watch

数据库

工具：

  • Sequel Pro (for Mac OS)

  • phpmyadmin (for all OS)

  • 修改 phpmyadmin 通过密码登陆：先在“账户”修改 root@localhost 的密码。然后将 /opt/lamp/phpmyadmin/config.inc.php 的 $cfg['Servers'][$i]['auth_type'] = 'config'; 改成 cookie 。

  • [创建用户及赋予权限(https://www.cnblogs.com/lemon-flm/p/7597879.html)

    create database if not exists laravel_reactjs default character set utf8 collate utf8_general_ci;
    create user 'laravel'@'localhost';
    grant all on laravel_reactjs.* to 'laravel'@'localhost' identified by '123456';

同步数据库

php artisan migrate

如果出现如下提示：

SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long;
max key length is 767 bytes (SQL: alter table `users` add unique `users_email_unique`(`email`))

原因：laravel改变了默认的数据库字符集，现在使用utf8mb4，如果你使用的MySQL数据库高于5.7就不会报错，如果低于该版本就会报错

解决方案：在AppServiceProvider.php 添加代码：Schema::defaultStringLength(191);
完整的代码：

use Illuminate\Support\Facades\Schema;//一定要记得引入Schema
/**
 * Bootstrap any application services.
 *
 * @return void
 */
public function boot()
{
    Schema::defaultStringLength(191);
}

将刚才建的表删除，重新运行：

$ php artisan migrate
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table

创建新表

php artisan make:migration create_blogs_table --create=blogs
php artisan migrate
php artisan migrate:rollback

配置路由

routes/web.php:

Route::get('/', function () {
    // return view('welcome');

    $blogArticles=DB::table('blogs')->get();

    return $blogArticles;
});

CRUD

php artisan make:model Blog
php artisan make:controller Api/BlogController --resource

https://www.youtube.com/watch?v=WYKSDrgk0fE&index=1&list=PLTXFz3WKxvNJZo1T0-ypVBWD0MfJtshav