donjan的博客

Docker部署Angular项目有两种方法，一种是服务端渲染，这个官方文档已有说明，另一种就是使用node镜像编译后放入web服务器。由于在node环境，所以使用express最为便捷了。 创建server.js const express = require('express'); const app = express(); const config = { root: __dir...

Angular的管道是处理数据到显示的逻辑，我们获取的用户的roles是json的数组，并不能直接展示，所以需要写一个管道展示用户所有的角色。 创建src/app/helpers/pipes.ts写一个自定义管道arrayToString /** * * @param value 传入值 * @param defaultStr 默认显示 * @param split ...

Angular的结构型指令的职责是 HTML 布局。 它们塑造或重塑 DOM 的结构，比如添加、移除或维护这些元素。说白了就是对网页的结构进行控制，NgIf，NgFor都是结构型指令。 创建src/app/helpers/directive.ts写一个结构指令appCan @Directive({ selector: '[appCan]' }) export class CanDirective ...

前后端分离的项目，大多都是无状态的，我们使用JSON Web Tokens进行身份验证，但是每次请求都手动添加token这种事情是不可能做的，因为懒，这里就要用到拦截器Interceptor 创建src/app/app-auth-interceptor.module.ts实现拦截器 在src/app/app-routing.module.ts导入 import { AuthInterceptor ...

我们后台TAB标签切换的时候需要保存原标签页的状态，当再次切换回来的时候仍然一致，这里就要用到路由复用策略保存快照。 抽象类RouteReuseStrategy在@angular/router包 abstract class RouteReuseStrategy { abstract shouldDetach(route: ActivatedRouteSnapshot): boolean ...

环境需求 Node.js 10.9.0 或更高版本 安装 Angular CLI npm install -g @angular/cli 创建项目 ng new la-manage # 接下来的选择，我都是默认 安装Ant Design UI cd la-manage ng add ng-zorro-antd 选项 ? Add icon assets [ Detail: https://ng...

ANG-ZORRO UI功能比较全面，也非常好上手，但按钮的样式太少了，想像Bootstrap那样多几个状态按钮。 打开src的theme.less 添加按钮样式： .ant-btn-warning{ color: rgba(0, 0, 0, 0.65); background-color:#fffbe6; border-color:#ffe58f } .ant-btn-info{ ...

GITHUB：https://github.com/donjan-deng/la-admin 环境需求 Node.js >= 10.9.0 PHP >= 7.2.0 BCMath PHP 拓展 Ctype PHP 拓展 JSON PHP 拓展 Mbstring PHP 拓展 OpenSSL PHP 拓展 PDO PHP 拓展 Tokenizer PHP 拓展 XML PHP 拓展 ...