基于angularjs的发送短信功能

基于angularjs的发送短信功能

需求：由于业务的需要，需要为游戏后台管理系统添加一个一键发送短信的功能，（需要接入第三方平台来发送短信，）前端的工作有将输入的电话号码和短信内容传送给后台，与后台约定接口。

’模块‘是由视图（view）服务（service） 控制器（controller）三部分组成，

在创建模态框时候

{

view 用来显示模态框

服务用来创建一个实例（将view显示出来）

控制器（controller）用来提供逻辑（用来提供点击模态框中的发送按钮）

}

 

点击后需要弹出一个模态框   需要做一个服务来提供弹出模态框的方法  ，点击模态框的发送按钮触发一个方法（这个方法定义在控制器中）

第一步  在合适的位置添加一个点击按钮，

这次将功能添加到了  玩家管理-->玩家列表中最后一列添加了点击按钮

第二步   点击后弹出一个模态框、

在players.client.view.html中添加一个按钮

 <button type="button" 
class="btn btn-danger btn-xs" 
data-toggle="modal" 
ngclick="$SendToPlayerMessageService.open('modules/theme/client/views/components/modals/sendToPlayerMessage-components.client.view.html', 'md', {infoData} )">
发送短信</button>

在按钮中添加点击事件，点击后就会调用SendToPlayerMessageService里面的open（）方法 。这个方法中需要传入一个弹出的模态框的路径、模态框的大小、一个属性infoData、

infoData这个方法是在players.client.controller.js中定义的被$scope修饰的可以被访问到的属性这个属性

$scope.infoData = {
   sendMassage : $scope.sendMassage,
};

 第三步  模态框的编写

项目中很多地方都用到弹出模态框这个功能

模态框我将它放在了单独的一个模块写

modules/theme/client/views/components/modals/sendToPlayerMessage-components.client.view.html    就在这个页面中写模态框

<div class="modal-content" style="background: #eeeeee">
    <div class="modal-header">
        <!-- 关闭小叉号 -->
        <button type="button" class="close" ng-click="$dismiss()" aria-label=