自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

后台模板

一个专门分享后台管理系统模板界面的博客!

  • 博客(44)
  • 收藏
  • 关注

原创 国外最流行的Bootstrap后台管理模板

工欲善其事,必先利其器 对于从事软件开发的您也一样,有一套熟悉的bootstrap后台ui框架让您的开发速度大幅度提升这是本人经常使用到的一些bootstrap后台框架推荐给大家第一名inspinia bootstrap 演示地址 http://cn.inspinia.cn效果图 http://cn.inspinia.cnhttp://cn.inspinia.cn第二名...

2018-08-10 14:46:15 77660 1

原创 推荐几个bootstrap 后端UI框架

工欲善其事,必先利其器 对于从事软件开发的您也一样,有一套熟悉的bootstrap后台ui框架,bootstrap 后端模板让您的开发速度大幅度提升这是本人经常使用到的一些bootstrap后台框架推荐给大家第一名inspinia bootstrap 后端模板 演示地址 http://cn.inspinia.cn效果图cn.inspinia.cn第二名nifty ...

2018-08-10 14:43:43 72543

原创 bootstrap 后端模板_bootstrap 后台框架主题下载

这是本人经常使用到的一些bootstrap 后端模板第一名inspinia bootstrap 演示地址 http://cn.inspinia.cn效果图cn.inspinia.cn第二名nifty admin 演示地址 http://www.niftyadmin.cn效果图www.niftyadmin.cn第三名smartadmin 演示地址 h...

2018-08-10 14:37:34 4370

转载 面试总被问分库分表怎么办?这些知识点你要懂

转载:面试总被问分库分表怎么办?这些知识点你要懂引言微服务、分布式大行其道的当下,中、高级Java工程师面试题中高并发、大数据量、分库分表等已经成了面试的高频词汇,这些知识不了解面试通过率不会太高。你可以不会用,但你不能不知道,就是这么一种现状。技术名词大多晦涩难懂,不要死记硬背理解最重要,当你捅破那层窗户纸,发现其实它也就那么回事。一、为什么要分库分表关系型数据库以MySQL为例,单机的存储能力、连接数是有限的,它自身就很容易会成为系统的瓶颈。当单表数据量...

2021-05-30 14:12:27 132

转载 epoll详解

http://www.dtcms.cn/news/show-14253.html

2021-05-30 14:11:56 232

转载 Java 集合深入理解 (十二) :HashMap之扩容 功能

Java 集合深入理解 (十一) :哈希表之HashMap原理前言上一篇我做了哈希表之HashMap原理的分析包括,整个属性 及构造方法 put方法的整体分析,也有了个大概,这篇文章进一步解析 扩容 红黑树转换 删除的原理分析hashmap中扩容方法(resize())扩容调用的时间段put方法中 初始化hashmap size大于所设置threshold(阈值) 以及红黑叔转换时,数组长度小于最小容量 以及jdk1.8后提供的computeIfAbsent 和putIfA...

2021-05-30 14:11:14 248

转载 Mysql系列 二 锁和事务隔离级别

什么事锁 锁是计算机协调多个进程或线程并发访问某一资源的机制。 在数据库中,除了传统的计算资源(如CPU、RAM、I/O等)的争用以外,数据也是一种供需要用户共享的资源。如何保证数据并发访问的一致性、有效性是所有数据库必须解决的一个问题,锁冲突也是影响数据库并发访问性能的一个重要因素。锁分类从性能上分为乐观锁(用版本对比来实现)和悲观锁 从对数据库操作的类型分,分为读锁和写锁(都属于悲观锁) 读锁(共享锁):针对同一份数据,多个读操作可以同时进行而不会...

2021-05-30 14:10:19 82

转载 angular 创建最简单的输入框Form

转载自 http://www.ngui.cc/news/show-138.htmlAngular Forms 简介Angular 4 中有两种表单:Template Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )Reactive Forms - 响应式表单本文主要介绍 Template Dri

