×
广告

会员注册、找回密码、登陆(邮箱与手机验证码)

96
Javen205 595a1b60 08f6 4beb 998f 2bf55e230555
2016.11.14 22:44* 字数 569

欢迎留言、转发

微信极速开发系列文章(微信支付、授权获取用户信息等):点击这里

最近很多人问 开源项目中的截图如何使用,我怎么看不到这个效果。 今天就来聊聊这个话题

1、如何显示会员登录页?

如果你没有做任何的改动项目中访问的地址为:http://域名或者IP[/项目名称]/toOauth

具体实现在com.javen.controller.IndexController

说明:通过授权获取用户信息 将获取到的信息保存到users 表并将OpenId 放到session ,授权之后根据state 跳转到不同的页面。其中还判断了用户是否关注如果没有关注就重定向到关注的图文(不是必须,可以忽略) 。具体实现可以看com.javen.weixin.controller.WeiXinOauthController 中的代码 如何授权获取用户信息点击这里

会员登录
2、如何显示注册/忘记密码页?

会员登录页显示出来了,注册/忘记密码就不难了只是页面之间的跳转。

注册、忘记密码代码实现.png
3、前端使用什么框架?

前端页面代码都在/weixin_guide/src/main/webapp/front

前端框架 jQuery WeUI
弹出框 layer

4、邮箱、手机发送验证码?
邮箱发送验证码工具类/weixin_guide/src/main/java/com/javen/utils/EmailUtils.java

参考资料

具体实现分为同步异步发送邮件 /weixin_guide/src/main/java/com/javen/utils/WebUtils.java


/**
     * 异步发送Email
     * @param email
     * @param subject
     * @param content
     */
    public static void sendAsynMail(String email,String subject,String content){
        EmailUtils.asynMail(MailData.New()
                .subject(subject)
                .content(content)
                .to(email)
                .cc(PropKit.get("notify_email_test"))
                );
    }
    
    
    /**
     * 同步发送Email
     * @param email
     * @param subject
     * @param content
     * @return
     */
    public static boolean sendMail(String email,String subject,String content){
        return EmailUtils.sendMail(MailData.New()
                .subject(subject)
                .content(content)
                .to(email)
                .cc(PropKit.get("notify_email_test"))
                );
    }

测试时需要在 /weixin_guide/src/main/resources/mail.properties 中配置相关的参数

邮件参数配置.png
之前测试的截图.png
手机发送验证码工具封装

这里使用的是第三方的平台,如果有需要可以联系我索取。具体实现代码如下
/weixin_guide/src/main/java/com/javen/utils/SMSUtils.java

具体页面逻辑实现

/weixin_guide/src/main/java/com/javen/controller/AjaxController.java 中的login()forget()

5、其他页面?

百度翻译

/weixin_guide/src/main/java/com/javen/controller/IndexController.java 中的translate() 方法 访问地址http://域名或者IP[/项目名称/端口号]/translate

星座运势

/weixin_guide/src/main/java/com/javen/controller/ConstellationController.java 访问地址http://域名或者IP[/项目名称/端口号]/constellation

如果有疑问请留言或者加群 148540125

微信公众号开发
Web note ad 1