前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VFP开发公众号领取优惠券,用户注册后跳转各种目标页,一套标准流程送给您

VFP开发公众号领取优惠券,用户注册后跳转各种目标页,一套标准流程送给您

作者头像
加菲猫的VFP
发布2022-02-17 09:13:39
5790
发布2022-02-17 09:13:39
举报
文章被收录于专栏:加菲猫的VFP
最近在给福建某知名超市设计成优惠券系统中,遇到了这样一个需求。超市系统中会员注册是依据手机号注册的,那公众号中发放优惠券系统就需要实现微信ID和手机号的绑定,然后再跳转到优惠券领取页面。 这里还有一个流程,原来登录是跳转到会员中心的,现在是要求直接跳转到领取优惠券页面。 流程如下:

流程

要实现这个流程在祺佑三层框架(猫框)中也很简单。 会员中心入口网址 ctl_user.fsp?proc=usercenterhtml

代码语言:javascript
复制
Procedure usercenterhtml
    Local cOpenid,lcCode,url,cTitle
    *cOpenid=This.ReGetOpenId() &&如果要调用OPENID 的地方,就要执行这个获取openid
    cWorkhtml=getwwwRootPath("")+"tmpl\usercenter.html"
    cReghtml=getwwwRootPath("")+"tmpl\reg.html"
    cOpenid=HttpQueryParams("openid")
    If Empty(cOpenid)
        This.ReGetOpenId()
    Else
        *写入cookie
        httpSetcookie("openid",cOpenid,Datetime()+2*3600)
        This.openid=cOpenid
    Endif
    *--验证用户openid数据表是否存在,如若存在即是已绑定
    If !Empty(This.openid)
        oDBSQLhelper=Newobject("MSSQLHelper","MSSQLHelper.prg")
        TEXT TO lcSQLCmd NOSHOW TEXTMERGE
           SELECT COUNT(*) FROM wxuser_ck WHERE wxid=?this.openid
        ENDTEXT     
        nRow=oDBSQLhelper.GetSingle(lcSQLCmd)
        If Isnull(nRow) And !Empty(oDBSQLhelper.errmsg)
            Error oDBSQLhelper.errmsg
        Endif
        Do Case
            Case nRow==0  &&没有记录,跳转到登录面             
                Private lcmyurl             
                lcmyurl="ctl_user.fsp?proc=usercenterhtml&appuser=bluesky"
                cHtml=FWS_MergeFile(cReghtml)   &&需要注册
            Case nRow==1
                cHtml=Filetostr(cWorkhtml)  &&已注册,用户中心页
            Otherwise
                Error "用户重复注册"
        Endcase
    Endif

    Return cHtml
Endproc

这里面有一句值得关注lcmyurl,存放了登录完成之后的跳转URL 登录页HTML代码

代码语言:javascript
复制
<form id="form">
    <div class="weui_cells weui_cells_form">       
        <div class="weui_cell weui_vcode">
            <div class="weui_cell_hd"><label class="weui_label"><i class="icon icon-90 f20 query-color"></i> 手机号</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input id="txtphone" class="weui_input" type="tel" required pattern="[0-9]{11}" maxlength="11"placeholder="请输入手机号" tips="请输入手机号" notMatchTips="请输入正确的手机号">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
                <a id="btnyzm" href="javascript:;" class="weui-vcode-btn query-color">获取验证码</a>
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd"><label class="weui_label"><i class="icon icon-71 f20 query-color"></i> 验证码</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input id="txtyzm" class="weui_input" type="number" required placeholder="请输入验证码" emptyTips="请输入验证码">
            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
            </div>
        </div>
    </div>
    <div class="weui_btn_area">
        <a id="formSubmitBtn" href="javascript:" class="weui_btn query-bg-color">注 册</a>
    </div>

</form>

登录按钮绑定click事件

代码语言:javascript
复制
$("#formSubmitBtn").on("click",function(){
             var cphone=$("#txtphone").val();
               var yzm=$("#txtyzm").val();
             $.post("ctl_user.fsp?proc=userbind&appuser=bluesky",{
                   phone:cphone,
                   code:yzm
                },function(data){
                   console.log(data);
                   var odata=JSON.parse(data);
                   if(odata.errno!=0){
                       $.alert(odata.errmsg);
                       return;
                   }                   
                   $.alert("绑定成功,开始跳转");
                   setTimeout(function(){                  
                       window.location.href="<%=u(lcmyurl)%>"
                   },3000)

                })

         })

这样就可以实现任意的URL,先跳转登录页,再跳转目标页的功能了。

我发现有些狐友的编程水平有高有低,很多没有经过系统学习,还需要打打基础,这里有本书,可以练习一下。

现在在猫框的加持下,只用DBF,也可以开发各种管理应用,无论网页、手机、还是公众号、还是小程序。

每日一练做到了,你才能学会一个真正的技能。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-01-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 加菲猫的VFP 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档