search

mianmalife / notebook

记录一下
2 stars 0 forks source link

项目中angular1的使用以及Fiddler #2

Open mianmalife opened 6 years ago

mianmalife commented 6 years ago

enbrands项目

1.挂载：<html ng-app="myApp"> 2.模块入口：enbrands.app.js做了一些基础配置

var myApp = angular.module("myApp", [
    'ui.router',
    'ngAnimate',
    'ngSanitize',
    'enbrands.nav',
    'Utint.base',
    'authorityManager',
    'ngFileUpload'
]);
.....

3.加载模块 比如enbrands.nav

    var myNav = angular.module('enbrands.nav', ['ui.router', 'Utint.lazyLoad']);

4.加载/statistic/assets/javascript/module/enbrands.nav.js?v=1.5.72 enbrands.nav.js模块中配合路由设置状态

    $stateProvider.state('data-manager/member', {
        url: '/data-manager/member',
            templateUrl: '/statistic/assets/tmpl/data-manager/member/member.html',
                controller: 'member',
                resolve: UtintRequireProvider.loadDeps([
                '/statistic/assets/stylesheet/member.css',
                '/statistic/assets/stylesheet/shopSelect.css',
                'service/shopSelectService',
                'controller/member/member',
            ]),

包括对应的url,模板地址，样式，控制器设置（我的理解为相应的数据以及逻辑处理吧）

ng-include:

指令用于包含外部的 HTML 文件。 包含的内容将作为指定元素的子节点。 ng-include 属性的值可以是一个表达式，返回一个文件名。 默认情况下，包含的文件需要包含在同一个域名下。

<ng-include src="'/statistic/assets/tmpl/layout/nav.html'"></ng-include>
</p>

angular-ui-router

uri-sref:指令链接到特定状态

<dd auth-hide='member_management_member'><a ui-sref="data-manager/member">会员列表</a></dd>

链接到：'/statistic/assets/tmpl/data-manager/member/member.html',

Fiddler抓包工具简单实用

1.打开Fiddler软件，点击AutoResponer,下面的选项都勾上 2.设置Ruler Editor规则

regex:(?inx)http://test-s.enbrands.com/statistic/assets
D:\zhangkexu\assets
http://test-s.enbrands.com/statistic/assets //浏览器实际的请求地址