如何搭建一个WEB服务器项目（三）—— 实现安卓端联网登录

安卓端调用服务器登录函数进行验证登录

　　观前提示：本系列文章有关服务器以及后端程序这些概念，我写的全是自己的理解，并不一定正确，希望不要误人子弟。欢迎各位大佬来评论区提出问题或者是指出错误，分享宝贵经验。先谢谢了(￣▽￣)"！

前面两篇算是铺垫了一下后端项目的基本工作流程，本周就讲一下前后端的简单互动——联网登录。

关于这个安卓端的项目，我个人是跟着下面链接里的教程学习的，这个登录功能算是我自己对学到的东西的一个运用，有兴趣的朋友可以去看看原文，是一个网上商城APP的范例：

　　https://blog.csdn.net/sinat_17775997/article/details/79699541?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

老规矩，文中主要用到的代码会在相应位置贴出来，话不多说咱们马上进入正题！

客户端的实现：

• XML布局：

 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context=".LoginActivity">

     <TextView
         android:id="@+id/title"
         android:layout_width="350dp"
         android:layout_height="wrap_content"
         android:layout_marginTop="130dp"
         android:layout_marginLeft="32dp"
         android:text="登录"
         android:textSize="36sp"
         android:textStyle="bold" />

     <EditText
         android:id="@+id/username"
         android:layout_width="350dp"
         android:layout_height="wrap_content"
         android:layout_below="@+id/title"
         android:layout_marginLeft="28dp"
         android:layout_marginTop="35dp"
         android:hint="请输入用户名"
         android:singleLine="true" />

     <EditText
         android:id="@+id/password"
         android:layout_width="350dp"
         android:layout_height="wrap_content"
         android:layout_below="@+id/username"
         android:layout_marginLeft="28dp"
         android:layout_marginTop="20dp"
         android:hint="请输入密码"
         android:inputType="textPassword"
         android:singleLine="true" />

     <Button
         android:id="@+id/login"
         android:layout_width="350dp"
         android:layout_height="wrap_content"

         android:layout_below="@+id/password"
         android:layout_marginLeft="28dp"
         android:layout_marginTop="25dp"
         android:background="#E91E63"
         android:text="登录"
         android:textColor="#000000"
         android:textSize="18sp" />

     <TextView
         android:id="@+id/modify"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/login"
         android:layout_marginLeft="32dp"
         android:layout_marginTop="15dp"
         android:text="修改/忘记密码"
         android:textColor="#03A9F4" />

     <TextView
         android:id="@+id/register"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/login"
         android:layout_marginLeft="180dp"
         android:layout_marginTop="15dp"
         android:layout_toRightOf="@+id/modify"
         android:text="注册新用户"
         android:textColor="#03A9F4" />

 </RelativeLayout>

activity_login.xml

• Activity代码：

 package com.example.dolphin;

 import androidx.appcompat.app.AppCompatActivity;

 import android.content.Intent;
 import android.os.Bundle;
 import android.widget.Button;
 import android.widget.EditText;
 import android.widget.Toast;

 import com.example.dolphin.utils.Constants;
 import com.zhy.http.okhttp.OkHttpUtils;
 import com.zhy.http.okhttp.callback.StringCallback;

 import butterknife.BindView;
 import butterknife.ButterKnife;
 import okhttp3.Call;

 public class LoginActivity extends AppCompatActivity {

     @BindView(R.id.username)
     EditText name;
     @BindView(R.id.password)
     EditText key;
     @BindView(R.id.login)
     Button login;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_login);
         ButterKnife.bind(this);
         login.setOnClickListener(view->
                 new Thread(()->getDataFromNet()).start()
         );
     }
     private void getDataFromNet() {
         String url = Constants.LOGIN_URL;
         OkHttpUtils
                 .get()
                 .url(url)
                 .addParams("name",name.getText().toString())
                 .addParams("key",key.getText().toString())
                 .build()
                 .execute(new StringCallback()
                 {
                     /**
                      * 请求失败的时候回调
                      * @param call
                      * @param e
                      * @param id
                      */
                     @Override
                     public void onError(Call call, Exception e, int id) {
                         System.out.println("首页请求失败=="+e.getMessage());
                     }
                     /**
                      * 当请求成功的时候回调
                      * @param response 请求成功数据
                      * @param id
                      */
                     @Override
                     public void onResponse(String response, int id) {
                         System.out.println("首页请求成功=="+response);
                         //解析数据
                         processData(response);
                     }
                 });
     }

     private void processData(String json) {
         System.out.println(json);
         if(json.equals("YES")){
             Toast.makeText(this,"登陆成功",Toast.LENGTH_SHORT).show();
             Intent intent = new Intent(this, MainActivity.class);
             startActivity(intent);
         }else
             Toast.makeText(this,"用户名或者密码错误",Toast.LENGTH_SHORT).show();
     }
 }

