AngularJs route ng路由 单页面应用(上)
来源:互联网 发布:网络招聘 编辑:程序博客网 时间:2024/04/20 12:19
AngularJS ng路由
今天来跟大家一起聊一聊AngularJS里的ng路由:ng-router。
路由是AngularJS构建的单页面应用的基础。
单页面应用,又名SPA(此spa非彼spa),是singleton page application的缩写。
单页面应用:程序在执行的过程中,我们不论访问任何链接,都会在同一页面中展示数据。在整个项目的执行过程中,客户看到的都是唯一的一个页面,不同的是,在整个页面中,会根据用户请求的内容的不同,动态的更新页面中的某一个部分的数据,在这样的模式下,项目运行只需要一个基础的页面即可,其他的都是模板。模板就是用于在这个基础页面中更新的数据。
举个栗子:
传统项目中,通过大量的页面之间的跳转,来实现不同的功能的业务处理,如index.html主要用于系统首页数据的展示、login.html页面主要用于用户登录业务的处理,而相对应的regist.html页面主要用于新用户的注册业务的处理,一个项目中会充斥着大量的页面和页面之间的跳转处理,如果项目的业务非常复杂的情况下,网页的开发和维护就会造成大量重复的工作,同时也提升了开发和维护的复杂度。
SPA通过路由功能,让我们的WEB应用,在运行过程中,依托于某一个页面模板进行业务处理,在SPA应用中,我们可以通过一个模板页面和其他的业务页面进行不同的路由组合来完成复杂和庞大的页面逻辑和业务的处理!
那么在说一下,什么是路由?
路由,就是网络数据或者请求进行分发的一个网络组件。
路由就是一个用于请求URL分发和跳转的一个应用组件,Angular中通过$routeProvider路由服务提供者进行核心的配置处理。
下回分解:ng路由 有哪些指令,这些指令都怎么应用;语法都有哪些,该怎么运用。
一个简单的小案例,来为大家综合运用一下路由功能。
- AngularJs route ng路由 单页面应用(上)
- AngularJs route ng路由 单页面应用(下)
- angularJS 路由 ng-route
- AngularJs ng-route路由详解
- AngularJs ng-route路由详解
- ng中的路由和单页面应用
- AngularJS学习(六) 路由控制 ng-route
- AngularJS 路由:ng-route 与 ui-router
- AngularJS 路由:ng-route 与 ui-router
- angularjs-route路由总是跳到登陆(欢迎)页面
- angularJs 中 ng-route与ui-router路由的区别
- Angularjs ng-route用法
- angularJs搭建多页面应用-angularJs路由。
- angularJs-route路由详解
- AngularJS $route路由
- AngularJS中的基础路由,通过ng-route实现基本的路由功能
- AngularJs ng的路由机制
- 关于AngularJs ng-router路由
- Django开发过程中,文件的上传和使用
- 纯js实现类似淘宝星级评分功能
- 基本数据类型
- p1847_floyd最短距
- XCode之capture frame
- AngularJs route ng路由 单页面应用(上)
- sdacm-201704
- 开发App报警器的问题。
- jquery验证码验证效果
- Java 实例
- Manacher算法
- 日常常用小算法----1
- [线段树 瞎搞] BZOJ 4876 [Zjoi2017]线段树
- Android Studio SVN 使用方法