本文主要讲讲如何在一个项目中合理的使用requireJS,来加载js代码，这里是个实际例子，讲解不多，

看详情请连接到：http://www.cnblogs.com/evaling/p/6722760.html

项目文件基本上都有一个index.html

在index界面中，我们只需要引入start.js，（start.js是一个起始js代码）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <script data-main="/js/start.js" src="/lib/require.js"></script>

    <link rel="stylesheet" href="/css/bootstrap.css">

    <link rel="stylesheet" href="/css/theme.css">

    <link rel='icon' href='/image/logo.jpg' type='image/jpg'/>

</head>

<body>

<!--添加头部-->

<div ui-view="main"></div>

<div footer></div>

<!--<pnav></pnav>-->

<!--进度条-->

<div class="loading-progress"></div>

<div class="auto-message"></div>

<script>

</script>-->

</body>

</html> 

start.js

try {

    require.config({//通过此次配置后，我们可以在各个子模块中使用下面的文件库

        baseUrl: "js",

        paths: {

            'angular': '../lib/angular',

            'ui-router': '../lib/angular-ui-router',

            'jquery': '../lib/jquery',

            'lodash': '../lib/lodash',

            'ng-bootstrap': '../lib/ui-bootstrap-tpls-1.3.2',

            'angular-locale_zh-cn': "../lib/angular-locale_zh-cn",

            'webupload': '../lib/webuploader',

            'rap': "../lib/ngrap",

            'nganimate': '../lib/angular-animate',

            'kindeditor-all': '../lib/kindeditor/kindeditor-all',

            'zh-cn': '../lib/kindeditor/lang/zh-CN',

            'pingpp': '../lib/pingpp',

            'echarts': '../lib/echarts',

            'statehelper': '../lib/statehelper',

            'map_china': '../lib/echarts/map/china',

            'thenjs': '../lib/then',

            "ng-require": '../lib/angular-require',

            'sharejs':'../lib/share'

        },

        shim: {

            'angular': {

                exports: 'angular',

                deps:['jquery']

            },

            'zh-cn': {

                deps: 'kindeditor-all'

            },

            'ui-router': {

                deps: ['angular']

            },

            'angular-locale_zh-cn': {

                deps: ['angular']

            },

            'ng-bootstrap': {

                deps: ['angular','angular-locale_zh-cn']

            },

            'rap': {

                deps: ['angular']

            },

            'nganimate': {

                deps: ['angular']

            },

            'statehelper': {

                deps: ['ui-router']

            },

            'ng-require': {

                deps: ["angular"]

            }

        },

        waitSeconds: 15

    });

    require(['angular', 'env','app','router',"ctrl/rootctrl"], function (angular, env,app,router) {//参数列表是将模块引入

        if (env == "dev") {

            document.domain = "localhost";

        } else if (env == 'test') {

            document.domain = "two.cn";

        } else if (env == "production") {

            document.domain = "three.com";

        }

        angular.bootstrap(document, ['myapp']);

    });

} catch (e) {

    window.location.href = "/errors/ie8.html";

}
app.js
define(['angular','ng-require','rap','ng-bootstrap','ui-router'], function (angular) {

    var myapp = angular.module('myapp', ['ui.router', 'ui.bootstrap', 'ngRap','ngRequire']);

    myapp.config(['$httpProvider', 'ngRapProvider', function (httpProvider, ngRapProvider) {

       /* ngRapProvider.script = 'http://rap.taobao.org/rap.plugin.js?projectId=15265';// replce your host and project id

       /* ngRapProvider.script = 'http://rap.taobao.org/rap.plugin.js?projectId=15265'; // replce your host and project id

        ngRapProvider.enable({

           mode:2,

           domain:['http://10.0.3.217','http://api...cn:81']

        });

        httpProvider.interceptors.push('rapMockInterceptor');*/

    }]);

    return myapp;

});
router:
define(['app', 'env',

    'routers/demo/d_default',

    'routers/account/account',

    'routers/scene/scene',

    'routers/proposal/proposal',

    'routers/ideas/ideas',//创意

    'routers/setting/setting',

    'routers/patent/patent',//专利

    'routers/workspace/scene_mainscene',//工作台

    'routers/practicePages/practices'

], function (myapp, env) {

    myapp.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', '$requireProvider',

        function ($stateProvider, $urlRouterProvider, $locationProvider, $requireProvider) {

            $urlRouterProvider.otherwise("/account/login");

            if (env == "production" || env == "test") {

                $locationProvider.html5Mode(true);

            }

            $stateProvider.state('home', {

                url: '/home',

                views: {

                    'main': {

                        templateUrl: 'tpls/home/home.html',

                        controller: 'home_home_ctrl'

                    }

                }

            });

        }]);

});
rootCtrl:
define(['app',

    'ctrl/setting/setting_ctrl',

    'ctrl/home/home_ctrl',

    'ctrl/proposal/proposal_ctrl',

    //'ctrl/account/account_ctrl',

    'ctrl/scene/apply_ctrl',

    'ctrl/scene/new_ctrl',

    'ctrl/patent/patent_ctrl',  //专利

    'ctrl/ideas/ideas_ctrl',     //创意

    'ctrl/workspace/mainscene_ctrl',//工作台

    'ctrl/proposal/proposal_export_ctrl',//导出提案

    'ctrl/patent/patent_export_ctrl',//导出专利

    'services/permission'

    /*  "ctrl/account/account_login_ctrl",

      "ctrl/account/account_register_ctrl"*/

],function (myapp) {

    //加载字典数据到本地存储

    myapp.controller('root_controller',

        ['$scope', 'patent_api', function (s, patent_api) {

            console.log('root_controller')

        }])

});
ideas_ctrl:
define(["app",

    "ctrl/ideas/ideas_first_ctrl",

   "ctrl/ideas/ideas_allIdeas_ctrl",          //全部创意

    "ctrl/ideas/ideas_myIdeas_ctrl",          //我的创意

   "ctrl/ideas/ideas_add_ctrl",               //创意新增（发布创意）

   "ctrl/ideas/ideas_detail_ctrl",            //创意详情的ctrl

   "ctrl/ideas/ideas_edit_ctrl",              //编辑创意

   "ctrl/ideas/ideas_waitPass_ctrl",          //待审批列表

   "ctrl/ideas/ideas_hasPass_ctrl",           //已经审批

   "ctrl/ideas/appr_listDetail_ctrl"          //创意审批详情

],function(huadeeapp){

    console.log('ideasaddCtrl');

});
ideas_myIdeas_ctrl:
define(["app","directives/sidebar/sidebar",'api/setting_api','api/ideas_api','services/zct_get_my_right','api/dictionary_api',

'services/create_fixed_files','services/setting','services/translate_tags_style'], function (myapp) {

    myapp.controller('ideas_myIdeas_ctrl',

        [

            '$scope',

            '$rootScope',

            '$state',

            'setting_api',

            'ideas_api',

            'myalert',

            'get_my_right',

            'dictionary_api',

            'create_fixed',

            'setting',

            'translate_tags_format',

            function (s, rs,$state,setting_api, ideas_api,myalert,getRight,dictionary_api,create_file,setting,tags_format) {

          console.log("ideas_myIdeas_ctrl");

         // debugger;

//tab 的切换

........///

　　

如何在项目中使用requireJS的更多相关文章

  1. ionic新手教程第三课-在项目中使用requirejs分离controller文件和server文件

    继上篇教程中提到的,我们新建一个简单的tabs类型的Ionic项目. 依据文件夹文件我们知道,系统自己主动创建了一个controller文件和server文件,而且把全部的控制器和服务都写到这两个文件 ...

  2. 【grunt第三弹】grunt在前端实际项目中的应用

    前言 [grunt第二弹]30分钟学会使用grunt打包前端代码(02) [grunt第一弹]30分钟学会使用grunt打包前端代码 经过前两次的学习,我们了解了grunt打包的一些基础知识,对于压缩 ...

  3. VS项目中使用Nuget还原包后编译生产还一直报错？

    Nuget官网下载Nuget项目包的命令地址:https://www.nuget.org/packages 今天就遇到一个比较奇葩的问题,折腾了很久终于搞定了: 问题是这样的:我的解决方案原本是好好的 ...

  4. ABP项目中使用Swagger生成动态WebAPI

    本文是根据角落的白板报的<使用ABP实现SwaggerUI,生成动态webapi>一文的学习总结,感谢原文作者角落的白板报. 1 安装Swashbuckle.core 1.1 选择WebA ...

  5. iOS 之项目中遇到的问题总结

    昨天去一家公司面试,面试官问了我在项目开发中遇到过哪些问题,是什么引起的,怎样解决的? 当时由于有点小紧张只说出了一两点,现在就来好好总结一下. 问题: 1.两表联动 所谓的两表联动就是有左右两个表格 ...

  6. My97DatePicker时间控件在项目中的应用

    一.下载My97DatePicker的压缩包My97DatePicker.rar,解压. 注:My97DatePicker最新版本有开发包,项目中使用时删掉,以便节省空间,提高程序的运行效率. 二.在 ...

  7. 在项目中同时使用Objective-C和Swift

    苹果发布的Swift语言可以和之前的Objective-C语言同时存在于一个项目中. 可能有人会认为是同一个类文件中既可以有Objective-C也可以有Swift,这是不对的.同一个类文件或同一个代 ...

  8. 在数据库访问项目中使用微软企业库Enterprise Library，实现多种数据库的支持

    在我们开发很多项目中,数据访问都是必不可少的,有的需要访问Oracle.SQLServer.Mysql这些常规的数据库,也有可能访问SQLite.Access,或者一些我们可能不常用的PostgreS ...

  9. 在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

    在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式 ...

随机推荐

  1. UVA-11367 Full Tank? （dijkstra）

    题目大意:有n个加油站,每个加油站的油价已知,并且已知油箱的大小,问能否从起点走到终点,若能,找出最小油费. 题目分析:记得在做暴力搜索的时候做过这道题,不算难.但是这次是用dijkstra算法做的, ...

  2. Spring Boot配置ContextPath【从零开始学Spring Boot】

    Spring boot默认是/ ,这样直接通过http://ip:port/就可以访问到index页面,如果要修改为http://ip:port/path/ 访问的话,那么需要在Application ...

  3. IOS-UISearchBar

    UISearchBar控件   最近用到搜索功能.于是,经过不断的研究,终于,有点懂了. 那就来总结一下吧,好记性不如烂笔头! 搜索,无疑可以使用UISearchBar控件! 那就先了解一下UISea ...

  4. MySQL修改字符集编码

    通过修改字符集编码为utf8,彻底解决中文问题. 一. 登录MySQL查看用SHOW VARIABLES LIKE 'character%':下字符集,显示如下: +----------------- ...

  5. Loadrunner 11检查点使用方法总结

    在使用Loadrunner 11进行性能测试中,有时需要对性能测试中的功能是否全部正确进行判断.这里就需要用到“检查点”,本文总结了常用三种协议下检查点的使用方法,希望阅读本文后的小伙伴们能够掌握其使 ...

  6. 部署C# ReportViewer遇到的坑

    前些天临时给客户做个工具,统计具体时间点各种车型数据的数量及比重,为了显示方便就用C#来做,因为它有现成的reportviwer控件提供了显示,打印,导出功能.原本我以为这个控件是.netframew ...

  7. New Concept English there （1）Typing speed exercise

    Today,I start learn new concept english there,Mainly for listening practice and typing speed exercis ...

  8. 安装visio 2010：您的计算机上的Office 2003安装已损坏，安装程序无法继续。请删除或修复office 2003产品并重新运行安装程序

    您的计算机上的Office 2003安装已损坏,安装程序无法继续.请删除或修复office 2003产品并重新运行安装程序   最近打算安装visio 2010时出现 以下错误: “您的计算机上的Of ...

  9. keras系列︱利用fit_generator最小化显存占用比率/数据Batch化

    本文主要参考两篇文献: 1.<深度学习theano/tensorflow多显卡多人使用问题集> 2.基于双向LSTM和迁移学习的seq2seq核心实体识别 运行机器学习算法时,很多人一开始 ...

  10. windows cmd 命令行 —— 进程与服务

    1. 进程查看与操作 tasklist tskill pid 2. 服务查看与操作 net start net stop