ng-alain

一、背景 最近使用ng-alain做前端，sf的部件很丰富，但是做起来之后就会发现，多多少少会有一些不符合需求的东西，比如： 这是一个string的部件，后边跟上一个单位看着很不错，但是我们通常在使用number时会更需要这个单位，然而官方的部件并没有 再比如： 我想做一个编辑框，要求内容不可编辑，并且该内容要从别的列表进行选择，下拉选择可以满足需求，但是如果内容太多，有时就不方便使用下拉框了，那么这时候我们就需要自定义 二、自定义ng-alain部件的流程 1、组件的整体结构 2、首先，组件 click-input.component.html ，自定义组件要包在 sf-item-wrap 特殊标签里面 <sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title"> <!-- 开始自定义控件区域 --> <div nz-row> <div nz-col nzSpan="16"><input type="text" [placeholder]="placeholder" nz-input [(ngModel)]="content" [disabled]="inputDisable"

基于 SpringBoot + Ng-Alain 前后端分离的实现，可以作为新手入门项目，也可以作为小项目的基础框架去扩展。目前 Snails 系统框架已支持基本的后台功能，基于简单、实用设计，并且已支持 Docker 进行项目部署。 Snails 框架 ：编程入门，新手礼赞 snails-web 前端 ： Angular + Ng-Zorro + Ng-Alain snails-api 后台 ： SpringBoot + JPA + lombok + Java8 + Mysql 源码 前端 snails-web Gitee： https://gitee.com/kuzank/snails-web GitHub： https://github.com/kuzank/snails-web 后台 snails-api Gitee： https://gitee.com/kuzank/snails-api github： https://github.com/kuzank/snails-api 1、系统功能 登陆、登出 用户管理 组织管理 菜单管理，支持菜单动态配置 在线用户 登陆日志，记录系统用户的登陆登出行为 http请求，将系统的所有请求进行拦截，并记录到数据库中 系统异常，全局拦截系统的异常，并记录到数据库中 支持系统数据初始化 snails-api 后台 支持 Docker 部署

为了iphone的兼容性~而且是已经上线之后才发现问题，产品还各种催促！！！ 项目使用的ng alain的PC版做的，但是现在需要兼容手机适配，只能按照产品的想法做了，但是遇到一个大坑，iphone手机自带的Safari浏览器的模糊搜索的下拉组件带不出来键盘，主要解决方式如下。 每次点击的时候都去触发focus函数： 感谢别人的帮忙~ 来源： oschina 链接： https://my.oschina.net/u/3150390/blog/3000624

首先跟大家介绍一下ng_Alain(阿里团队出品) ng-alain技术栈基于 Typescript 、 Angular 、 g2 、 @delon 和 ng-zorro-antd ，提前了解和学习这些知识会非常有帮助。 ng-alain 脚手架是基于 Angular 和 ng-zorro-antd（Ant Design 的 Angular 版本） 基础组件库的中后台前端解决方案。脚手架包含着一套通用的功能和业务组件库，它们可以极大的减少一些基础建设开发工作。 他的文档地址https://ng-alain.com/docs/getting-started 他的demo地址https://cipchk.github.io/ng-alain/#/dashboard/v1 现在ng-Alain的最新版本是1.0，我要给大家分享的也是1.0这个版本。虽然现在1.0还有好多东西没有写进来，但是毕竟是个大版本 ，以阿里的速度 ，应该很快就会完善。 文档第一页就详细介绍了这个项目的安装方式，所以我就绕过这一块直接给大家讲解具体使用部分 这是它的目录结构 他这个项目搭建非常合理目录也很清晰，看完顶尖团队搭建的项目，确实对自己的提升很有帮助 如果你想直接基于它这套代码开发自己的项目，那你首先要把你的页面放在routes目录下面，这一点不是强制要求。 assets文件夹下的app-data

ng-alain 是一个基于 ng-zorro-antd 的企业后台脚手架，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。github地址是： cipchk/ng-alain 。 一直以来对Ant Desig的理念非常喜欢，而一直出于工作的需要能够运用的机会本不多，直到 ng-zorro-antd 的出现，终于能够在内部真正实践。而 ng-alain 虽然时间很短，但在群里很多朋友的支持下，让其尽可能有一个比较可靠的实施。据我所知包括我们公司自己在内，已经有好几个企业开始转移至该脚手架上面来。 你可以非常简单的从 github 克隆一份最新代码，然后立即进入业务开发。 git clone --depth 1 https://github.com/cipchk/ng-alain.git 结构 ng-alain 实际是一个标准的 Angular Cli 构建的项目，因此对她就像是你前女友一样，一定不会感到陌生。 在此基础上，我将公共业务组件放在 shared/components 下面，且目前已经包括图表相关有几十个组件服务于企业后台常见业务服务型组件。 我们在处理时间、货币上面频繁极高，而提供一种非常简洁的这类数据渲染极重要。例如： {{ time | date }} 期望结果应该： 2017-11-19 04:25 ；而 {{ price | currenty