Laravel5.8 + node开发流程

一、创建数据库

开始创建表名

使用 php artisan make:migration 创建表

php artisan make:migration create_[workmans]_table --create=[workmans]  
#注意，这里的表名需要加s
#控制器和模型的不用加

　　在执行完创建的命令后，会生成对应的文

二、生成表

     文件内容如下：

    

    public function up()
    {
        Schema::create('workmans', function (Blueprint $table) {
            $table->bigIncrements('id')->comment('ID');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('workmans');
    }

　　对应的生成了一个文件database/migrations/目录下根据时间生成的对应文件，里面有up和down两个方法，up中可以添加对应的字段名称，down中是用来删除数据库，具体用法后期补充

 

三、生成控制器和模型

　　设计表字段

     

public function up()
    {
        Schema::create('workmans', function (Blueprint $table) {
            $table->bigIncrements('id')->comment('ID');
            $table->string('name')->comment('打工人姓名');
            $table->integer('age')->comment('打工人年龄');
            $table->string('gender')->comment('打工人性别');;
            $table->integer('siteid')->comment('配送站点');
            $table->string('workplace')->comment('工作地点');;
            $table->timestamps();
        });
    }

#这是一种比较简单的设计方式，其中只是添加了字段的类型和备注

　　确定设计好表的字段之后执行 

       php artisan migration
       然后对应的表就可以自动的生成

四、生成对应的控制器文件和模型文件

php artisan make:controll Workman/WorkmanController --resource --model=Models/Workman/Workman

#这是一步到位的方式，
直接在Http下生成Workman/WorkmanController.php文件
在Models下生成Workman/Workman.php文件

#这里可以分开执行
#也可以将当前的模块生成到不同的目录下

　　执行完了之后，就可以看到对应的文件夹下的目录以及生成的文件

 

五、配置路由

在route/api.php中添加路由文件

//打工人信息
Route::prefix('workman')->middleware(["auth:api"])->group(function () {
    Route::post("index", 'Workman\WorkmanController@index');
    Route::post("create", 'Workman\WorkmanController@create');
    Route::post("update", 'Workman\WorkmanController@update');
    Route::post("delete", 'Workman\WorkmanController@delete');
});

　　

六、添加菜单

主菜单

子菜单

#目前是只要添加列表就行，添加-更新-删除  不需要单独的天极爱菜单

六、添加前段文件，执行前段服务器  需要注意一定添加，否则提示找不到对应的模块？

在对应的目录下添加index.vue

然后执行 npm dev run 
点击菜单就可以看到效果