微信小程序实现登录Java前后端分离

最近在学习微信小程序相关的知识，找了很多资料虽然文档很多，但是自己需要的的并不多，现在我把自己学会的做一个小小的demo，以便给那些还没有经验的入门者一些小小的指引，我这是一篇基于Java后端的前后端分离的微信小程序实现的登录。鉴于是简单的前后端demo就没有用Java框架了。前端也是简单的导入了一些组件。该项目是一个完整的登录项目，实际中应用到了MySQL，jdbc进行数据的查询，json作为数据交换。项目中需要用到的jar包，我也会一起放上来，以便大家下载学习。希望大家多多支持。

项目我已经上传到码云了，传送门

1. 项目结构

• 前端
• 后端

2. 微信小程序
3. Java后端
4. MySQL

项目结构

前端

• 下载微信开发者工具，点此跳转
• 注册微信开发者账号，查看自己的APPID（这里其实在开发过程中可以暂时不用，在这里我不过多的描述，这个可以看别人的教程）
• 导入项目，微信小程序中的代码。
• 下面是界面图片和包结构
  
  这里不用纠结pages里面那么多的页面文件，主要登录用的是login页面的文件。读者只需将login文件看懂即可。然后修改下app.json中的配置文件。
  

后端

• 这里我使用的是IDEA，当然也可以使用eclipse或者MyEclipse，都是没得问题的，我就简单的建立了一个Javaweb的项目，方便能够接收跨域的请求。下面是我的项目结构，
  
• 这里我着重的贴一下Java端用来接收前端请求的selvlet的代码，其他的Java后端代码也已经上传到码云项目中了。

package servlet;

import com.google.gson.Gson;
import dao.UserDao;
import vo.User;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.Writer;
import java.sql.SQLException;
import java.util.HashMap;
import java.util.Map