zoukankan      html  css  js  c++  java
  • Angular——MVC模式开发实战

    创建项目

    • 创建工作目录
    • 使用bower下载需要插件
    • git init、add、commit之后得到分支master,再创建developer分支,然后再此分支上进行具体功能开发

    MVC架构

    • 之前小项目中一般会存在一个module下面会有若干控制器,若干自定义指令,若干自定义服务。但是在大项目中,我们这样操作会给开发以及后期维护带来诸多不便,主要是耦合度太高,全部揉在一起了。
    • 降低耦合度,我们可以定义一个主模块module进行管理,再定义其他功能模块进行业务实现,例如控制器模块,自定义指令模块,自定义服务模块,定义好之后,通过依赖注入的方式将这些功能模块引入到主模块中,这样就达到了解耦的目的,方便的管理

    • 具体创建过程:
      • 在script目录下创建controllers.js、directives.js等文件,每个文件都是一个模块, controllers就是一个模块控制着控制器程序
    // 实例一个模块,用来专门管理所有的控制器
    angular.module('Controllers', [])
    
    .controller('DemoController', ['$scope', function ($scope) {
        console.log('启动了');
    }])
    
    // 导航菜单
    .controller('NavController', ['$scope', function ($scope) {
        // 导航数据
        $scope.navs = [
            {link: '#/today', text: '今日一刻', icon: 'icon-home'},
            {link: '#/older', text: '往期内容', icon: 'icon-file-empty'}
        ];
    }])
      • 创建app.js文件作为angularJs的主入口,将上述的js文件以依赖的方式传入到app.js中的Yike模块下
    var Yike = angular.module('Yike', ['ngRoute', 'Controllers', 'Directives']);
  • 相关阅读:
    使用AOP 实现Redis缓存注解,支持SPEL
    springmvc 双亲上下文导致的 No mapping found for HTTP request
    调用iframe 中的js[兼容各种浏览器]
    NIO学习:异步IO实例
    byte数组与对象之间的相互转换
    NIO学习:buffer读入与写出(文件复制示例)
    NIO学习:使用Channel、Buffer写入文件
    使用摘要流获取文件的MD5
    ActiveMQ入门实例
    获取java项目 classpath目录
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/8587036.html
Copyright © 2011-2022 走看看