Giter Club home page Giter Club logo

qrcodelogin's Introduction

QRCodeLogin

二维码扫码登录;服务器端、网页前端、移动端源码;


项目介绍

  • 一个能够实现扫码登录的demo,不妨小小Star一下吧 >.< ~,简书地址请戳。
  • 本项目一共包含三份源码,即服务器端网页前端移动端
  • 项目 在线体验 请戳,APP安装包 本地下载网盘下载 请戳:
  • 网页和APP默认登录账号:123456,密码:123456。
  • Android 6.0以上的手机使用APP时请前往设置开启权限。

服务器端

  • 说明: 项目通过SpringBoot搭建而成,采用了Mybatis持久层框架,数据库使用的是MySQL。
  • 功能: 主要功能包括生成二维码图片、获取用户登录的IP地址和地理位置(通过百度提供的接口进行解析)等。
  • 源码: 对应Server文件夹,里面包含了sql文件。运行前需要在源码的yml配置文件中修改成自己本地的数据库。

网页前端

  • 说明: 项目基于Vue.js开发,借助vue-cli脚手架进行搭建,使用了Vue Router、axios等。
  • 功能: 主要用于二维码的获取、以及扫码登录过程中的动态效果展示。
  • 源码: 对应Web文件夹,由于没有上传较大的node_modules,所以克隆到本地后要先进行下载。运行前需要将访问的IP地址改成自己本地服务器的IP地址。

移动端

  • 说明: 项目基于Android系统开发,使用了一些优秀的开源依赖,比如OkHttp、ZXing等。
  • 功能: 主要功能包括二维码的扫描和解析、以及和账号登录有关的功能等。
  • 源码: 对应Android文件夹,源码没有针对Android6.0以上的版本动态申请权限。运行前记得改成自己本地服务器的IP地址(不是127.0.0.1了,一般是计算机在局域网的IP地址,DOS窗口输入ipconfig命令),对应要修改的文件是在源码http包的ApiUtil类中。

效果展示

网页前端

动图请戳 >>>


动图请戳 >>>


移动端

动图请戳 >>>

qrcodelogin's People

Contributors

jiaconghu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.