2018-02-05 08:50:23 626

转载 angular 表单条件添加简单的验证功能

转载自 http://www.ngui.cc/news/show-139.html如何为表单控件添加验证功能?目前 Angular 支持的内建 validators 如下:required - 设置表单控件值是非空的email - 设置表单控件值的格式是 emailminlength - 设置表单控件值的最小长度maxlength

2018-02-05 08:50:18 674

转载 angular 表单校验显示验证失败的错误信息

转载自 http://www.ngui.cc/news/show-140.html如何显示验证失败的错误信息?在 Angular 中,我们可以通过 #userName="ngModel" 方式获取 ngModel 对象,然后通过该对象的 errors 属性,来获取对应验证规则 (如 required, minlength 等) 的验证状态。import { Comp

2018-02-05 08:50:13 3069

转载 创建 angular 表单

转载自  http://www.ngui.cc/news/show-141.html如何使用表单?在 Angular 中,我们可以使用熟悉的  标签来创建表单。import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <input

2018-02-05 08:50:05 215

转载 angular ngModelGroup 讲解

转载自  http://www.ngui.cc/news/show-142.htmlngModelGroup 有什么作用?ngModelGroup 指令是 Angular 表单中提供的另一特殊指令,可以对表单输入内容进行分组,方便我们在语义上区分不同性质的输入。例如联系人的信息包括姓名及住址,现在需对姓名和住址进行精细化信息收集,姓名可精细化成姓和名字,地址可精细化成城市、区、街等

2018-02-05 08:50:00 1032

转载 angular 表单添加验证状态样式

转载自 http://www.ngui.cc/news/show-143.html如何为表单添加验证状态样式信息?在 Angular 表单中,若验证通过则会在表单控件上添加 ng-valid 类,若验证失败则会在表单控件上添加 ng-invalid 类。import { Component } from '@angular/core'; @Compo

2018-02-05 08:49:55 968

转载 angular 4.0 表单控件的状态

转载自 http://www.ngui.cc/news/show-144.html表单控件除了 valid 状态外,还包含哪些状态?在 Angular 中表单控件有以下 6 种状态,我们可以通过 #userName="ngModel" 方式获取 ngModel 对象,进而获取控件的状态信息。具体状态如下:valid - 表单控件有效invalid - 表

2018-02-04 11:37:07 385

转载 angular 单选控件 radio的使用

如何添加单选控件?在 Angular 中,我们通过  方式添加单选控件。import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` Angular版本: <input [attr.id]

2018-02-04 11:36:33 2468

转载 angular 多选控件 select

转载自 http://www.ngui.cc/news/show-146.html如何添加多选控件?在 Angular 中,我们通过  方式添加多选控件。import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` Angu

2018-02-04 11:36:28 2431

转载 创建 angular 指令

转载自 http://www.ngui.cc/news/show-126.html在 Angular 中,我们可以使用 HostBinding 装饰器,实现元素的属性绑定。指令的作用该指令用于演示如何利用 HostBinding 装饰器,设置元素的 innerText 属性。指令的实现import { Directive, HostBinding}

2018-02-04 11:36:24 174

转载 angular 4.0 定义输入属性

转载自 http://www.ngui.cc/news/show-127.html为了能够让用户自定义 GreetDirective 指令的问候内容,我们需要使用 Input 装饰器去定义指令的输入属性。指令的作用该指令用于演示如何利用 Input 装饰器,定义指令的输入属性,从而实现让用户自定义问候内容。指令的实现import { Directive, Hos

2018-02-04 11:36:21 475

转载 angular HostListener_angular 事件处理_angular 教程_angular视频教程 - angular 指令教程

转载自 http://www.ngui.cc/news/show-128.html在 Angular 中,我们可以使用 HostListener 属性装饰器,实现元素的事件绑定。指令的作用该指令用于演示如何利用 HostListener 装饰器,监听用户的点击事件。指令的实现import { Directive, HostBinding, HostL

