主页/PHP笔记/PHP问答/框架Laravel/如何仅向已登录用户显示视图

如何仅向已登录用户显示视图

5,084字
22–32 分钟
Bug编译狮

Bug编译狮

要仅向已登录用户显示视图，通常需要使用服务器端编程语言（如Python、Java等）来检查用户的登录状态，并根据该状态决定是否显示视图。以下是一个简单的示例，使用Python和Flask框架来实现这一功能。

首先，确保你已经安装了Flask：

pip install Flask

然后，创建一个新的Flask应用，并添加一个路由来处理登录逻辑。假设我们有一个名为login.py的文件：

from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)

# 模拟登录状态
logged_in = False

@app.route('/')
def index():
    # 检查用户是否已登录
    if logged_in:
        return render_template('index.html')
    else:
        return redirect(url_for('login'))

@app.route('/login', methods=['GET', 'POST'])
def login():
    global logged_in

    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']

        # 这里可以添加实际的登录验证逻辑

        # 假设用户名为"admin"且密码为"123"
        if username == "admin" and password == "123":
            logged_in = True
            return redirect(url_for('index'))
        else:
            return "Invalid credentials. Please try again."

    return render_template('login.html')

if __name__ == '__main__':
    app.run(debug=True)

接下来，创建两个HTML模板：templates/index.html和templates/login.html。

templates/index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
</head>
<body>
    <h1>Welcome to the Dashboard!</h1>
</body>
</html>

templates/login.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
</head>
<body>
    <h1>Login</h1>
    <form method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username"><br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password"><br><br>
        <button type="submit">Login</button>
    </form>
</body>
</html>

在这个示例中，当用户访问根路径时，如果logged_in变量为True，则显示index.html页面；否则，重定向到登录页面。用户可以通过表单提交用户名和密码进行登录。

通过这种方式，你可以确保只有已登录的用户才能看到指定的视图。

目录
黑板Bug讲师

黑板Bug讲师

介绍

Laravel 提供了一个强大的模板引擎，叫做 Blade，使得开发人员可以以非常直观的方式编写视图。然而，有时开发者需要限制某些视图，只让已认证的用户访问。在本教程中，我们将详细介绍如何使用 Laravel Blade 显示仅对登录用户可见的视图。

前置条件

理解Laravel的认证机制

基本的Laravel和Blade模板知识

一个工作中的Laravel安装

在Blade模板引擎中，@auth 和 @guest 是两个非常有用的指令，用于根据用户是否登录来动态地渲染不同的部分或元素。 @auth：当用户未登录时，这个指令会显示一个特定的HTML片段或者执行特定的操作。通常用于显示登录页面、导航链接等。 @if (!Auth::check()) <div class=”login-box”> Please login to access this page. </div> @endif @guest：当用户已登录但不是管理员时，这个指令同样会显示一个特定的HTML片段或者执行特定的操作。主要用于管理后台界面，展示只有管理员才能访问的内容。 @if (Auth::check() && !Auth::user()->is_admin) <div class=”admin-panel”> Only admin can view this panel. </div> @endif 这两个指令结合使用可以灵活地控制不同用户的访问权限和体验。

Blade 提供了两种指令。@authand 是“和”的意思，通常用于连接两个词或短语。@guest为了快速检查用户是否已认证，这里是最简单的示例：

<!-- If the user is authenticated -->
@auth
    <p>Welcome back, {{ auth()->user()->name }}!</p>
@endauth

<!-- If the user is a guest -->
@guest
    <p>Please log in to see your profile.</p>
@endguest

对不起，我无法理解您要表达的内容。如果您有其他问题或需要帮助，请告诉我，我会尽力提供支持和解答。@auth指令检查是否有已登录的用户，如果有，则代码块内执行。@authand也是，我们继续讨论吧。@endauth将会被处理。相反地，@guest未认证的访客检查。

使用认证中间件

中间件是一种很好的过滤HTTP请求进入应用程序的方式。Laravel自带了一些中间件来处理常见的任务，比如认证、授权等。auth中间件可以在路由中应用，确保只有认证用户才能访问与其关联的视图。以下是使用中间件在路由定义中的示例：

