Angular项目讲解

angular，learn

目录

• 单页面应用的本质(用jquery简单实现下)
• Angular几大核心模块
• sgm前端框架的整个思路
• 前端，中台，后台，文件服务器 之间的关系
• 开发时注意事项
• 调试技巧

单页面应用的本质(用jquery简单实现下)

jquery 下的简单单页面

框架的本质

    function update(){
        var mobileValue = $("#mobile").val();
        var cardNoValue = $("#cardNo").val();
        var custNameValue = $("#custName").val();
        console.table({"手机号码": mobileValue,"证件号码": cardNoValue, "客户姓名": custNameValue});
        $.post("api/search",{mobileValue:mobileValue,cardNoValue: cardNoValue,custNameValue: custNameValue},function(data){
            console.log(data);
            $("#mobile").val(data.mobile);
            $("#cardNo").val(data.cardNo);
            $("#custName").val(data.custName);
        })
    }

Angular几大核心模块

sgm前端框架的整个思路

- 入口文件
— 路由，懒加载
- 模块化
- 公共 ajax 拦截
- 公共弹出框
- 公共 样式封装
- 和sgm的analytics 集成

公共 ajax 拦截

开发时注意事项

-  代码层面
-  本地配置代理
-  本地配置qa代理
-  qa环境发包
-  生产环境发包
-  样式注意点

前端，中台，后台，文件服务器 之间的关系