2018-02-04 11:36:11 1129

转载 angular Attribute - angular 指令教程

转载自 http://www.ngui.cc/news/show-130.html在 Angular 中,我们可以通过 Attribute 装饰器来获取指令宿主元素的属性值。指令的作用该指令用于演示如何利用 Attribute 装饰器,获取指令宿主元素上的自定义属性 author 的值。指令的实现import { Directive, HostBinding,

2018-02-04 11:36:04 831

转载 angular <ng-template> 元素 - angular 指令教程 - Angular 教程网

转载自 http://www.ngui.cc/news/show-131.html在 Angular 中,我们可以通过 ViewChild 装饰器来获取视图中定义的模板元素,然后利用 ViewContainerRef 对象的 createEmbeddedView() 方法,创建内嵌视图。import { Component, TemplateRef, ViewConta

2018-02-04 11:35:55 5687

转载 angular 使用 ngTemplateOutlet 指令

转载 自  http://www.ngui.cc/news/show-136.htmlngTemplateOutlet 的作用该指令用于基于已有的 TemplateRef 对象,插入对应的内嵌视图。在应用 NgTemplateOutlet 指令时,我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下文对象。绑定的上下文

2018-02-04 11:35:47 4785

转载 angular4.0 创建结构指令

转载自 http://www.ngui.cc/news/show-137.html指令的功能该指令实现 ngIf 指令相反的效果,当指令的输入条件为 Falsy 值时,显示DOM元素。指令的实现import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core'; @Di

2018-02-04 11:35:17 475

转载 Angular 简介

转载自 http://www.ngui.cc/news/show-31.htmlAngular 是什么Angular 是由谷歌开发与维护一个开发跨平台应用程序的框架,同时适用于手机与桌面。Angular 有什么特点基于 Angular 我们可以构建适用于所有平台的应用。比如:Web 应用、移动 Web 应用、移动应用和桌面应用等。通过 Web Worker和服务

2018-02-03 10:29:33 242

转载 Angular 环境搭建

转载自  http://www.ngui.cc/news/show-30.html基础要求Node.jsGitAngular 开发环境配置方式基于 Angular Quickstarthttps://github.com/angular/quickstart基于 Angular CLIn

2018-02-03 10:29:07 332

转载 angular 插值表达式

转载自 http://www.ngui.cc/news/show-102.html在 Angular 中,我们可以使用 {{}} 插值语法实现数据绑定。绑定普通文本import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: `Hello {{name}}`,

2018-02-03 10:28:58 3468

转载 angular 自定义组件

自定义组件 http://www.ngui.cc/news/show-103.html在 Angular 中,我们可以通过 Component 装饰器和自定义组件类来创建自定义组件。基础知识定义组件的元信息在 Angular 中,我们可以使用 Component 装饰器来定义组件的元信息:@Component({ selector: 'my-app', //

2018-02-03 10:28:49 3052

转载 angular 常用指令

转载自 http://www.ngui.cc/news/show-104.html在 Angular 实际项目中,最常用的指令是 ngIf 和 ngFor 指令。基础知识ngIf 指令简介该指令用于根据表达式的值,动态控制模板内容的显示与隐藏。它与 AngularJS 1.x 中的 ng-if 指令的功能是等价的。ngIf 指令语法"condition"

2018-02-03 10:28:40 254

转载 angular 事件绑定bind

转载自 http://www.ngui.cc/news/show-105.html在 Angular 中,我们可以通过 (eventName) 的语法,实现事件绑定。基础知识事件绑定语法date-picker (dateChanged)="statement()">date-picker>等价于date-picker on-dateChanged="stat

2018-02-03 10:28:31 728

转载 angular 表单模块 Form

