day06
作者:互联网
- 定区关联客户功能实现(重点)
- 定区关联快递员功能实现(重点)
- AngularJS的使用(重点)
- 吉信通发短信(了解)
- 分区业务及前端系统业务分析(了解)
- 定区关联客户功能实现(能实现)
5、实现页面select左右移动效果
6、点击关联客户按钮,提交form表单到所有关联到当前定区的客户id和定区id
7、将右侧select中所有选项提交
8、编写服务器端,实现调用远程WebService完成客户关联定区
- 定区关联客户功能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、提交关联表单,为表单隐藏域设置定区id
2、点击关联快递员按钮,提交表单
3、编写FixedAreaAction 添加associationCourierToFixedArea方法
4、编写业务层
- 分区管理业务简介(理解,能说)
管理分区业务意义:快递员覆盖配送区域叫定区,定区通常信息不一定很全面,例如:快递员负责建材城西路区域配送,有个客户下单,地址在育新花园小区,如何得知育新花园小区在建材城西路上,这里就涉及到分区,分区是对定区的一个细分,分区属于一个自然行政区域
分区有更为具体信息,提供关键字,客户下单时,如果地址无法直接匹配定区找到快递员,可以查询客户所在分区,而通过分区找到定区和快递员
八、第五章主要内容概述1、前端系统搭建(互联网系统,采用互联网主流开发技术BootStrap+AngularJS)
2、用户注册功能实现,短信平台使用(第三方短信平台 吉信通)
3、ActiveMQ消息队列的使用 解耦合
4、基于Redis实现邮件激活码保存,完成邮件绑定功能
5、Spring Data Redis 使用
九、前台项目导入功能分析(理解)- 用户注册、登录
- 用户下单、快件查询
- 个人账户管理功能
- 活动促销列表展示
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双向数据绑定入门案例(重要)双向数据绑定
- 页面引入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
第三方短信平台有延迟,对同一个账户过多发送短信,封号
- 页面导入angular,在div应用模块和控制器
- 对页面获取验证码按钮,添加click事件
3、编写控制器,事件方法代码
使用angular视图ng-bind将按钮文字绑定到作用域属性上
setInterval() 方法
十八、吉信通短信平台发送短信功能实现(能实现)1、注册账户,获取免费短信条数,使用程序进行调试
2、查看接口服务
3、相关下载
4、短信发送成功返回
标签:定区,实现,day06,关联,快递,AngularJS,ng 来源: https://blog.51cto.com/u_7692005/2968681