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

欢迎留言、转发

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

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

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

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

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

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

会员登录

2、如何显示注册/忘记密码页？

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

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