转载自  http://www.ngui.cc/news/show-106.htmlAngular 中有两种表单:Template Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )Reactive Forms - 响应式表单本小节主要介绍模板驱动式的表单,接下来我们来演示如何通过表单来为我们的之前创建的

2018-02-03 10:28:22 666

转载 Angular Http 模块

转载自 http://www.ngui.cc/news/show-107.htmlAngular 4.3 版本后,推荐使用 HttpClient,可以参考 Angular HTTP Client 快速入门   // 此处需修改基础知识导入 Http 模块// ... import { HttpModule } from '@angular/http'; @

2018-02-03 10:28:12 2007

转载 angular 注入服务

转载自  http://www.ngui.cc/news/show-108.html基础知识组件中注入服务步骤(1) 配置已创建的服务,如:@NgModule({ // ... providers: [MemberService]}) export class AppModule { }(2) 导入已创建的服务,如:import { Membe

2018-02-03 10:28:03 557

转载 angular 路由模块 route

转载自  http://www.ngui.cc/news/show-109.html基础知识导入路由模块// ... import { RouterModule } from '@angular/router'; @NgModule({ imports: [BrowserModule, FormsModule, HttpModule, RouterModule],

2018-02-03 10:27:50 1025

转载 angular styles 或 styleUrls 属性 组件样式

在 Angular 中,我们可以在设置组件元数据时通过 styles 或 styleUrls 属性,来设置组件的内联样式和外联样式。使用 styles 属性import {Component, OnInit, Input, Output, EventEmitter} from '@angular/core'; @Component({ selector: 'app-simple

2018-02-02 21:07:34 4897

转载 angular @Output 装饰器

转载自  http://www.ngui.cc/news/show-118.htmlOutput 装饰器的作用是用来实现子组件将信息,通过事件的形式通知到父级组件。在介绍 Output 属性装饰器前,我们先来介绍一下 EventEmitter 这个幕后英雄:let numberEmitter: EventEmitternumber> = new EventEmitternumb

2018-02-02 21:06:40 344

转载 angularjs双向绑定

转载自  http://www.ngui.cc/news/show-117.html使用过 AngularJS 1.x 的同学,应该很熟悉 ng-model 指令,通过该指令我们可能方便地实现数据的双向绑定。而在 Angular 中,我们是通过 ngModel 指令,来实现双向绑定。使用双向绑定引入 FormsModuleimport {FormsModule} fro

2018-02-02 21:05:34 410

转载 aangular @Input 装饰器

转载自 http://www.ngui.cc/news/show-116.html为了让我们能够开发更灵活的组件,Angular 为我们提供了 Input 装饰器,用于定义组件的输入属性。使用 Input 装饰器更新 SimpleFormComponent 组件import {Component, OnInit,Input} from '@angular/core';

2018-02-02 21:04:21 503

转载 Angular *NgFor - angular 基础教程

转载自 http://www.ngui.cc/news/show-115.html在 Angular 中我们可以使用 ngFor 指令来显示数组中每一项的信息。使用 ngFor 指令更新 MailService 服务import { Injectable } from '@angular/core'; @Injectable() export class Mai

2018-02-02 14:18:43 18066

转载 Angular 注入服务 - angular 基础教程

转载自 http://www.ngui.cc/news/show-114.html新建服务$ ng g s mail在命令行窗口运行以上命令后,将输出以下内容:installing service create src/app/mail.service.spec.ts create src/app/mail.service.ts WARNING Service is

2018-02-02 14:17:38 1094

转载 Angular 事件_Angular $event - angular 基础教程 - Angular 教程网

转载自 http://www.ngui.cc/news/show-113.html获取鼠标事件在第三节的示例中,假如我们需要获取鼠标事件,那应该怎么办呢?这时,我们可以引入 $event 变量,具体如下:import {Component, OnInit} from '@angular/core'; @Component({ selector: 'app-simple-

2018-02-02 14:15:14 18079

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除