当前位置:首页 > 开发 > 移动开发 > 正文

party_bid 项目之 活动报名 (board2)

发表于: 2013-12-13   作者:狼牙_   来源:转载   浏览:
摘要: 1.功能介绍:     board2部分实现的功能是在创建完活动后,进入活动报名页面,点击通过手机发送短信到指定号码来实现活动报名.发送短信后,指定手机接收短信并判断,当开始报名之前和结束之后接收的短信将返回报名失败提示,当开始报名后,接收的短信并判断符合条件的,保存数据到本地,并发送成功报名的提示.   2.页面残留问题:     在an

1.功能介绍:

    board2部分实现的功能是在创建完活动后,进入活动报名页面,点击通过手机发送短信到指定号码来实现活动报名.发送短信后,指定手机接收短信并判断,当开始报名之前和结束之后接收的短信将返回报名失败提示,当开始报名后,接收的短信并判断符合条件的,保存数据到本地,并发送成功报名的提示.

 

2.页面残留问题:

    在angularjs中,实现页面跳转的是$navigate.go(),但是在执行过程中会遇到一些问题:

     

function ActivityListController($scope,$navigate)
{ 
    if(!localStorage.localEventsLists)
    {
        $navigate.go("/creat_activity", "none");
    }
}

     在上面这段代码中,当if语句中的条件为真时,会执行下面的跳转语句,但是新跳转的页面会残留上一个页面的元素,通过审查元素发现,两个页面合并成一个页面.跳转后,手动刷新页面,残留元素消失,页面正常显示.但是,通过调用函数执行的页面跳转语句却正常执行.

    解决办法:将上述代码装进一个函数中,并在页面结尾手动调用该函数.改进后,页面跳转正常显示.

$scope.check_empty =function(){
        if(!localStorage.localEventsLists)
        {
            $navigate.go("/creat_activity", "none");
        }
        return "";
    }

 

{{check_empty()}}

 3.当有别的活动正在报名的时候,该活动在活动列表中的底色为黄色,活动列表页面的创建按钮为不可点击状态,查看其他活动,进入活动报名页面后,无法开始报名,开始按钮不可点击。

 

     解决方法:在创建对象的时候有一个标记活动开始或者正在进行或者活动结束的属性.当点击开始按钮和点击结束按钮后,该属性改变为相对应的值:

function newActivity()
    {
        this.name = $scope.put;
        this.bid=0;
        this.disabled=false;
        this.signuping="";
    }

 在页面中,将背景色属性设置为变量,当变量的值为空的时候,不变色,当值为"yellow"的时候,背景变为黄色.

 

%div()
   %ul( class= "list-style-1 " style= "height:100% ")
     %li( ng-repeat= "list in newList")
       %a( style= "background:{{list.signuping}}" id= "lists" ng-tap= "goto_signUpPage(list)")
         %h3() {{list.name}}

  4.当接收到一条报名短信并判断符合格式,将信息保存到本地之后,需要在报名页面立刻更新出报名者的信息

解决方法:

  定义一个刷新的函数,刷新要迭代的数组信息.

function bid_page_refresh() {
    var bid_info = document.getElementById("price_list");
    if (bid_info) {
        var scope = angular.element(bid_info).scope();
        scope.$apply(function () {
            scope.priceList();
        })
    }
}
 
 

   并在接受到短信后调用该函数:

if(Keyword == "BM" && JSON.parse(localStorage.getItem("list_disabled")).signuping=="yellow" && JSON.parse(localStorage.getItem("list_disabled")).bid==1 && key)
    {
        var person = new Person(json_message.messages[0].message.substring(2,5),json_message.messages[0].phone);
        var personList = JSON.parse(localStorage.getItem("localPersonLists_"+JSON.parse(localStorage.getItem("list_disabled")).name)) || [];
        personList.push(person);
        localStorage.setItem("localPersonLists_"+JSON.parse(localStorage.getItem("list_disabled")).name,JSON.stringify(personList));
        console.log("报名成功!");
        signup_page_refresh();
        return;
    }
 
 
 

 

party_bid 项目之 活动报名 (board2)

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
 报名地址: http://event.t.sina.com.cn/event/106631 推荐:你可能需要的在线电子书 我的新
【结束】按钮变为【开始】按钮,如果点击【开始】按钮,则可以继续之前的报名 只要有活动在报名,其
热忱邀请您参加微软在 2013年4月27日举办的Global Windows Azure CAMP - 北京站。 微软资深专家和MV
CloudStack云平台是世界上商用程度最高的开源云计算软件,是由世界最大的开源组织Apache基金会管理
活动图描述需要执行的活动及活动执行的步骤顺序,活动图就是一种流程图,表示从活动到活动的控制流
活动图Activity Diagram,用来表示一个算法的执行序列、过程、判定点、分支和循环,并且支持并行活动
一,什么是活动图? 活动图(Activity Diagram)是一种描述系统行为的图,活动图描述满足用例要求所
活动图(Activity diagrams) 活动图是阐明了业务用例实现的工作流程。业务用例工作流程说明了业务
1.概念 与流程图类似,但支持并行活动 缺点:很难清楚的描述动作与对象之间的关系。 2.常用元素 3.
活动图 用途:描述一个操作的执行过程中所完成的工作或动作,这是活动图最主要的用途。 描述对象内
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号