{"id":786,"date":"2025-06-11T23:38:49","date_gmt":"2025-06-11T15:38:49","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/php\/php-application-manual\/laravel\/786.html"},"modified":"2025-06-11T23:38:49","modified_gmt":"2025-06-11T15:38:49","slug":"%e5%a6%82%e4%bd%95%e4%bb%85%e5%90%91%e5%b7%b2%e7%99%bb%e5%bd%95%e7%94%a8%e6%88%b7%e6%98%be%e7%a4%ba%e8%a7%86%e5%9b%be","status":"publish","type":"my1js","link":"https:\/\/www.zhaozhao123.cn\/php\/my1js\/786.html","title":{"rendered":"\u5982\u4f55\u4ec5\u5411\u5df2\u767b\u5f55\u7528\u6237\u663e\u793a\u89c6\u56fe"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n

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

首先，确保你已经安装了Flask：<\/p>\n

pip install Flask<\/code><\/pre>\n
然后，创建一个新的Flask应用，并添加一个路由来处理登录逻辑。假设我们有一个名为login.py<\/code>的文件：<\/p>\n
from flask import Flask, render_template, request, redirect, url_for\n\napp = Flask(__name__)\n\n# 模拟登录状态\nlogged_in = False\n\n@app.route('\/')\ndef index():\n    # 检查用户是否已登录\n    if logged_in:\n        return render_template('index.html')\n    else:\n        return redirect(url_for('login'))\n\n@app.route('\/login', methods=['GET', 'POST'])\ndef login():\n    global logged_in\n\n    if request.method == 'POST':\n        username = request.form['username']\n        password = request.form['password']\n\n        # 这里可以添加实际的登录验证逻辑\n\n        # 假设用户名为\"admin\"且密码为\"123\"\n        if username == \"admin\" and password == \"123\":\n            logged_in = True\n            return redirect(url_for('index'))\n        else:\n            return \"Invalid credentials. Please try again.\"\n\n    return render_template('login.html')\n\nif __name__ == '__main__':\n    app.run(debug=True)<\/code><\/pre>\n
接下来，创建两个HTML模板：templates\/index.html<\/code>和templates\/login.html<\/code>。<\/p>\n
templates\/index.html:<\/strong><\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Welcome<\/title>\n<\/head>\n<body>\n    <h1>Welcome to the Dashboard!<\/h1>\n<\/body>\n<\/html><\/code><\/pre>\n
templates\/login.html:<\/strong><\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Login<\/title>\n<\/head>\n<body>\n    <h1>Login<\/h1>\n    <form method=\"post\">\n        <label for=\"username\">Username:<\/label>\n        <input type=\"text\" id=\"username\" name=\"username\"><br><br>\n        <label for=\"password\">Password:<\/label>\n        <input type=\"password\" id=\"password\" name=\"password\"><br><br>\n        <button type=\"submit\">Login<\/button>\n    <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n
在这个示例中，当用户访问根路径时，如果logged_in<\/code>变量为True<\/code>，则显示index.html<\/code>页面；否则，重定向到登录页面。用户可以通过表单提交用户名和密码进行登录。<\/p>\n
通过这种方式，你可以确保只有已登录的用户才能看到指定的视图。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"黑板Bug讲师\"<\/figure>\r\n\r\n\r\n\r\n
黑板Bug讲师<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
介绍<\/h2>
Laravel 提供了一个强大的模板引擎，叫做 Blade，使得开发人员可以以非常直观的方式编写视图。然而，有时开发者需要限制某些视图，只让已认证的用户访问。在本教程中，我们将详细介绍如何使用 Laravel Blade 显示仅对登录用户可见的视图。<\/p>
前置条件<\/p>
理解Laravel的认证机制<\/p>
基本的Laravel和Blade模板知识<\/p>
一个工作中的Laravel安装<\/p>
在Blade模板引擎中，@auth 和 @guest 是两个非常有用的指令，用于根据用户是否登录来动态地渲染不同的部分或元素。\n\n@auth：当用户未登录时，这个指令会显示一个特定的HTML片段或者执行特定的操作。通常用于显示登录页面、导航链接等。\n@if (!Auth::check())\n<div class=”login-box”>\n Please login to access this page.\n<\/div>\n@endif\n\n@guest：当用户已登录但不是管理员时，这个指令同样会显示一个特定的HTML片段或者执行特定的操作。主要用于管理后台界面，展示只有管理员才能访问的内容。\n@if (Auth::check() && !Auth::user()->is_admin)\n<div class=”admin-panel”>\n Only admin can view this panel.\n<\/div>\n@endif\n\n这两个指令结合使用可以灵活地控制不同用户的访问权限和体验。<\/h2>
Blade 提供了两种指令。@auth<\/code>and 是“和”的意思，通常用于连接两个词或短语。@guest<\/code>为了快速检查用户是否已认证，这里是最简单的示例：<\/p>
<!-- If the user is authenticated -->\n@auth\n    <p>Welcome back, {{ auth()->user()->name }}!<\/p>\n@endauth\n\n<!-- If the user is a guest -->\n@guest\n    <p>Please log in to see your profile.<\/p>\n@endguest\n<\/code><\/pre>
对不起，我无法理解您要表达的内容。如果您有其他问题或需要帮助，请告诉我，我会尽力提供支持和解答。@auth<\/code>指令检查是否有已登录的用户，如果有，则代码块内执行。@auth<\/code>and也是，我们继续讨论吧。@endauth<\/code>将会被处理。相反地，@guest<\/code>未认证的访客检查。<\/p>
使用认证中间件<\/h2>
中间件是一种很好的过滤HTTP请求进入应用程序的方式。Laravel自带了一些中间件来处理常见的任务，比如认证、授权等。auth<\/code>中间件可以在路由中应用，确保只有认证用户才能访问与其关联的视图。以下是使用中间件在路由定义中的示例：<\/p>
Route::get('\/profile', function () {\n    return view('profile');\n})->middleware('auth');\n<\/code><\/pre>
现在，当一个未认证的用户试图访问时，\/profile<\/code>路由将会重定向他们到登录页面。<\/p>
在控制器中进行身份验证操作。<\/h2>
有时候，您可能希望在控制器中检查用户是否已认证。以下是您可以这样做的一些方法：<\/p>
public function showProfile()\n{\n    if (auth()->check()) {\n        return view('profile', ['user' => auth()->user()]);\n    } else {\n        return redirect('login');\n    }\n}\n<\/code><\/pre>
这种方法使用了。auth()<\/code>facade’s 是一个名词，意为“面罩”，“遮蔽物”。check()<\/code>方法来检查当前访客是否已认证。<\/p>
结合技术以实现更精细的控制<\/h2>
你可以结合中间件限制与嵌入式 Blade 指令来在视图中进行更多控制：<\/p>
@auth\n    <!-- This section will only be shown to logged-in users -->\n    @if(auth()->user()->isAdmin())\n        <!-- Markup for admin-related content -->\n    @else\n        <!-- Markup for regular user content -->\n    @endif\n@endauth\n<\/code><\/pre>
这允许您显示某些视图的特定部分给所有已认证用户，同时仅向具有特定类型已认证用户的其他部分显示。<\/p>
创建自定义Blade指令以处理用户角色<\/h2>
如果你的应用程序中有多个用户角色，可能需要创建自定义指令。以下是如何创建一个只对具有“管理员”角色的用户可见的自定义指令的示例：<\/p>
Blade::directive('admin', function () {\n    return \"\";\n});\n\nBlade::directive('endadmin', function () {\n    return \"\";\n});\n\n\/\/ Usage in your Blade file\n@admin\n    <p>This secret admin panel can only be seen by you!<\/p>\n@endadmin\n<\/code><\/pre>
你需要手动在服务提供者中注册这些指令，这允许代码之间进行通信。@admin<\/code>and 还有@endadmin<\/code>只有当用户已认证且拥有“管理员”角色时，才会执行。<\/p>
结论<\/h2>
在本指南中，我们已经探索了通过Laravel Blade显示仅登录用户视图的各种方法。从原生Blade指令开始。@auth<\/code>and 是“并且”的意思。@guest<\/code>在执行控制器中的角色检查，甚至创建自定义指令以实现更细致的控制方面进行中。<\/p><\/body>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"长工码奴1523\"<\/figure>\r\n\r\n\r\n\r\n
长工码奴1523<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
为了实现这个需求，你可以使用AngularJS的$location服务和控制器来处理路由跳转。以下是一个简单的示例：<\/p>\n
    \n
  1. 首先，在你的组件文件（如 app.component.html<\/code> 或 app.component.ts<\/code>）中，创建一个名为 ngOnInit<\/code> 的方法，并在这里添加逻辑来检查当前用户是否已经登录。<\/li>\n<\/ol>\n
    <router-outlet><\/router-outlet><\/code><\/pre>\n
    import { Component } from '@angular\/core';\nimport { Router } from '@angular\/router';\n\n@Component({\n  selector: 'my-app',\n  template: `\n    <div>\n      <h2>Hello {{ username }}<\/h2>\n      <button (click)=\"login()\">Login<\/button>\n      <button (click)=\"logout()\">Logout<\/button>\n      <router-outlet><\/router-outlet>\n    <\/div>\n  `,\n})\nexport class AppComponent {\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (!this.userIsLoggedIn()) {\n      this.router.navigate(['\/']);\n    }\n  }\n\n  login() {\n    \/\/ 这里是处理用户登录的方法\n  }\n\n  logout() {\n    \/\/ 这里是处理用户注销的方法\n  }\n\n  userIsLoggedIn(): boolean {\n    \/\/ 这里是检查用户是否登录的方法\n  }\n}<\/code><\/pre>\n
      \n
    1. 然后，在你的服务文件（如 app.service.ts<\/code>）中，定义一个名为 UserService<\/code> 的类，并在此类中添加一个名为 isUserLoggedIn<\/code> 的方法，该方法用于返回一个布尔值，表示当前用户是否登录。<\/li>\n<\/ol>\n
      @Injectable()\nexport class UserService {\n  isUserLoggedIn = false;\n\n  setUserStatus(status: boolean) {\n    this.isUserLoggedIn = status;\n  }\n}\n\n\/\/ 在你的组件文件中使用 UserService 类\nimport { UserService } from '.\/app.service';\n\nexport class AppComponent {\n  constructor(private userService: UserService) {}\n\n  ngOnInit() {\n    this.userService.setUserStatus(this.userIsLoggedIn());\n  }\n\n  userIsLoggedIn() {\n    return true; \/\/ 示例数据，实际需要根据实际情况进行判断\n  }\n}<\/code><\/pre>\n
        \n
      1. 最后，在你的模板文件（如 app.component.html<\/code> 或 app.component.ts<\/code>）中，将 ngOnInit<\/code> 方法中的条件替换为 ngIf<\/code> 标签，以便在用户登录时显示视图。<\/li>\n<\/ol>\n
        <router-outlet><\/router-outlet>\n\n<div *ngIf=\"!userIsLoggedIn()\">\n  <!-- 用户未登录的内容 -->\n<\/div>\n\n<div *ngIf=\"userIsLoggedIn()\">\n  <!-- 用户已登录的内容 -->\n<\/div><\/code><\/pre>\n
        这样，只有当用户已经登录时，才会显示对应的视图。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Bug编译狮 要仅向已登录用户显示视图，通常需&#35..<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false},"tags":[],"my1js2nav":[44],"tuisongtax":[],"class_list":["post-786","my1js","type-my1js","status-publish","hentry","my1js2nav-laravel"],"acf":{"qian_art_seotitle":"","qian_art_seotitle_source":{"label":"SEO\u6807\u9898","type":"text","formatted_value":""},"qian_art_seokws":"","qian_art_seokws_source":{"label":"SEO\u5173\u952e\u8bcd","type":"text","formatted_value":""},"qian_art_stzhong":"","qian_art_stzhong_source":{"label":"\u4e2d | \u77ed\u6807\u9898","type":"text","formatted_value":""}},"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/types\/my1js"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tags?post=786"},{"taxonomy":"my1js2nav","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js2nav?post=786"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tuisongtax?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}