LoginActivity.java

　　这里用到了鸿洋大神封装好的 okhttp3 以及插件ButterKnife（黄油刀），其主要功能分别如下：

　　okhttp-utils（目前对以下需求进行了封装）：

• 一般的get请求
• 一般的post请求
• 基于Http Post的文件上传（类似表单）
• 文件下载/加载图片
• 发布下载的进度预期
• 支持取消某个请求
• 支持自定义回调
• 支持HEAD，DELETE，PATCH，PUT
• 支持会议的保持
• 支持自签名网站https的访问，提供方法设置下证书就行

　　如何引入依赖以及详细介绍请移步到这位大神的Github：https://github.com/hongyangAndroid/okhttputils

　　ButterKnife（黄油刀）：

　　ButterKnife是一个专注于Android系统的View注入框架,以前总是要写很多findViewById来找到View对象，有了ButterKnife可以很轻松的省去这些步骤。是大神JakeWharton的力作，目前使用很广。最重要的一点，使用ButterKnife对性能基本没有损失，因为ButterKnife用到的注解并不是在运行时反射的，而是在编译的时候生成新的class。项目集成起来也是特别方便，使用起来也是特别简单。

　　使用与配置方法总结见这里：https://www.cnblogs.com/chenxibobo/p/9633086.html

　　还有就是为了避免每次进行get或者post请求时都会填写很长的url地址，我新建了一个公共类保存这些静态变量，如下图：

　　同时记得把地址和端口号填写正确，而且确保要访问的服务器正在运行，不然会出现如下错误提示（写在代码里了）：

WEB端的实现：

• LoginController（登录控制层）

 package dolphin.controller;

 import dolphin.service.UserService;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
 import dolphin.utils.Singleton;
 import org.springframework.web.bind.annotation.ResponseBody;

 import javax.servlet.http.HttpServletRequest;

 /**
  * 登录控制层
  * @author 郭小柒w
  * @date 2020/3/25 21:18
  */
 @Controller
 public class LoginController {
     private UserService userService = (UserService) Singleton.GetApplicationContext().getBean("UserServiceImpl");
     /**
      * @Description :登陆验证
      * @return :java.lang.String
     **/
     @ResponseBody
     @RequestMapping("/Login")
     public String check(HttpServletRequest request){
         //获取请求中的参数，用户名和密码
         String name = request.getParameter("name");
         String key = request.getParameter("key");
         //返回验证结果
         return userService.isLoginOk(name,key) ? "YES" : "NO";
     }
 }

LoginController.java

• isLoginOk（登录函数）

 public boolean isLoginOk(String username, String password){
         //这里使用了最简单粗暴的方法，获取全部用户信息后再逐个进行对比
         List<UserEntity> list = getAll();
         for (UserEntity arr:list) {
             if(username.equals(arr.getUserName())&&password.equals(arr.getUserKey()))
                 return true;
         }
         return false;
     }

isLoginOk.java

　　这个登录验证函数是在UserDaoImpl里实现的（具体代码见本系列第二篇），供Service调用，最终由LoginController接受客户端的请求并提供相应功能。这里对于验证结果的返回没有做复杂的处理，只是简单地返回了字符串“YES”或“NO”，供客户端进行判断。运行效果如下（用户名：fffvv，密码：122211，为本系列第二篇中新增的用户）：

密码错误示意图

密码正确示意图

　　好了，至此一个简单的登录模块已经完成了。你也可以尝试使用安卓的SharedPerferences对用户的信息进行保存，避免每次都需要用户登录。本期的介绍到这里也就差不多了。如果你对代码中的某些部分有疑问，欢迎在评论区里指出，我会在空闲时间尽快进行回复。

—————————我———是———分———割———线—————————

　　废话来啦！

　　本来是要打算周五正常更新的，不过上午突然接到了个老师的通知，大概内容是我们组马上要对方案设计进行线上答辩了，PPT也要进行改动。想了想这周还有一个计网实验报告没写，最近打卡变捞也想得到提升，就早早把这篇文章赶出来了，本周五的更新就算是提前了吧，昨天真不该毒奶的。。。