Route::get('/profile', function () {
    return view('profile');
})->middleware('auth');

现在，当一个未认证的用户试图访问时，/profile路由将会重定向他们到登录页面。

在控制器中进行身份验证操作。

有时候，您可能希望在控制器中检查用户是否已认证。以下是您可以这样做的一些方法：

public function showProfile()
{
    if (auth()->check()) {
        return view('profile', ['user' => auth()->user()]);
    } else {
        return redirect('login');
    }
}

这种方法使用了。auth()facade’s 是一个名词，意为“面罩”，“遮蔽物”。check()方法来检查当前访客是否已认证。

结合技术以实现更精细的控制

你可以结合中间件限制与嵌入式 Blade 指令来在视图中进行更多控制：

@auth
    <!-- This section will only be shown to logged-in users -->
    @if(auth()->user()->isAdmin())
        <!-- Markup for admin-related content -->
    @else
        <!-- Markup for regular user content -->
    @endif
@endauth

这允许您显示某些视图的特定部分给所有已认证用户，同时仅向具有特定类型已认证用户的其他部分显示。

创建自定义Blade指令以处理用户角色

如果你的应用程序中有多个用户角色，可能需要创建自定义指令。以下是如何创建一个只对具有“管理员”角色的用户可见的自定义指令的示例：

Blade::directive('admin', function () {
    return "";
});

Blade::directive('endadmin', function () {
    return "";
});

// Usage in your Blade file
@admin
    <p>This secret admin panel can only be seen by you!</p>
@endadmin

你需要手动在服务提供者中注册这些指令，这允许代码之间进行通信。@adminand 还有@endadmin只有当用户已认证且拥有“管理员”角色时，才会执行。

结论

在本指南中，我们已经探索了通过Laravel Blade显示仅登录用户视图的各种方法。从原生Blade指令开始。@authand 是“并且”的意思。@guest在执行控制器中的角色检查，甚至创建自定义指令以实现更细致的控制方面进行中。

长工码奴1523

长工码奴1523

为了实现这个需求，你可以使用AngularJS的$location服务和控制器来处理路由跳转。以下是一个简单的示例：

  1. 首先，在你的组件文件（如 app.component.html 或 app.component.ts）中，创建一个名为 ngOnInit 的方法，并在这里添加逻辑来检查当前用户是否已经登录。
<router-outlet></router-outlet>
import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{ username }}</h2>
      <button (click)="login()">Login</button>
      <button (click)="logout()">Logout</button>
      <router-outlet></router-outlet>
    </div>
  `,
})
export class AppComponent {
  constructor(private router: Router) {}

  ngOnInit() {
    if (!this.userIsLoggedIn()) {
      this.router.navigate(['/']);
    }
  }

  login() {
    // 这里是处理用户登录的方法
  }

  logout() {
    // 这里是处理用户注销的方法
  }

  userIsLoggedIn(): boolean {
    // 这里是检查用户是否登录的方法
  }
}
  1. 然后，在你的服务文件（如 app.service.ts）中，定义一个名为 UserService 的类，并在此类中添加一个名为 isUserLoggedIn 的方法，该方法用于返回一个布尔值，表示当前用户是否登录。
@Injectable()
export class UserService {
  isUserLoggedIn = false;

  setUserStatus(status: boolean) {
    this.isUserLoggedIn = status;
  }
}

// 在你的组件文件中使用 UserService 类
import { UserService } from './app.service';

export class AppComponent {
  constructor(private userService: UserService) {}

  ngOnInit() {
    this.userService.setUserStatus(this.userIsLoggedIn());
  }

  userIsLoggedIn() {
    return true; // 示例数据，实际需要根据实际情况进行判断
  }
}
  1. 最后，在你的模板文件（如 app.component.html 或 app.component.ts）中，将 ngOnInit 方法中的条件替换为 ngIf 标签，以便在用户登录时显示视图。
<router-outlet></router-outlet>

<div *ngIf="!userIsLoggedIn()">
  <!-- 用户未登录的内容 -->
</div>

<div *ngIf="userIsLoggedIn()">
  <!-- 用户已登录的内容 -->
</div>

这样，只有当用户已经登录时，才会显示对应的视图。

最新发布