Browsed by
月份:2017年11月

Form field

Form field

[toc] 概述 OVERVIEW <mat-form-field>是封装了一些Angular Material组件并应用了常见文本字段样式(例如下划线,浮动标签,提示信息等)的组件。 <mat-form-field> is a component used to wrap several Angular Material components and apply common Text field styles such as the underline, floating label, and hint messages. 在此文档中,“表单字段”代表封装组件<mat-form-field>,“表单字段控制”代表<mat-form-field>封装的组件(例如input,textarea,select等等)。 In this document, “form field” refers to the wrapper component <mat-form-field> and “form field control” refers to the component that the <mat-form-field> is wrapping (e.g. the input, textarea, select, etc.) 以下Angular Material组件可用于<mat…

阅读全文 Read More

Input

Input

[toc] 概述 OVERVIEW matInput是一个可以让原生<input>和<textarea>元素与<mat-form-field>协同工作的指令。 matInput is a directive that allows native <input> and <textarea> elements to work with <mat-form-field>. <input>和<textarea>属性 <input> and <textarea> attributes 一般<input>与<textarea>元素可以使用的属性,都可以在<mat-form-field>中使用。还包括Angular指令,例如ngModel和formControl。 All of the attributes that can be used with normal <input> and <textarea> elements can be used on elements inside <mat-form-field> as well. This includes Angular directives such as ngModel and formControl. 唯一的限制是type属性只能为matInput支持的其…

阅读全文 Read More

Button

Button

[toc] 概述 OVERVIEW Angular Material是原生的<button>或者<a>元素,并扩展了Material Design样式与墨水效果。 Angular Material buttons are native <button> or <a> elements enhanced with Material Design styling and ink ripples. 原生<button>和<a>元素总是用来给用户提供最直接的交互体验。<button>元素用于执行某个动作。<a>元素用于用户想跳转到另一个视图。 Native <button> and <a> elements are always used in order to provide the most straightforward and accessible experience for users. A <button> element should be used whenever some action is performed. An <a> element should be used whenever the user will navigate to another view. 按钮一共有5种变体,每种对应一个属性: There are five but…

阅读全文 Read More

Checkbox

Checkbox

[toc] 概述 OVERVIEW <mat-checkbox>提供了与原生<input type=”checkbox”>相同的功能,并增强了Material Design样式与动画。 <mat-checkbox> provides the same functionality as a native <input type=”checkbox”> enhanced with Material Design styling and animations. 复选框标签 Checkbox label 复选框标签是<mat-checkbox>元素的内容。通过设置labelPosition属性为’before’或者’after’,可以将标签放置在复选框的前面或者后面。 The checkbox label is provided as the content to the <mat-checkbox> element. The label can be positioned before or after the checkbox by setting the labelPosition property to ‘before’ or ‘after’. 如果不想复选框旁边出现标签,可以使用aria-label或者aria-labelledby来指定合适的标签。 If you don’t want the label to a…

阅读全文 Read More

CDK数据表

CDK数据表

CDK数据表 <cdk-table> 是非常灵活、可定制化data-table,拥有完全模板化的API、动态列、以及可访问的DOM结构。任何人都可以利用它为自己打造专用的数据表。 The <cdk-table> is an unopinionated, customizable data-table with a fully-templated API, dynamic columns, and an accessible DOM structure. This component acts as the core upon which anyone can build their own tailored data-table experience. 表格还为更多特性(如排序和分页等)的实现提供了基础。因为它对于这些特性非常开放,开发者可以完全控制表格的交互模式。 The table provides a foundation upon which other features, such as sorting and pagination, can be built. Because it enforces no opinions on these matters, developers have full control over the interaction patterns associated with the table. 对于Material Design风…

阅读全文 Read More

微服务概念相关

微服务概念相关

微服务概念 将单个系统拆为多个子系统,每个子系统独立部署,将原有通过代码直接引用调用,改为系统间的调用,目前多是restful。 目的是降低系统间的耦合性,提高系统可用度。 “微服务 ”一词源于 Marin Fowler 的名为 Microservices 的博文, 可以在他的官方博客上找到: http://martinfowler.com/articles/microservices.html。 简单地说, 微服务是系统架构上的一种设计风格, 它的主旨是将一个原本独立的系统拆分成多个小型服务,这些小型服务都在各自独立的进程中运行,服务之间通过基于HTTP的RESTful API进行通信协作。 被拆分成的每一个小型服务都围绕着系统中的某一项或一些耦合度较高的业务功能进行构建, 并且每个服务都维护着自身的数据存储、 业务开发、自动化测试案例以及独立部署机制。 由千有了轻量级的通信协作基础, 所以这些微服务可以使用不同的语言来编写。 spring boot javaweb快速开发框架,相比之前自己手动引入springmvc,spring等等框架,并需要进行一定量的配置,现在可以使用springboot框架,快速搭建开发环境进行开发;并使用了properties替代原有较复杂的xml配置;内置了tomcat,简化了部署过程。并且单个基于springboot的应用,可以作为springcloud的一个微服务组件,方便进行相关功能的集成。 spring cloud springcloud提供了一整套的微服务解…

阅读全文 Read More