laravel结合vue添加权限的实现示例

操作系统 / linux / 2022-04-03 22:06

visits 439 collect - report - QRcode

Basicinformation

content

一、添加（权限）节点

1.1、引入vue

使用vue进行界面管理，实现添加功能
我们在这个目录下存入vue.js:

1.2、添加模版（vue、jquery）

resources/admin/node/create.blade.php：






	
	
	
	
	
	
	
	
	
	
	
	
	添加节点



	 首页 > 用户中心 > 添加节点 

	
		
		@include("admin.common.validate")
		
			
				*是否顶级：
				 
						
					
				
			
			
				*节点名称：
				
					
				
			
			
				路由别名：
				
					
				
			

			
				*是否菜单：
				
					
						
						是
					
					
						
						否

1.3、添加节点控制器逻辑

 /**
     * Store a newly created resource in storage.
     *
     * @param  IlluminateHttpRequest  $request
     * @return IlluminateHttpResponse
     */
    public function store(Request $request)
    {
        // 异常处理
        try {
            // 后台验证
            $this -> validate($request, [
                "name" => "required|unique:roles,name"
            ]);
        }
        catch (Exception $e) {
            return ["status" => 20002, "msg" => "验证不通过！"];
        }
        // 入库
        Node::create($request -> except("_token"));
        return ["status" => 1, "msg" => "添加节点成功！"];
    }

1.4、模型中定义修改器

<?php

namespace AppModels;

use IlluminateDatabaseEloquentModel;

class Node extends Base
{
    //  模型中定义修改器 设置route_name 可以为null  方法名set+字段名驼峰式
    public function setRouteNameAttribute($value)
    {
        // 如果字段值为null，则设置为空字符串，修改和添加时生效 store 或 update
        $this->attributes["route_name"] = empty($value) ? "" : $value;
    }
}