极速开发微信公众号之页面注册、登录、找回密码

欢迎留言、转发

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
* 异步发送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

Javen wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!