随笔分类 -  AngularJS

Angular企业级开发(10)-Smart Table插件开发
摘要：1.Smart Table内置的分页功能 Smart Table是基于AngularJS模块特性开发出来的一款优秀的表格组件，默认就支持过滤、排序等核心功能。开发者基于它也可以开发插件，满足个性化需求。比如分页、排序数据、通过Ajax获取等。 Smart Table通过 插件可以完成分页功能： "C 阅读全文
posted @ 2017-08-21 15:33 快乐八哥 阅读(2523) 评论(0) 推荐(1)
Angular企业级开发(9)-前后端分离之后添加验证码
摘要：1.背景介绍 团队开发的项目，前端基于Bootstrap+AngularJS，后端Spring MVC以RESTful接口给前端调用。开发和部署都是前后端分离。项目简单部署图如下，因为后台同时采用微服务的方式，所以后台不止3个，画图示意。终极方案是采用Docker，在前端和后台调用中间添加一层：AP 阅读全文
posted @ 2017-03-15 21:20 快乐八哥 阅读(8649) 评论(6) 推荐(4)
Angular企业级开发(8)-控制器的作用域
摘要：scope概念 (作用域)是视图和控制器之间的桥梁， 本身是一个对象，有方法和属性。 可以应用在视图和控制器上。 scope简单示例 是属性， 是方法。 "Demo Link" $rootScope介绍 是多个控制器都可以访问的对象，在 中定义的属性或方法可以在多个控制器中使用。但是 有可能产生诡异 阅读全文
posted @ 2017-02-28 21:42 快乐八哥 阅读(722) 评论(0) 推荐(0)
Angular企业级开发(7)-MVC之控制器
摘要：1.MVC中的控制器 AngularJS的控制器主要为了把模型和视图连接在一起。大多数业务逻辑操作都会放在视图对应的控制器中。当然如果我们能够把业务逻辑放到后端的REST服务中，就可以开发轻量级AngularJS应用。 涉及到多个控制器中使用的业务逻辑，需要放到一个公共的服务中，然后把改服务注入使用 阅读全文
posted @ 2017-02-20 09:45 快乐八哥 阅读(1505) 评论(0) 推荐(2)
Angular企业级开发(5)-项目框架搭建
摘要：1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular phonecat项目，另外一个就是Angular Seed项目。所以大多数团队会基于Angular Seed项目来开发，本文首先分析angular seed项目的目录结构。以及AngularJS团队为我 阅读全文
posted @ 2017-01-05 21:18 快乐八哥 阅读(4327) 评论(3) 推荐(1)
Angular企业级开发(4)-ngResource和REST介绍
摘要：一、RESTful介绍 "RESTful维基百科" REST（表征性状态传输，Representational State Transfer）是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。RESTful风格的设计不仅具有更好的可读性（Human Readable） 阅读全文
posted @ 2016-11-17 20:41 快乐八哥 阅读(1303) 评论(2) 推荐(3)
Angular企业级开发-AngularJS1.x学习路径
摘要：博客目录 有链接的表明已经完成了，其他的正在建设中。 1. "AngularJS简介" 2. "搭建Angular开发环境" 3. "Angular MVC实现" 4. "ngResource和REST介绍" 5. "Angular项目框架搭建" 7. "AngularJS控制器" 8. "控制器的 阅读全文
posted @ 2016-11-16 22:13 快乐八哥 阅读(1238) 评论(0) 推荐(0)
Angular企业级开发(3)-Angular MVC实现
摘要：1.MVC介绍 Model View Controller 在20世纪80年代为程序语言 发明的一种软件架构。MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部 阅读全文
posted @ 2016-11-16 21:56 快乐八哥 阅读(1620) 评论(1) 推荐(2)
Angular企业级开发(2)-搭建Angular开发环境
摘要：1.集成开发环境 个人或团队开发AngularJS项目时，有很多JavaScript编辑器可以选择。使用优秀的集成开发环境(Integrated Development Environment)能节省很多时间，而且编写代码更加高效。工欲善其事，必先利其器。 支持AngularJS较好的编辑器有以下: 阅读全文
posted @ 2016-11-14 22:30 快乐八哥 阅读(1869) 评论(0) 推荐(0)
Angular企业级开发(1)-AngularJS简介
摘要：AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架，同时是基于MVC(Model View Controller理念的框架，使用它能够高效的开发桌面web app和移动端应用。AngularJS由Google公司开发而且开源出来，给所有开发者使用。前端基于Boot 阅读全文
posted @ 2016-11-13 22:17 快乐八哥 阅读(2201) 评论(2) 推荐(2)
Angular定义服务-Learn By Doing
摘要：懒实例化-一个服务只有当程序的组件用到它的时候才进行实例化； 单例模式-每个依赖服务的组件，都是获得服务工厂生成单个实例的引用。服务是一个单例对象或函数，对外提供特定的功能。 阅读全文
posted @ 2016-09-17 13:12 快乐八哥 阅读(818) 评论(0) 推荐(0)
Angular学习-指令入门
摘要：从用户的角度来看，指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单，也可以很复杂。AngularJS的HTML编译器会解析指令，增强模板的功能。也是组件化未来的发展趋势，目前HTML5中也加入了很多新标签，但是在实际业务开发过程中，有很多复用的模板，加上复用的交互效果，可以将其编写为AngularJS的指令，开发工程师可以在同一个项目，或多个项目中使用，实现开发一次，到处使用的目标。 阅读全文
posted @ 2016-07-23 14:50 快乐八哥 阅读(312) 评论(0) 推荐(0)
Angular中ngCookies模块介绍
摘要：1.Cookie介绍 Cookie总是保存在客户端中，按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过期时间，除非用户手工清理或到了过期时间，硬盘Cookie 阅读全文
posted @ 2016-07-18 12:50 快乐八哥 阅读(987) 评论(0) 推荐(1)
Angular Service入门
摘要： 阅读全文
posted @ 2016-07-08 08:59 快乐八哥 阅读(3088) 评论(4) 推荐(4)
ui-router中使用ocLazyLoad和resolve
摘要：对于复杂一点，大型的项目，如果所有的内容一开始就加载，对首页的性能影响比较大，即使静态javascript文件使用CDN，对性能还是有很大的影响。所有需要引入按需加载机制，而Angular1.x版本中，ocLazyLoad是一个不错的按钮加载解决方案 阅读全文
posted @ 2016-06-30 21:20 快乐八哥 阅读(6815) 评论(6) 推荐(0)
搭建AngualarJS开发环境
摘要：1.选择Web浏览器 Chrome和Firefox浏览器 2.选择代码编辑器 Subline Text和Visual Studio Code 3.安装Web服务器 3.1Apache HTTP Server 官方网站：https://httpd.apache.org/ 说明Httpd和Tomcat都是出自Apache基金会的，但是是2个不同的东西。 因为从新版本开始，Apache官方网站不提供.e... 阅读全文
posted @ 2016-01-20 10:03 快乐八哥 阅读(928) 评论(0) 推荐(2)