Angular Chart是基于Chart.js的angular组件,引入项目后直接操作数据即可. 引用方法:    分别将Chart.js.angular-chart.js.angular-chart.css等文件引入工程(angular工程)中(注意引入顺序). 在app.js中引入‘chart.js’. 创建你的demo的js和html并用路由绑定.   代码: 在demo.js中写入以下代码: //Line Chart $scope.labels = ["January", &…
Angular-chart.js是基于Chart.js的angular组件,引入项目后直接操作数据即可. 引用方法:    分别将Chart.js.angular-chart.js.angular-chart.css等文件引入工程(angular工程)中(注意引入顺序). 在app.js中module中引入‘chart.js’. 创建你的项目的controller和html并用路由绑定.   代码: 在controller中写入以下代码: //Line Chart $scope.labels =…
前言 之前分享的<web项目演化--验证体系>中提到基于angular的验证,但是为了以防读者迷惑,能够好的理解验证体系,所以没有详细介绍. 今天特地补写一篇关于构建angular的验证. 前端验证组件虽然对于美工的要求会更多,但是真实的应用环境下,其实对业务的要求会更高,需要组件有统一的规范,除非设计通用组件,否则应该更关注业务来进行设计. 有了统一的验证组件,复合组件可以重用单一的文本框.输入框.复选框等组件,开发人员可以节省不少时间,并且在后期需要对网站风格统一调整的时候,只需要改变相应…
本文章已经录制视频,地址是:http://v.youku.com/v_show/id_XODI3MjYyODI0.html 前端这两年技术飞速发展,各种优秀框架层出不穷.本文不是讨论各框架的比较,也不讨论为什么我要用angular,而不用backbone:不讨论为什么用requirejs,而不用browserify,seajs等.只是介绍平常我是怎么进行项目的前端架构. 一个成熟项目架构中应该具有哪些功能 * 快速的项目生成器——快速生成项目主体架构,单步实现controller,单步实现vie…
Angular ui-router 前言 之前不太理解前端怎么实现路由功能,以前知道有一种方式使用html5的pushState可以操作url才实现路由的功能,在实践项目中也用过一次,后来这种操作叫成了pajax,这里有一个demo,具体怎么用可以点我 cnodejs github想要star更多,需要时间投入开源的怀抱,让我想起了经常在cnodejs上的api,想想是不是可以做点什么,然后结合最近的工作,想起了通过api才做一个web app ,其中有一个做的很不错的,基于VUE的cnodej…
基于 angular 规范的 commit commit格式如下: <type>: <subject> <BLANK LINE> <body> type - 提交 commit 的类型 feat: 新功能 fix: 修复问题 docs: 修改文档 style: 修改代码格式(不影响逻辑功能,比如格式化.补充分号等等) refactor: 重构代码(fix bug或增加新功能不属于此范围) perf: 提升页面性能 test: 增加/修改测试用例 chore:…
前言 随着Spring Boot2.0正式发布,Spring WebFlux正式来到了Spring Boot大家族里面.由于Spring WebFlux可以通过更少的线程去实现更高的并发和使用更少的硬件资源去实现扩展,我对此很感兴趣.同时Angular6也发布了,也想试试自己Angular的功底,便基于Angular和Spring WebFlux做个一个简单礼品管理系统的demo.至于angular和spring boot的集成可以参考该博客Angular和Spring Boot一起做个项目 响…
Angularjs 个人认为这是一款很好的框架!它将我们从AJAX应用的开发中解救了出来!嗯....废话就说道这里下面我们开始把! 首先我们必须了解一些核心的概念: 客户端模版 MVC 数据绑定 依赖注入 指令 先不要着急,了解这些词语的意思和含义,万丈高楼平地起我们慢慢来构建一个属于我们自己的小应用. 确定我们的目标 首先我们必须确定自己要做什么?做个什么呢?YOUKU TUDOU那样的视频网站,哦,拜托杀了我把,我只想了解下这个东西,嗯!那就写个简单的博客吧!你还是杀了我把,由于本人太懒,所…
前言 目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用. 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候,我发现 Material 的组件基本已经够用了,其它不足的地方可以配合一些优秀的第三方库.另外,Material 的确是一个高质量的组件库,不管是设计思路还是使用方式,都近乎完美. 经过一个多月的设计与思考,我开发了这款基于 Angular Material 的中后台管理框架,初期架构设计已经完成…
定义 Angular CLI:The Angular CLI is a command line interface tool that can create a project, add files, and perform a variety of ongoing development tasks such as testing, bunding, and deployment. 总而言之,Angular CLI是一款功能很多的命令行工具. 环境 首先要安装Node.js和npm 然后使用…