CoreUI


CoreUI是一个集成bootstrap样式的UI样式框架,现在已经支持angular9版本了,现在简单在angular应用中使用以下。

下载

通过git下载或者直接下载zip文件到本地

解压安装

我下载zip文件,解压后,按照说明进行安装依赖

使用

基本结构是这样的

containers:这里放了布局模板信息,配置了app-header和main主体信息
views:里面放置了各种模板信息
_nav.ts中放置了要显示的侧边栏的内容

启动


可以正常运行

增加点东西

增加一个用户列表和新增用户模块功能

我把这两个组件放在base下,所以没有新增模块

测试

总结

coreui还是非常好用的,制造表单什么的很快,也比较好看。

angular应用coreui框架相关推荐

  1. [Angular]——快速创建框架模板

    Angular搭建模板框架 前言:网络不好,可以使用国内淘宝镜像.本模板的脚手架使用Ng Alain,本地环境需要安装 node 和 git.技术栈基于 Typescript.Angular.g2.@ ...

  2. Vue、React、Angular最佳UI框架

    摘要: 今天我们不聊技术,只"以貌取人". 刚入门的小伙伴问我(上面是我的自拍照),现在前端Vue.React.Angular这三个框架似乎都很好,反而不知道选择什么了,我当时开玩 ...

  3. GitHub上9款美观大气的后台管理系统,基于但不限于vue、react、Angular、Bootstrap框架

    文章目录 1. vue-element-admin 2. D2Admin 3. Vue-admin-better 4. AdminLTE 5. Ant Desiong Pro 6. Tabler 7. ...

  4. 测试:abstract class不允许出现在Angular依赖注入框架的providers区域内

    测试用的service类: import { Injectable } from '@angular/core';@Injectable({providedIn: 'root',}) export a ...

  5. angular ng zorro框架日期框无法自适应宽度的解决方法

    如果我们使用ng zorro框架的日期框时,就会发现,日期框的宽度总是固定的,无法像输入框一样自适应父节点<nz-form-control [nzSpan]="12"> ...

  6. 使用angular vue react框架做过那些类型的项目?项目有多大?遇到过那些棘手的bug?

    angular现在市场小,没有用它做过大型项目 ,我现在主要用vue.react来做开发.做过电商.在线教育等移动端web和app. 棘手的Bug:做微信分享时与后台对接签名的问题,用vue做webs ...

  7. Angular jasmine单元测试框架fixture.detectChanges的实现原理

    源代码: fixture的类型是component-fixture,里面会调用_tick方法: 具体执行的detectChange逻辑,取决于Change Detect reference: Root ...

  8. Angular jasmine单元测试框架TestBed.createComponent的实现原理

    单元测试代码里的createComponent,是通过TestBedRender实现的: TestBedRenderer3: 获得注入的TestComponentRenderer: const res ...

  9. Angular jasmine单元测试框架里使用it函数定义single spec

    it函数接收两个参数,描述信息和包含了待测试的单元测试代码的函数: /*** Define a single spec. A spec should contain one or more {@lin ...

  10. Angular jasmine单元测试框架里describe的实现原理

    源代码:describe函数传入的两个参数:描述信息和箭头函数: 从注释能看出,describe函数的语义:Create a group of specs (often called a suite) ...

最新文章

  1. 10款在线格式转化应用
  2. python中的time库安装步骤-Python中time模块的使用
  3. JavaScript open() 函数
  4. Kafka分区分配策略(4)——分配的实施
  5. synchronized 与 ReentrantLock
  6. C算法--入门 2.3
  7. 在CodeBlocks下配置GoogleTest单元测试框架
  8. (50)IO的延迟约束(输入延迟约束)
  9. 【Spring】Could not commit JPA transaction RollbackException: Transaction marked as rollbackOnly
  10. render java_render 实现v-model
  11. Hibernate-注解-实体类
  12. 微云笔记控制脚本实例:远程控制脚本开关
  13. 内存泄露分析 - 收藏集 - 掘金
  14. DDOS---低轨道离子炮具体使用
  15. Java实现微信公众号授权登录
  16. uniapp开发微信小程序教程(一)
  17. retina屏下的1px线的实现
  18. eclipse Strut2环境搭建
  19. Embedded Browser WindowsPC内嵌网页
  20. MySQL性能优化(三)Buffer Pool实现原理

热门文章

  1. UML用例图怎么画 有手就会
  2. 微信小程序地图polygons自己标点,三个点以上连成面
  3. 工程结算的23个问题及技巧
  4. python5个标准库,列出5个python标准库
  5. 链表在java中的应用_Java链表
  6. 盘点下半年EI国际会议,值得收藏!
  7. 最大流最小割经典例题_图割-最大流最小切割的最直白解读
  8. 在html中使用rect函数,HTML canvas rect()用法及代码示例
  9. 传智播客黑马程序员28期JavaEE基础及就业班视频教程
  10. 第二章 西门子数控机床采集方案