Angular8 + ng.ant.design 开箱即用

最新推荐文章于 2024-04-23 18:23:10 发布
置顶 VIP文章 最新推荐文章于 2024-04-23 18:23:10 发布
阅读量3.4k 收藏 7
点赞数
分类专栏： angular 文章标签： angular8 前端 多页面 angular路由复用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/badgirl_hong/article/details/100704126
版权

> 【fc-angular】基于angular8的多页面后台管理系统
# 一、简介
## 1、源码地址
- 【源码地址】[https://github.com/FE-free/fc-angular](https://github.com/FE-free/fc-angular)
## 2、在线预览
- 【在线预览】[https://FE-free.github.io/fc-angular/demo/index.html](https://FE-free.github.io/fc-angular/demo/index.html)
## 3、项目介绍

- 基于 angularV8，ng.ant.design V8.0.1开发的后台管理系统

> 预览效果图
- 首页

- 路由复用策略，切换路由保留用户操作状态

# 二、平台功能开发进度

- [x] 登录
- [x] 首页
- [x] la

最低0.47元/天 解锁文章
真由理
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Angular 4入门教程系列：15：NG-ZORRO的使用方式
知行合一 止于至善
11-14 3万+
这篇文章介绍一下Angular的优秀国内UI组件库NG-ZORRO，并演示一下如何使引入NG-ZORRO到项目之中。Why NG-ZORRONG-ZORRO由阿里计算平台事业部、阿里云等不同部门的开发人员在原业务组件的基础上构建而成，于2017/8/15在github上发布了第一个对外的版本0.5.0-rc.0，版本更新很快，三个月已经接近有12次更新之多，基本周发布的快速迭代，目前最新版本为0.6
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 250
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
基于angular8AntDesign搭建的多页面后台管理系统
08-10
Fast development platform based on angular8, ng.ant.design built multi-tab page background management system (continuous upgrade) ^_^
ng-ant-admin：ng11版本ant-design
02-14
局部严格模式 可以通过在应用程序的打字稿配置文件tsconfig.json中设置strictTemplates：虚假完全来禁用严格检查 路由的键 key需要设置成路由地址最后一个'/'后的字符串，并且要唯一 const routes : Routes = [ { path : '' , data : { key : 'login' , shouldDetach : 'no' } , component : LoginFormComponent } ] ; 模块不需要预加载 export const routes : Routes = [ { path : 'contact' , loadChildren : import ( ( ) => './contact/contact.module' ) . then ( m => m . ContactModule ) ,
ant design动态合并行单元格
RuiKe的博客
02-28 6650
const detailColumn = [ { title: '报表名', dataIndex: 'aa', className: 'center', width: '20%', render: (text, record) => { const obj = { ...
对Angular的onPush,markForCheck()等变化检测方法说明和试用
漫步者的编程世界
11-22 2725
在使用Angular开发过程中，经常遇到组件数据不刷新的问题，要解决这类问题需要对Angular的数据变化检测机制有一个大致的了解。 在一般情况下，Angular组件的默认变化检测策略(Change Detection Strategy)默认为总是检测。如有一计时子组件 import { Component, OnInit } from "@angular/core"; @Component({ selector: "app-timer", template: ` <div>C
Angular--UI框架Antd组件库介绍&安装&使用
天行健 君子以自强不息，地势坤 君子以厚德载物。
04-15 7003
1. Angular–UI框架Antd组件库介绍&安装&使用 1.1 介绍: ng-zorro-antd是 Ant Design 的 Angular 实现，主要用于研发企业级后台产品，Ant Design是蚂蚁金服 Ant Design团队开发的一款优秀的前端框UI库架支持React、Angular、Vue。 Ant Design 官网 1.2 Angular U框架Ng-Zorro安装使用 1.2.1创建项目安装 ng-zorro-antd 提示：安装前建议安装最新版本的 yarn
angular实现多个div的展开和折叠
weixin_30906185的博客
09-22 700
代码： <body ng-app="app"> <ul ng-controller="myCtrl" style="list-style:none;"> <li ng-repeat="li in list track by $index" style="margin:5px;"> <di...
angular实战（1）
u011747152的博客
12-06 1186
angular折叠面板的使用 <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null"> <nz-collapseset> <nz-collapse *ngFor="let panel of panels" [nzTitle]="panel.title" [nzActive]="panel.
https://ng.ant.design/组件的坑
weixin_44817180的博客
08-27 404
1.table 1.1 如果不给table的th加nzWidth，放大缩小浏览器窗口时，列的宽度回不到原始的样式，会保留放大时的px。 解决办法：在th中加nzWidth的百分比形式。 <th nzWidth="25%"> 2.2 虚拟滚动： 2.2.1.滚动到最下边时，有可能加载不到最后几条的数据（未解决） 2.2.2. 滚动到指定行，在IE中会报错scrollTo未定义。滚动到最后一条数据时，数据显示一半，滚动条没有达到最低端。 2.select 其中的select 多选时在IE中会报错
Angular 学习笔记 —— 路由、模块、Ant Design
Lyrelion的博客
10-09 748
1.路由 1.1 app-routing.module.ts 配置路由 // 引入组件 import { HomeComponent } from './home/home.component'; import { NewsComponent } from './news/news.component'; import { NewscontentComponent } from './newscontent/newscontent.component'; // 配置路由（路径对应的组件） cons.
ng8-ant：使用Angular8 + ant.design内置一个布局管理系统
02-09
使用angular8 + ng-zorro-antd构建一个后台管理系统，主要页面显示 1，本项目中使用到的初始接口 2，登录页面 3，用户中心 4，给角色分配权限
angular2+node.js express打包部署的实战
11-30
Angular2我自己还在摸索学习中，本文介绍了angular2+node.js express打包部署的实战，分享给大家，也给自己留个笔记 angular是客户端js,Node.js 是服务端JS,建立SPA 网站需要把这两者统一到一起。 1、angular2项目...
angular.js+node.js实现下载图片处理详解
12-10
不指定完整路径，然后发送get给server让server自己去拼接路径，然后用express的res.download来做下载： Express: var filePath = path.join(savePath, file[0].name); console.log('Download file: ' + filePath);...
angular2+node.js express打包部署的实战.docx
01-13
angular2+node.js express打包部署的实战.docx
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 581
官网代码（在取消选中状态的时候不生效）
SpringBoot项目打包分离高阶操作
Record Little
04-23 548
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
webman 事务回滚失效问题记录
juan9872的博客
04-21 642
webman是一款基于workerman开发的高性能HTTP服务框架。webman用于替代传统的php-fpm架构，提供超高性能可扩展的HTTP服务。你可以用webman开发网站，也可以开发HTTP接口或者微服务。除此之外，webman还支持自定义进程，可以做workerman能做的任何事情，例如websocket服务、物联网、游戏、TCP服务、UDP服务、unix socket服务等等。
前端实现将二进制文件流，并下载为excel文件
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
04-23 425
介绍了前端如何实现将二进制文件流解析并下载为excel文件，以及解决容易遇到的问题。
在angular中使用window.addEventListener('load'方法
11-11
在Angular中使用window.addEventListener('load'方法可以在页面加载完成后执行一些操作。可以在组件的ngOnInit()方法中使用该方法。具体实现如下： ```typescript import { Component, OnInit } from '@angular/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值