day06

主要讲解点：

1. 定区关联客户功能实现（重点）
2. 定区关联快递员功能实现（重点）
3. AngularJS的使用（重点）
4. 吉信通发短信（了解）
5. 分区业务及前端系统业务分析（了解）

1. 定区关联客户功能实现(能实现)

5、实现页面select左右移动效果

6、点击关联客户按钮，提交form表单到所有关联到当前定区的客户id和定区id

7、将右侧select中所有选项提交

8、编写服务器端，实现调用远程WebService完成客户关联定区

 

 

 

 

1. 定区关联客户功能Bug修复(理解)

1、修复bug，页面数据从CRM获取重复列表显示问题

2、CRM系统，网络传输慢时，显示进度条，改善用户体验

注意：1.$("#noassociationSelect").empty();

$("#associationSelect").empty();放在循环外

2. 在FixedAreaAction的associationCustomersToFixedArea()

//String customerIdStr = StringUtils.join(customerIds, ",");

String customerIdStr = null;

if(customerIds==null) {

    customerIdStr = "";

} else {

    customerIdStr = StringUtils.join(customerIds, ",");

}

 

三、定区关联快递员功能分析(理解，能说)

1、在实现定区关联客户后，需要为定区关联快递员，从而实现，客户下单后，可以间接通过定区找到负责该区域的快递员

2、一个定区，需要指定多个快递员，指定每个快递员上下班时间

 

窗口上可以选择快递员，可以选择一个收派时间

收派时间现阶段前端并没有实现，所以我们需在数据库直接插入测试数据

四、定区关联快递员（快递员列表显示）(能实现)

1、页面使用combobox

2、编写CourierAction添加findnoassociation方法

3、编写业务层代码

在Courier实体类，提供getInfo

五、定区关联快递员（收派时间列表显示）(能实现)

1、编写TakeTimeAction，添加findAll方法

2、编写业务层实现

3、编写DAO

1. 定区关联快递员功能实现(能实现)

1、提交关联表单，为表单隐藏域设置定区id

2、点击关联快递员按钮，提交表单

3、编写FixedAreaAction 添加associationCourierToFixedArea方法

4、编写业务层

1. 分区管理业务简介(理解，能说)

管理分区业务意义：快递员覆盖配送区域叫定区，定区通常信息不一定很全面，例如：快递员负责建材城西路区域配送，有个客户下单，地址在育新花园小区，如何得知育新花园小区在建材城西路上，这里就涉及到分区，分区是对定区的一个细分，分区属于一个自然行政区域

分区有更为具体信息，提供关键字，客户下单时，如果地址无法直接匹配定区找到快递员，可以查询客户所在分区，而通过分区找到定区和快递员

八、第五章主要内容概述

1、前端系统搭建（互联网系统，采用互联网主流开发技术BootStrap+AngularJS）

2、用户注册功能实现，短信平台使用（第三方短信平台 吉信通）

3、ActiveMQ消息队列的使用 解耦合

4、基于Redis实现邮件激活码保存，完成邮件绑定功能

5、Spring Data Redis 使用

九、前台项目导入功能分析(理解)

1. 用户注册、登录
2. 用户下单、快件查询
3. 个人账户管理功能
4. 活动促销列表展示

十、AngularJS下载导入(能实现)

1、官网：https://docs.angularjs.org

2、最核心的：MVVM（model-view view-model）、模块化、自动化双向数据绑定、依赖注入、内部指令、语义化标签

3、使用AngularJs需要导入支持：

1）项目导入angularJs支持

2）页面导入支持

    <script type="text/javascript" src="../js/angular.min.js" ></script>

十一、AngularJS双向数据绑定入门案例(重要)         

双向数据绑定

1. 页面引入angular的js

2、Angular常用属性

        

ng-app 在任何元素上使用，代表angular应用作用域

ng-controller指定控制器

ng-model 指定模型

ng-bind或者{{属性名}}进行属性取值 用于显示

3、什么是双向数据绑定

更新模型，视图会自动更新，更新视图，模型会自动更新

        

 

十二、AngularJS基于模块化的MVC案例(重要)

    Controller控制器是js代码

    Model模型是ng-model里面的name属性

    View视图是{{name}}

十三、AngularJS按钮事件绑定案例(能实现)

 

 

十四、AngularJS使用ngRepeat遍历显示集合数据(能实现)

        

十五、AngularJS路由思想分析(理解)

十六、AngularJS路由使用案例(能实现)

1、项目中引入angular-route.js

2、编辑页面布局，将AngularJs加载变化的部分div,指定ng-view

3、编写angular路由配置routeProvider

 

十七、用户注册短信验证码60秒倒计时效果实现(能实现)

注册功能访问：http://localhost:9003/bos_fore/signup.html

第三方短信平台有延迟，对同一个账户过多发送短信，封号

1. 页面导入angular，在div应用模块和控制器

   

   

2. 对页面获取验证码按钮，添加click事件

3、编写控制器，事件方法代码

使用angular视图ng-bind将按钮文字绑定到作用域属性上

setInterval() 方法

十八、吉信通短信平台发送短信功能实现(能实现)

网址：http://www.winic.org

1、注册账户，获取免费短信条数，使用程序进行调试

2、查看接口服务

3、相关下载

4、短信发送成功返回