微信小程序如何实现登录注册带源码

前几天没事随手写了个小程序端的登录注册，现在分享给大家

一、登录微信前端

这是效果图与wxml代码

这是wxss代码

input{height: 100rpx;
text-align: center;
margin-top: 20rpx;
border: 1px solid skyblue;
}
.input1{margin-top: 10rpx;
}
button{color:rgb(184, 173, 173);margin-top: 20rpx;background-color:seagreen;
}
.bg{height: 70vh;width: 100vw;}
.button1{margin-left: 50rpx;}
.button2{margin-right: 50rpx;float: right;
}

这是login.js逻辑代码

// pages/index/login.js
Page({/*** 页面的初始数据*/data: {},
//登录按钮绑定的事件
submit2:function(e){var  username=e.detail.value.username;
var  password=e.detail.value.password;console.log(username);console.log(password);wx.request({//url地址可以换成你自己的后台服务器地址url: 'http://localhost:8080/weixin02/LoginServlet',data:{username:username,password:password,},header:{"content-type":" application/json" },success:function(res){console.log(res.data.code)var re=res.data.codeif(re==200){wx.switchTab({url: '../index/index',})}else{console.log("登录失败")wx.navigateTo({url: 'login',})}console.log(res)}})
},
//这是注册按钮
submit1:function(e){wx.navigateTo({url: 'register',})
}
})

微信前端就是这么多了，接下来是后台的代码我使用的是idea写的，不管用啥java代码都是一样的

二、登录后台

这是大概需要的代码框架

由于篇幅有限我这里提供一下最核心的代码首先是userDaoImpl的代码

package com.lwh.dao.impl;import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;import com.lwh.dao.UserDao;
import com.lwh.pojo.User;
import com.lwh.utils.JdbcUtil;public class UserDaoImpl implements UserDao {@Overridepublic int login(User user)  {// TODO Auto-generated method stubPreparedStatement ps = null;Connection connection=null;ResultSet rs=null;int r=-1;try{connection = JdbcUtil.getConnection();String sql="SELECT*FROM tb_user WHERE username=? AND PASSWORD=?";ps=connection.prepareStatement(sql);ps.setObject(1,user.getUsername());ps.setObject(2, user.getPassword());//boolean execute = ps.execute();rs = ps.executeQuery();boolean absolute = rs.absolute(1);System.out.println(absolute);if(absolute) {System.out.println("登录成功");r=1;}else {System.out.println("登录失败");}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally {JdbcUtil.JdbcClose();}return r;}
//这是注册的代码可以忽略@Overridepublic int register(User user) {// TODO Auto-generated method stubPreparedStatement ps = null;Connection connection=null;int  rs=-1;int r=-1;try{connection = JdbcUtil.getConnection();String sql="insert into tb_user(username,password) value(?,?)";ps=connection.prepareStatement(sql);ps.setObject(1,user.getUsername());ps.setObject(2, user.getPassword());//boolean execute = ps.execute();rs = ps.executeUpdate();System.out.println(rs);if(rs>0) {System.out.println("注册成功");r=1;}else {System.out.println("注册失败用户已存在");}} catch (SQLException e) {// TODO Auto-generated catch blockSystem.out.println("注册失败用户已存在");//e.printStackTrace();}finally {JdbcUtil.JdbcClose();}return r;}}

接下来就是那个servlet的代码用于接受微信端请求的数据的代码

package com.lwh.servlet;import java.io.IOException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.lwh.pojo.User;
import com.lwh.service.LoginService;
import com.lwh.service.impl.LoginServiceImpl;/*** Servlet implementation class LoginService*/
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public LoginServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//response.setCharacterEncoding("UTF-8");//response.setContentType("application/json;charset=utf-8");//request.setCharacterEncoding("UTF-8");PrintWriter out=response.getWriter();String username=request.getParameter("username");String password=request.getParameter("password");LoginService ls=new LoginServiceImpl();System.out.println(username+"--"+password);User user=new User();user.setUsername(username);user.setPassword(password);int re=ls.login(user);System.out.println("re"+re);if(re>0){out.print("{\"code\":\"200\",\"msg\":\"success\"}");System.out.println("Servlet登录成功");}else {out.print("{\"code\":\"201\",\"msg\":\"false\"}");System.out.println("Servlet登录失败");}}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoGet(request, response);}}

OK，到这里就差数据库了，看下面这是数据库建的表

that is all ，大功告成，测试登录成功，由于时间问题，明天我再分享注册最后欣赏一下我登录后主页面

微信小程序如何实现登录注册带源码相关推荐

微信小程序顶部搜索框（带源码建议收藏）
这是一个最简单的顶部搜索框代码如下 wxml <view><view><view class="weui-search-bar"><v ...
微信小程序支付功能-服务器端实现(附源码)
实现了小程序最新的V3版本支付功能, 包括:支付.支付通知.退款.退款通知. 服务器端使用java开发,springboot框架源码链接在评论中微信小程序支付功能-服务器端实现(附源码)_哔哩哔哩 ...
springboot基于微信小程序的校园外卖系统毕业设计源码091024
Springboot基于微信小程序的校园外卖系统摘要随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...
微信小程序版的登录注册
##使用微信小程序进行用户的登陆注册功能使用了weui进行 ####1.登录界面展示: ####2.注册界面展示 ####3.代码列表展示: ####4.核心功能 #####(1)用户名密码错误: ...
微信小程序入门七登录注册
上一章介绍了微信小程序入门六本地缓存和搜索 ,这章介绍小程序的登录注册页面.主要有表单的验证,错误信息的提示,form表单的取值,get / post 请求 ,反馈交互提示框,页面跳转以及页面U ...
node.js基于微信小程序的校园失物招领毕业设计源码072343
微信小程序的校园失物招领系统摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序的校 ...
springboot基于微信小程序的选课系统毕业设计-附源码060000
目录摘要 1 1 绪论 1 1.1研究背景 1 1.2开发意义 1 1.3系统开发技术的特色 1 1.4论文结构与章节安排 1 2选课系统小程序系统分析 3 2.1 可行性分析 3 2.2 系统流 ...
SSM+mysql+微信小程序超市外卖系统-计算机毕业设计源码97313
摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,超市外卖系统小程序被用户普遍使用,为方便用户 ...
springboot+mysql+微信小程序点餐系统-计算机毕业设计源码65933
摘要点餐系统小程序采用B/S模式.采用JAVA语言.SSM框架.mysql数据库.小程序框架uniapp等开工具.促进了点餐系统小程序的业务发展.与传统线下点餐相比,点餐微信小程序不但节省了商家 ...

微信小程序如何实现登录注册带源码

一、登录微信前端

二、登录后台

微信小程序如何实现登录注册带源码相关推荐

最新文章

热门文章