如何在ngx-admin nebular中制作登录页面
在ngx-admin nebular中制作登录页面的步骤如下：
- 首先，确保你已经安装了ngx-admin nebular，并创建了一个新的ngx-admin nebular项目。
- 打开项目文件夹，进入
src/app/auth目录，这是ngx-admin nebular中用于认证和授权的文件夹。 - 在
auth文件夹中创建一个新的组件，命名为login，可以使用Angular CLI命令来生成组件：ng generate component auth/login。 - 打开
login.component.html文件，这是登录页面的HTML模板文件。在该文件中，你可以使用HTML和ngx-admin nebular提供的组件来构建登录页面的布局和样式。 - 在登录页面中，通常包含一个表单用于用户输入用户名和密码。你可以使用ngx-admin nebular提供的
nb-card、nb-card-body、nb-card-footer等组件来创建一个漂亮的登录表单。 - 在
login.component.ts文件中，你可以处理用户的登录逻辑。你可以使用Angular的表单模块来验证用户输入的用户名和密码，并与后端进行身份验证。 - 如果你需要在登录页面中使用一些额外的功能，比如社交媒体登录、验证码等，你可以在
login.component.html中添加相应的组件和逻辑。 - 最后，你可以在登录页面中添加一些样式和动画效果，以提升用户体验。你可以使用CSS或者ngx-admin nebular提供的主题样式来自定义登录页面的外观。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云认证服务（CAM）：用于管理和控制用户的访问权限，保护云资源的安全。了解更多：腾讯云认证服务（CAM）
- 腾讯云API网关：用于构建和管理API接口，提供安全、高性能的访问控制和流量管理。了解更多：腾讯云API网关
- 腾讯云CDN加速：用于加速静态资源的分发，提供全球覆盖的加速节点，提升网站的访问速度和用户体验。了解更多：腾讯云CDN加速
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
我一直在尝试让我的新登录页面组件在ngx-admin模板中全屏显示。每当我尝试显示登录组件时，它都会出现在带有侧面导航的模板中。我在pages模块中创建了这个登录组件。请帮我把它转换成全屏。 import { ExtraOptions, RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import {
NbAuthComponent,
NbLoginComponent,
NbLogou
浏览 12提问于2019-12-28得票数 0
假设我需要更改Nebular/NGX-admin组件的行为或CSS样式。我该怎么做？到目前为止，我所做的是直接在node_modules/@nebular中更改模块，但我不确定这是不是最佳实践。有解决办法吗？
浏览 10提问于2019-05-07得票数 0
我已经在Angular中创建了一个新项目，并安装了nebular。我不想使用ngx-Admin初学者工具包。但是，我是否可以在新项目中使用ngx-Admin初学者工具包中的所有组件，而不使用初学者工具包？
那么，有没有可能用一个看起来完全像ngx-Admin Starter Kit UI的星云库来构建100%的UI呢？
例如:我不能在我的新project.Simillarly中使用<ngx-sample-layout></ngx-sample-layout>，其他组件如(<ngx-ecommerce-charts></ngx-ecommerce-cha
浏览 3提问于2019-03-20得票数 1
我正在使用nebular (ngx-admin)，希望用户可以通过点击按钮来改变应用程序的方向。我在文档中只找到了setDirection()方法，但没有任何示例或如何使用它。
浏览 15提问于2020-03-15得票数 0
回答已采纳
我需要向ngx-admin nebular和angular 5中的路由选项卡集组件添加一个参数，如下所示：
tabs: any[] = [
{
title: 'My tab 1',
route: '/pages/projects/edit/tab1/:id',
}...
]
有办法做到这一点吗？
提前感谢
浏览 2提问于2018-02-15得票数 6
如何在ngx-admin/ GraphQL应用程序中通过Nebular进行身份验证？ 我发现可用的AuthStrategy类是有限的，并且没有直接的方法来改变它们的行为。最接近的是NbPasswordAuthStrategy，它做一个超文本传输协议请求，但是我还没有想出如何在GraphQL应用程序接口中使用它。
浏览 14提问于2019-02-01得票数 0
我使用的是星云ngx-admin模板。我在星云步进中遇到了一些问题。我在一个组件中使用了四个步骤。
我在组件文件中使用了Nebular的方法：
@ViewChild("stepper") stepper: NbStepperComponent;
this.stepper.next();
this.stepper.previous();
this.stepper.reset();
next()将导航到接下来的步骤。
previous()导航到前面的步骤。
reset()将导航到第一步并重置所有表单数据。
我如何从第四步导航到第二步？
浏览 8提问于2020-12-21得票数 2
回答已采纳
我开始使用ngx-admin模板，我想修改登录页面。不幸的是，我在项目中找不到登录组件。是否有任何方法可以访问登录组件
浏览 25提问于2020-05-05得票数 2
回答已采纳
1回答
我正在尝试使用ngx-admin auth组件，但我似乎不能使它工作。
我已经通过npm安装了nebular auth，并设置了我的app.module和app-routing.module
App.module
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/h
浏览 0提问于2019-10-02得票数 0
1回答
我正在使用ngx-admin，它熟悉Nebular主题。但是我想为它添加angular/material。我在这个项目中使用了lazyloading。我尝试通过npm i @angular-materials/ngx-admin命令安装相关材料。但它没有成功。我有一个名为profile的组件。
profile.component.html
<mat-card>
<mat-card-header>
<mat-toolbar class="toolbar">
<mat-card-title&g
浏览 1提问于2019-05-03得票数 1
回答已采纳
我在我的项目中使用，在后端我们只需要没有小时和分钟的日期，所以我们修剪了日期。但星云发送的日期格式为iso date。这就是问题所在。当我在服务器上输入像2021年7月23日这样的日期，我表单中的日期格式是2021-07-22T17:00:0000Z，我们得到的是2021-07-22而不是2021-07-23，所以我需要解决这个问题的方法吗？我可以在nebular中进行设置来禁用iso格式吗？ ps:我使用angular 11，来自ngx-admin的星云 前台Sc： ? 后台sc：(Dotnet C#) ?
浏览 89提问于2021-08-30得票数 0
我正在开发一个使用AngularJS 5的网站。我已经从互联网上下载了一个网页模板。它有一个登录页面。我想编辑该登录页面的UI。当我搜索登录组件时，它位于node_modules文件夹中一个名为@nebular的文件夹中。‘'src’文件夹不包含'login component‘，那么我如何编辑登录UI？
浏览 0提问于2018-08-19得票数 0
1回答
当在vs代码的终端上运行npm安装时，我会得到这个错误。我对错误做了一些研究，似乎正在安装的一些软件包有一些冲突。我怎么解决它是更新的问题吗？
gyp ERR! build error
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/home/abir_mabrouk/Desktop/My-University-master/my-univ-frontend/node_modules/node-gyp/lib/build.js:262:23)
g
浏览 7提问于2022-05-15得票数 0
我是Angular的初学者，我使用Nebular开发一个模板。我们的身份验证页面(登录)不在src文件夹中，而是在node_modules文件夹中，我想让登录页面在打开界面时首先出现，但我无法实现这一点。当我试图在src文件夹中生成一个新的登录组件时，我发现了许多我不理解的问题。
浏览 56提问于2019-03-08得票数 0
我无法设置星云步进器创建后的selectedIndex。当我点击按钮时，我从模板中看到变量被更新了，但是stepper没有改变。 我认为问题是步进器在一个模式中，所以我在StackBlitz ( example )上构建了一个MWE，但在这里它是有效的！也许问题是从http get JSON获取选项卡的内容。 我尝试使用setTimeOut、zone.run()、ChangeDetectorRef等。但选项卡从不更改(事件从未触发？)。如何以编程方式设置可见选项卡？ 根据我需要设置第二步或第三步的条件，一种解决方法是在需要时隐藏第二步，但在这种情况下，问题是nbStepperNext不考虑步
浏览 17提问于2020-11-06得票数 0
我是在显示我自己的登录页组件在星云ngx管理项目。，它总是重定向到主页page..if有人已经包括了任何登录页面请我做的步骤，你创建自己的组件和如何包括在ngx管理没有使用nebular模块...我已经重定向的路径也在app.routing.module，但它仍然是ngx管理主页，无法显示登录page..If我评论我的首页重定向在应用程序路由模块旋转器是保持加载。提前感谢
浏览 29提问于2019-02-02得票数 1
我使用的是ngx-admin的最新版本，我已经这样修改了我的app.module.ts：
NbAuthModule.forRoot({
strategies: [
NbPasswordAuthStrategy.setup({
name: 'email',
baseEndpoint: 'https://localhost:5001',
token: {
class: NbAuthJWTToken,
key: 'token'
},
lo
浏览 15提问于2021-05-25得票数 0
1回答
我有一个新生成的angular 10项目。我从akveo添加了Angular星云主题，但是angular不能识别这些主题。 我从akveos页面复制了一个卡片的代码示例，但它只显示为文本。我没有得到任何错误或任何东西。 这是我在opnion中的代码，我在正确的地方添加了我需要的所有东西，但也许我错了。如果有人能看一下就好了。 Angular.json： ],
"styles": [
"apps/moniesta-admin/src/styles.scss",
"node_
浏览 16提问于2020-10-23得票数 0
1回答
我想如何在我创建的新页面中添加<nb-card-body>中的mapbox？ 我已经添加了html简单的mapbox，但在我的mapsla页面上没有显示任何内容... 我添加mapbox的组件是mapsla，这个项目基于ngx-admin starter-kit mapsla.module.ts mapsla.component.ts mapsla.component.html Project structure screen shot Error in ngx-admin web browser , map not show
浏览 5提问于2019-02-28得票数 0
回答已采纳
1回答
我尝试在我的ngx-admin project.When中包含登录，我尝试导航到pages/auth/ NbLoginComponent，auth/login或者/login抛出的页面，而不是found.Here is app-routing.module.ts。 {
path: '',
loadChildren: () => import('./pages/pages.module')
.then(m => m.PagesModule),
},
{
path: 'auth',
浏览 5提问于2020-03-17得票数 0
我的nebular面板版本5.0.0使用了角9，并且工作得很好，我升级到了6.0.0版本，它使用了角10 (通过升级package.json中的版本)，现在在dev服务器上，一切都工作得很好，但是在部署到生产服务器( apache )之后，我在使用HttpClient调用一个简单的get请求时出错。
TypeError: Object(...) is not a function
at t.intercept (main-es2015.e7f064813bf8e3e8865e.js:1)
at E.handle (main-es2015.e7f064813bf8e3e8865e
浏览 6提问于2020-12-11得票数 1
回答已采纳
1回答
我们正在尝试在我们的新的angular项目中集成nebular/auth(已经添加了nebular/主题)来实现配置Google Oauth2。HttpClientModule也是在AppModule的imports数组中配置的。 在实现配置谷歌Oauth2身份验证机制的新语言(Angualar 8.2.9)中集成new /auth模块时出现上述错误。 AppModule.ts import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/co
浏览 19提问于2019-10-09得票数 1
import { Component, OnInit } from '@angular/core';
import { ADMIN_MENUS } from '../pages/pages-menu';
import { AuthService } from './auth/auth.service';
@Component({
selector: 'ngx-admin',
templateUrl: './admin.component.html',
styleUrls: ['./admin.
浏览 24提问于2020-05-10得票数 0
1回答
我想知道是否有我能够自定义一个Nebular 的scss/html模板。我发现您可以使用Nebular 自定义一些scss，但是我需要更改没有主题变量的东西，比如步骤头(已完成的步骤图标，数字外观)。和步进连接器(外观，尺寸。等等)。
我对角/星云组件有点陌生，所以我不知道如何自定义预先制作的组件的scss/html模板，有人能帮我吗？
浏览 14提问于2022-01-19得票数 0
回答已采纳
我需要在带有ngx-admin主题的自定义组件上使用angular ReactiveFormsModule，但我在编译错误时遇到了问题：“无法绑定到'formGroup‘，因为它不是’form‘的已知属性”，在VisualStudioCode上没有错误报告。
我在我的模块上添加了"import { FormsModule，ReactiveFormsModule } from '@angular/forms';“，在pages.module.ts和app.module.ts上也没有成功，编译时总是出现这个错误。
如果我尝试在ngx-admin的注册页面上添加反应式
浏览 20提问于2020-05-29得票数 1
我正在自定义ngx-admin模板，我试图在应用程序模块中添加新模块。并将其路由添加到app-routing.module.ts中。但是当我试着打开它的时候它不工作了。它在装货时卡住了。控制台中也没有错误。所以我不明白问题出在哪里。 我已将此SignModule添加到页面外部，而不是页面内部 app-routing.module.ts import { ExtraOptions, RouterModule, Routes } from "@angular/router";
import { NgModule } from "@angular/core";
im
浏览 33提问于2020-04-07得票数 2
回答已采纳
我正在使用ngx-admin-module，，并试图创建额外的测试页面与智能表在它。此测试页的链接将显示在电子商务和物联网仪表板下方。我还修改了pages-menu.ts、pages-routing.module.ts和pages.module.ts以引用新的测试页面。
我的test.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'test-card',
templateUrl: './test.component.html'
浏览 10提问于2021-01-25得票数 0
我是angular 5的新手。我知道非常基本的管理员，请帮助我解决这个问题。我已经从下载了ngx- routing.So，现在我想为它制作登录页面，当用户点击url.I时，登录页面将首先出现。我尝试过这个，但它不起作用，这是应用路由。模块
import { ExtraOptions, RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import {
NbAuthComponent,
NbLoginC
浏览 5提问于2018-02-02得票数 5
我是Angular的新手，我开始用springboot制作web应用程序，并下载了一个使用angular和typescript的仪表板模板(ngx-admin)。我的问题是，当我启动我的when服务器并转到url时，它只给出一个加载页面，而不加载在app.component.ts中设计的ngx-app
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license informat
浏览 1提问于2018-01-20得票数 0
我试图在我的项目中使用星云组件，比如登录页面、卡片等等，但是由于某种原因，登录页面看起来有点奇怪，甚至我还没有修改登录页面的html或css。
这是我的应用模块：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { FormsModule } from
浏览 0提问于2019-05-22得票数 0
回答已采纳
1回答
我使用Nebular创建登录表单。但星云的形式是使用电子邮件验证。我想禁用电子邮件验证，因为我的网站使用username。
浏览 7提问于2020-01-21得票数 5
回答已采纳
我正在使用ngx-admin主题来创建一个自定义登录(ngx-admin使用nebular组件来生成一个登录页面，请查看文档)，下面是设置身份验证策略的代码
...NbAuthModule.forRoot({
strategies: [
NbPasswordAuthStrategy.setup({
name: 'email',
baseEndpoint: 'http://localhost:57700',
login: {
endpoint: '/token&#
浏览 3提问于2019-02-07得票数 0
所以，我想在我的项目上实现动态表单，即使用ngx (Nebular)，但是我一直得到'dynamic-bootstrap-form' is not a known element，即使它是在vendor.bundle.js上打包的.我尝试了两个角度5和4版本，看看是否有什么问题，因为我不知道是什么，我来这里寻求帮助。
一些相关档案：
app.module.ts
import {APP_BASE_HREF} from '@angular/common';
import {BrowserModule} from '@angular/platform-brow
浏览 1提问于2017-12-20得票数 2
https://akveo.github.io/nebular/docs/components/select/overview#nbselectcomponent 在加载页面时，是否可以预选一个值？
浏览 60提问于2019-05-15得票数 1
我正在使用ngx-admin自定义登录。使用API成功登录后，控制将重定向到仪表板，但NbAuthJWTToken未定义。当我刷新页面时，页面在没有重新加载页面的情况下显示错误。我该如何解决这个问题呢？请帮帮我。NbAuthJWTToken Undefined Error on refreshing page password-strategy-options.ts auth/strategy/password/ token?: NbPasswordStrategyToken = {
class: NbAuthJWTToken,
//class: NbAuthSimpleTo
浏览 26提问于2019-05-27得票数 0
回答已采纳
我有一个网站，它是分为一个正常的网页，可以访问的用户和另一个网页，它只能访问管理员(也就是)。
因此，为了阻止用户访问管理仪表板，我设置了一个auth保护程序，它将用户重定向到登录页面，如果他们有错误的凭据，它会将他们重定向到网站的主页，但由于某种原因，每当我试图访问主页或其他任何东西时，我总是会重定向登录页面。
这是我的应用程序路由模块：
import { ExtraOptions, RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
浏览 0提问于2019-05-14得票数 0
回答已采纳
在ngx-admin中，有 style.background-image 属性， 哪个库解析此样式。背景-图像？ <div class="cover" style.background-image="url('{{track.cover}}')"></div> https://github.com/akveo/ngx-admin/blob/5e44070239e3b133aeb97b57bd59d04867ee1eb3/src/app/pages/dashboard/rooms/player/player.comp
浏览 85提问于2021-10-04得票数 0
回答已采纳
1回答
我按照创建了一个星云页面，但是它会引发多个错误，如下所示：
01: 'nb-sidebar' is not a known element:
1. If 'nb-sidebar' is an Angular component, then verify that it is part of this module.
2. If 'nb-sidebar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas
浏览 2提问于2020-10-08得票数 1
回答已采纳
我一直在使用Nebular的NbAuthModule和NbDummyAuthStrategy构建一个界面。我发现在使用NbPasswordAuthStrategy时，您可以很容易地在成功登录时设置重定向，但是当使用NbDummyAuthStrategy时，它不接受“成功”登录时的重定向。在这方面，星云文档中似乎没有任何帮助。 使用NbDummyAuthStrategy时，有没有办法在登录后重定向？ NbDummyAuthStrategy.setup({
name: "dummy",
alwaysFail: false,
token: {
浏览 26提问于2020-10-14得票数 0
如果您尝试加载Nebular页面，然后出现此错误，该怎么办？ Error: Default pack is not registered.
浏览 20提问于2020-12-28得票数 2
如果我按照安装过程在styles.scss中包含以下注释代码(即//@import‘~@nebular/auth/ error.How /all’；和//@include nb global()；)，我将得到以下要解决的error.How
@import 'themes';
@import '~@nebular/theme/styles/globals';
**//@import '~@nebular/auth/styles/all';**
@include nb-install() {
@include nb-the
浏览 0提问于2019-02-20得票数 0
1回答
不能用水瓶加载静态文件
、、、
我对棱镜和酒瓶都是新手，这个问题有点尴尬。
因此，我已经完成了ngx-管理安装的所有步骤，如。npm运行构建脚本将所有内容编译到同一个文件夹中，因此目录结构如下所示：
/flask-test
server.py
/ngx-admin
/dist - all built files
/src
/node_modules
现在我试着把所有的东西连接到服务器上。
from flask import Flask, render_template
app = Flask(__name__,static_folder="./ng
浏览 2提问于2018-05-09得票数 1
1回答
我开始制作我自己的自定义主题，如果用户没有登录，我想在我的主题中添加登录页面；然后在首页上显示块登录。
如何在Drupal 7中呈现登录块？
浏览 0提问于2017-07-21得票数 -1
回答已采纳
1回答
我正在尝试创建一个带有角度7和星云的网络应用程序。
因此，我使用原理图来安装Nebular：ng add @nebular/theme
因此，我的node_modules中确实包含了星云图标，并将其作为依赖项包含在package.json中：
"dependencies": {
...
"nebular-icons": "^1.1.0",
...
},
我还试图在angular.json中的样式中添加星云图标：
"styles": [
"src/styles.scss",
浏览 1提问于2019-03-26得票数 1
我正在用JSP编程一个网站。有一些页面用户必须登录才能看到它。如果他们没有登录，他们应该会看到一个登录表单。我在一段php代码中看到，你可以制作一个.jsp页面(单个文件)，无论用户是否登录，都可以进行检查。如果不是，它将显示登录表单。如果用户已登录，则不会执行任何操作。所以为了做到这一点，我在JSP中使用了这个结构：
标题、菜单等...正常的东西，将显示，如正文，页脚登录的用户。
这种结构很容易应用于所有网页。这样我就不必对每个网页都应用检查算法了！我只需添加这个"“，页面就安全了！
所以我的问题是，如果用户没有登录，那么应该只显示登录表单和页脚。所以代码应该绕过body。因此，我的
浏览 1提问于2012-06-30得票数 1
回答已采纳
我正在尝试将基于ngx admin的项目从angular 8升级到9。我遵循angular.io指南，也遵循指南建议的步骤： "If you are a library author and you had a method returning ModuleWithProviders (typically via a method named forRoot()), you will need to specify the generic type. Learn more angular.io" 然后，我将所有nebular组件升级到版本5.0.0。然后我升级ng2-smar
浏览 82提问于2020-03-28得票数 1
当我的鼠标离开焦点输入时，我正在尝试更改图标的颜色。https://prnt.sc/s6atkb <nb-form-field>
<nb-icon nbPrefix icon="search-outline"></nb-icon>
<input type="text" fieldSize="medium" nbInput>
</nb-form-field> 在Input Nebular文档中，我没有发现任何关于NbSuffix/NbPrefix的内容。 谢谢你的帮助
浏览 18提问于2020-04-27得票数 0
4回答
我使用ng new设置了一个项目，然后按照说明将nebular添加到现有的应用程序中。我默认使用的是宇宙。这产生了以下文件。因此，当我在NbThemeModule.forRoot()中将主题设置为cosmic或default时，它可以工作，但'corporate‘不行。由此产生的屏幕在顶部被全部粉碎在一起。 谁能告诉我，我需要做些什么才能让“公司”正常运作？如果你知道任何关于nebular主题的好的教程，那将是很好的。我完全不知所措。 app.module.ts： import { BrowserModule } from '@angular/platform-bro
浏览 38提问于2019-02-18得票数 2
我们正在制作一个基于学生记录的项目，我们想要创建一个登录页面，但我们不知道如何在html中创建会话。
我们已经尝试使用表单登录页面，然后将该页面定向到下一页，现在我们希望在我们的项目中实现会话。
任何帮助都应该是有帮助的
浏览 2提问于2017-07-03得票数 0
我没有为我的主页制作静态页面。我在我的主页上使用了“最新帖子选项”。现在，当我输入URL打开我的网站时，它会将我带到‘最新帖子’页面，因为它是我的主页。在此过程中，我决定创建一个登录页面，并在输入URL时显示登录页面。但是我想不出一种方法来首先显示登录页面而不是主页。例如localhost/wptest打开我的主页，localhost/wptest/Land打开我的登录页面，在登录页面上有指向主页的链接，这将我带到localhost/wptest。我对此还不熟悉。帮助!
浏览 1提问于2021-03-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
