資源參考：
http://blog.163.com/kill_everything_l/blog/static/20189610320154293575924/
一菜谣、新建項目目錄
1陡蝇、推薦的目錄結(jié)構(gòu)
Paste_Image.png
2、目錄介紹
-
1 framework
存放各種庫
Paste_Image.png - 2 tpls
存放各種html模板 -
3 js
各種js文件
Paste_Image.png
controller就是MVC里的C，services就是Model
app.js 可以做路由配置頁
angular.module('app')
.run(
['$rootScope', '$state', '$stateParams',
function($rootScope, $state, $stateParams) {
$rootScope.$state = $state;
$rootScope.$stateParams = $stateParams;
}
]
)
.config(
['$stateProvider', '$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/auth/loading');
$stateProvider.state('auth', {
abstract: true,
url: '/auth',
template: '<div ui-view class="fade-in"></div>',
resolve: {
deps: ['$ocLazyLoad',
function($ocLazyLoad) {
return $ocLazyLoad.load('admin/auth/ctrl.js');
}
]
}
})
.state('auth.loading', {
url: '/loading',//地址欄路徑
templateUrl: 'admin/auth/loading.html' //對應文件
})
- 4 index.html
整個項目的運行泼返，在這里引入所需要的所有js和css
Paste_Image.png
頂部和底部不變缴渊，可以固定
<div ui-view></div>把對應頁面的html加載到含有ui-view的div中
ng-app="routerApp"angular的作用域
其他仑乌、webSDK
1、SDK
這是一個非常大的概念--"軟件開發(fā)工具包"跳纳，這個工具包中集成了各種開發(fā)工具和接口忍饰，是用來簡化使用某種語言或平臺的開發(fā)過程的
2、網(wǎng)易云信示例
http://dev.netease.im/docs?doc=web_demo&pos=toc-1
視頻播放寺庄，聊天艾蓝。客服
