博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular——MVC模式开发实战
阅读量:5015 次
发布时间:2019-06-12

本文共 952 字,大约阅读时间需要 3 分钟。

创建项目

  • 创建工作目录
  • 使用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']);

 

转载于:https://www.cnblogs.com/wuqiuxue/p/8587036.html

你可能感兴趣的文章
【LeetCode】Flatten Binary Tree to Linked List
查看>>
读后感-浮生六纪
查看>>
执行指定路径的程序文件
查看>>
Leetcode-950 Reveal Cards In Increasing Order(按递增顺序显示卡牌)
查看>>
[Linux] 在 Linux CLI 使用 ssh-keygen 生成 RSA 密钥
查看>>
14款下载有用脚本的超酷网站
查看>>
LXC-Linux Containers介绍
查看>>
7.31实习培训日志-docker sql
查看>>
c#中使用servicestackredis操作redis
查看>>
ios app 真机crash报告分析
查看>>
CRC标准以及简记式
查看>>
SEO搜索引擎
查看>>
关于本地使用tomcat部署web应用,浏览器自动跳转为https的问题
查看>>
一、Text To Speech
查看>>
Java读取并下载网络文件
查看>>
github上构建自己的个人网站
查看>>
在word中粘贴的图片为什么显示不完整
查看>>
SQL Server 数据库的鼠标操作
查看>>
net软件工程师求职简历
查看>>
总线置顶[置顶] Linux bus总线
查看>>