Angular和Laravel-根据登录名和用户ID显示并保存到数据库中

时间:2019-05-26 13:14:33

标签: angular laravel api

我正在使用Laravel Endpoint和Angular7 Frontend开发结果管理应用程序。当我保存到数据库中时,我想保存登录名/用户ID。此外,它将显示基于登录ID的数据。也就是说,如果UserId为1(用户为Admin),它将显示所有数据,但是如果user Id是除1以外的任何其他数字,它将在表

中显示基于登录名/用户ID的数据。

我已经开发了这些表:

  1. 用户:ID,用户名,电子邮件,密码
  2. 考试:ID,考试名称,用户ID
  3. 结果:id,exam_id,user_id,分数。

我还开发了Laravel Endpoint和Angular7 Frontend。

Laravel端点:控制器

    public function login(Request $request)
    {
        $credentials = $request->json()->all();

        try
        {
            if(! $token = JWTAuth::attempt($credentials))
            {
                return response()->json(['error' => 'invalid_credentials'], 400);
            } else {
                // Generate token from user 
                $token = JWTAuth::attempt($credentials);
                //return response()->json(compact('token'));
                return response()->json(                [
                    'access_token' => $token,
                    'token_type' => 'bearer'
                ]   );

            }
        }
        catch(JWTException $e)
        {
            return response()->json(['error' => 'could_not_create_token'], 500);
        }
    } 

考试:Laravel EndPoint

    public function index()
    {
        $exams = Exam::all();
        return response()->json($exams);
    }

    public function store(Request $request)
    {
        $request->validate([
            'exam_name' => 'required'
        ]);

        $exam = Exam::create($request->all());

        return response()->json([
            'message' => 'Great success! New Exam created',
            'exam => $exam
        ]);
    }

    public function show(Exam $exam)
    {
        return $exam;
    }

api

Route::get('/exams', 'ExamController@index')->name('exams.index');

Route::post('/exams', 'ExamController@store')->name('exams.store');

Route::get('/exams/{exam}', 'ExamController@show')->name('exams.show');

角度:exam.service.ts

const apiUrl = "http://localhost/schoolbackend/public/api/exams";

  getExams (): Observable<Exam[]> {
    return this.http.get<Exam[]>(apiUrl)
      .pipe(
        tap(exams => console.log('Fetch exams')),
        catchError(this.handleError('getExams', []))
      );
  }

  addExam (exam): Observable<Exam> {
    return this.http.post<Exam>(apiUrl, exam, httpOptions).pipe(
      tap((exam: Exam) => console.log(`added exam w/ id=${exam._id}`)),
      catchError(this.handleError<Exam>('addExam'))
    );
  }

exam-display.component.ts

  ngOnInit() {

    this.api.getExams()
      .subscribe(res => {
        this.data = res;
        console.log(this.data);
        this.isLoadingResults = false;
      }, err => {
        console.log(err);
        this.isLoadingResults = false;
      });
  }

exam-add.component.ts

  onFormSubmit(form:NgForm) {
    this.isLoadingResults = true;
    this.api.addExam(form)
      .subscribe(res => {
         // let id = res['_id'];
          this.isLoadingResults = false;
          this.router.navigate(['/examlist']);
        }, (err) => {
          console.log(err);
          this.isLoadingResults = false;
        });
  }  

用户登录时:

  1. 如果user_id为1,则表示他是管理员,应该能够查看exam-display.ts中的所有内容,否则,只能查看其考试(基于其user_id)。
  2. 当用户从exam-add.component.ts保存到数据库中时,其登录名/用户名应保存到检查表中

1 个答案:

答案 0 :(得分:0)

首先,我认为您应该在用户表中创建一个单独的列,例如is_admin(boolean)。直接从id中找出不是一个好主意。

  1. 使用Laravel登录时,您可以从以下位置获取用户对象 auth::user()功能。
  2. 基于该结果,您可以检查用户是否为管理员。
  3. 如果是管理员,则可以获取所有数据,否则可以使用user_id进行获取。
  4. 类似地,当存储在检查表中时,您可以再次从auth获取用户。

示例:

// exam controller

// for fetching exams
public function index()
{
    $userId = auth()->id();

    if ($userId == 1) {
       $exams = Exam::all();
    } else {
       $exams = Exam::where('user_id', $userId)->get(); 
    }

    return response()->json($exams);
}

// for creating new exam
public function store(Request $request)
{
    $request->validate([
        'exam_name' => 'required'
    ]);

    $exam = new Exam;
    $exam->exam_name = $request->exam_name;
    $exam->user_id = auth()->id()
    $exam->save();

    return response()->json([
        'message' => 'Great success! New Exam created',
        'exam => $exam
    ]);
}