Android实现注册登录头像上传等功能常规开发(Android端，服务器端开发实例)

时间  2020-12-26
栏目 Android 繁體版
原文   原文链接
 

Android实现注册登录头像上传等功能常规开发(Android端，服务器端开发实例)

标签： 注册登录Android开发servlet
2017-04-18 20:34  454人阅读  评论(1)  收藏  举报
  分类：
   

版权声明：本文为博主原创文章，未经博主允许不得转载。

目录(?)[+]

时隔半年再次敲动键盘，发现时间过得真心快。原本自己该干的事情被琐碎事情给耽搁了，现在想想该重新振奋起来好好努力。闲话到此，今天给大家带来的教程是常规化也是常见的登录注册上传头像等操作，本篇也是从项目中挑出部分，项目是真实测试的，完全能实现如上操作，所以各位不用担心，由于时间原因，就不连接服务器测试了，本篇文章也只是演示下过程。包括了客户端和服务器的部分程序，当然了该篇博客仅限学习，下面进入正文。下面是项目的注册登录部分在模拟器上的演示：


在开始讲解咱们的项目之前咱们先整理下思路。在学习本篇文章前请了解并学习下列相关知识：

  • okhttp网络请求库最新版本的使用方法(建议去github下载相应的okhttp工具类)
  • Mysql数据库进行数据存储
  • servlet相关知识(请参考 超详细servlet+jdbc+html+css实现后台管理登陆)
  • Base64图片编码
  • Tomcat服务器实现虚拟映射路径设置(在本篇文章中将图片保存在服务器的虚拟映射路径中)

注意：本篇文章可能不能完全把代码完全注释讲解，所以敬请大家有点耐心。

客户端：

  1. 编写注册界面的xml布局文件
  2. 实现注册界面的逻辑实现
  3. 编写登录界面的XML布局文件
  4. 实现登录界面的逻辑实现  
首先我们看到客户端的整体的结构图：


注册界面布局：wyt_register.xml

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
  4.     android:id="@+id/register"  
  5.     android:orientation="vertical"  
  6.     android:layout_width="match_parent"  
  7.     android:layout_height="match_parent"  
  8.     android:background="#f5f5f5"  
  9.     >  
  10.     <LinearLayout  
  11.         android:layout_width="match_parent"  
  12.         android:layout_height="wrap_content"  
  13.         android:orientation="vertical">  
  14.         <com.mero.wyt_register.widget.CustomTitleBar  
  15.             android:layout_width="match_parent"  
  16.             android:layout_height="80dp"  
  17.             app:text="用户注册"  
  18.             app:background_color="@color/mediumturquoise"  
  19.             />  
  20.         <LinearLayout  
  21.             android:layout_width="match_parent"  
  22.             android:layout_height="150dp"  
  23.             android:orientation="vertical"  
  24.             android:background="@color/mediumturquoise">  
  25.             <RelativeLayout  
  26.                 android:layout_width="match_parent"  
  27.                 android:layout_height="match_parent">  
  28.                 <ImageView  
  29.                     android:id="@+id/img_upload_img"  
  30.                     android:layout_width="100dp"  
  31.                     android:layout_height="100dp"  
  32.                     android:layout_centerHorizontal="true"  
  33.                     android:src="@drawable/menu_item_theme"/>  
  34.                 <TextView  
  35.                     android:id="@+id/tx_upload_img"  
  36.                     android:layout_below="@id/img_upload_img"  
  37.                     android:layout_width="wrap_content"  
  38.                     android:layout_height="wrap_content"  
  39.                     android:text="上传头像"  
  40.                     android:layout_centerHorizontal="true"  
  41.                     android:textSize="15sp"  
  42.                     android:gravity="fill_vertical"  
  43.                     android:textColor="#fff"/>  
  44.             </RelativeLayout>  
  45.         </LinearLayout>  
  46.   
  47.     </LinearLayout>  
  48.   
  49.     <LinearLayout  
  50.         android:layout_width="match_parent"  
  51.         android:layout_height="100dp"  
  52.         android:orientation="vertical"  
  53.         android:background="#FFF">  
  54.         <LinearLayout  
  55.             android:layout_width="match_parent"  
  56.             android:layout_height="50dp"  
  57.             android:orientation="horizontal">  
  58.             <ImageView  
  59.                 android:id="@+id/img_register_account"  
  60.                 android:layout_width="32dp"  
  61.                 android:layout_height="32dp"  
  62.                 android:src="@drawable/account"  
  63.                 android:layout_marginLeft="10dp"  
  64.                 android:layout_gravity="center_vertical"/>  
  65.             <EditText  
  66.                 android:id="@+id/edt_register_account"  
  67.                 android:layout_width="match_parent"  
  68.                 android:layout_height="50dp"  
  69.                 android:hint="账号"  
  70.                 android:textColorHighlight="#77000000"  
  71.                 android:textColor="#000000"  
  72.                 android:maxLines="1"  
  73.                 android:background="@null"  
  74.                 android:gravity="center_vertical"  
  75.                 android:paddingLeft="15dp"  
  76.                 android:textSize="15sp"  
  77.                 android:textColorHint="#77000000"  
  78.                 />  
  79.         </LinearLayout>  
  80.         <TextView  
  81.             android:layout_width="match_parent"  
  82.             android:layout_height="1dp"  
  83.             android:background="#f5f5f5"/>  
  84.         <LinearLayout  
  85.             android:layout_width="match_parent"  
  86.             android:layout_height="match_parent"  
  87.             android:orientation="horizontal"  
  88.             android:background="#FFF"  
  89.             android:baselineAligned="false">  
  90.             <ImageView  
  91.                 android:id="@+id/img_register_pwd"  
  92.                 android:layout_width="32dp"  
  93.                 android:layout_height="32dp"  
  94.                 android:layout_marginLeft="10dp"  
  95.                 android:src="@drawable/pwd"  
  96.                 android:layout_gravity="center_vertical"/>  
  97.             <EditText  
  98.                 android:id="@+id/edt_register_pwd"  
  99.                 android:layout_width="match_parent"  
  100.                 android:layout_height="match_parent"  
  101.                 android:hint="密码"  
  102.                 android:inputType="textPassword"  
  103.                 android:maxLines="1"  
  104.                 android:textSize="15sp"  
  105.                 android:textColorHighlight="#77000000"  
  106.                 android:textColor="#000000"  
  107.                 android:background="@null"  
  108.                 android:paddingLeft="15sp"  
  109.                 android:textColorHint="#77000000"  
  110.                 android:layout_weight="1" />  
  111.         </LinearLayout>  
  112.     </LinearLayout>  
  113.     <RelativeLayout  
  114.         android:layout_width="match_parent"  
  115.         android:layout_height="50dp"  
  116.         android:layout_marginTop="20dp">  
  117.         <com.mero.wyt_register.widget.RoundButton  
  118.             android:id="@+id/btn_to_register"  
  119.             android:layout_width="300dp"  
  120.             android:layout_height="50dp"  
  121.             android:text="注册"  
  122.             android:textColor="#FFF"  
  123.             android:textStyle="bold"  
  124.             android:textSize="15sp"  
  125.             android:gravity="center"  
  126.             android:layout_centerInParent="true"  
  127.             app:btnCornerRadius="10dp"  
  128.             app:btnSolidColor="@color/mediumturquoise"  
  129.             app:btnPressedRatio="1.5"  
  130.             />  
  131.     </RelativeLayout>  
  132. </LinearLayout>  

效果如下：

登录界面布局wyt_login.xml：

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="match_parent"  
  6.     android:layout_height="match_parent"  
  7.     android:background="#f5f5f5"  
  8.     >  
  9.     <com.mero.wyt_register.widget.CustomTitleBar  
  10.       android:layout_width="match_parent"  
  11.       android:layout_height="80dp"  
  12.       app:text="用户登录"  
  13.       app:background_color="@color/mediumturquoise"  
  14.         />  
  15.   
  16.     <LinearLayout  
  17.         android:layout_width="match_parent"  
  18.         android:layout_height="100dp"  
  19.         android:orientation="vertical"  
  20.         android:background="#FFF">  
  21.         <LinearLayout  
  22.             android:layout_width="match_parent"  
  23.             android:layout_height="50dp"  
  24.             android:orientation="horizontal">  
  25.             <ImageView  
  26.                 android:id="@+id/img_login_account"  
  27.                 android:layout_width="32dp"  
  28.                 android:layout_height="32dp"  
  29.                 android:src="@drawable/account"  
  30.                 android:layout_marginLeft="10dp"  
  31.                 android:layout_gravity="center_vertical"/>  
  32.             <EditText  
  33.                 android:id="@+id/edt_login_account"  
  34.                 android:layout_width="match_parent"  
  35.                 android:layout_height="50dp"  
  36.                 android:hint="账号"  
  37.                 android:textColorHighlight="#77000000"  
  38.                 android:textColor="#000000"  
  39.                 android:maxLines="1"  
  40.                 android:background="@null"  
  41.                 android:gravity="center_vertical"  
  42.                 android:paddingLeft="15dp"  
  43.                 android:textSize="15sp"  
  44.                 android:textColorHint="#77000000"  
  45.                 />  
  46.         </LinearLayout>  
  47.         <TextView  
  48.             android:layout_width="match_parent"  
  49.             android:layout_height="1dp"  
  50.             android:background="#f5f5f5"/>  
  51.         <LinearLayout  
  52.             android:layout_width="match_parent"  
  53.             android:layout_height="match_parent"  
  54.             android:orientation="horizontal"  
  55.             android:background="#FFF"  
  56.             android:baselineAligned="false">  
  57.             <ImageView  
  58.                 android:id="@+id/img_login_pwd"  
  59.                 android:layout_width="32dp"  
  60.                 android:layout_height="32dp"  
  61.                 android:layout_marginLeft="10dp"  
  62.                 android:src="@drawable/pwd"  
  63.                 android:layout_gravity="center_vertical"/>  
  64.             <EditText  
  65.                 android:id="@+id/edt_login_pwd"  
  66.                 android:layout_width="match_parent"  
  67.                 android:layout_height="match_parent"  
  68.                 android:inputType="textPassword"  
  69.                 android:hint="密码"  
  70.                 android:maxLines="1"  
  71.                 android:textSize="15sp"  
  72.                 android:textColorHighlight="#77000000"  
  73.                 android:textColor="#000000"  
  74.                 android:background="@null"  
  75.                 android:paddingLeft="15sp"  
  76.                 android:textColorHint="#77000000"  
  77.                 android:layout_weight="1" />  
  78.         </LinearLayout>  
  79.     </LinearLayout>  
  80.     <RelativeLayout  
  81.         android:layout_width="match_parent"  
  82.         android:layout_height="50dp"  
  83.         android:layout_marginTop="20dp">  
  84.         <com.mero.wyt_register.widget.RoundButton  
  85.             android:id="@+id/btn_login_click_to_login"  
  86.             android:layout_width="300dp"  
  87.             android:layout_height="50dp"  
  88.             android:text="立即登录"  
  89.             android:textColor="@color/white"  
  90.             android:textSize="15sp"  
  91.             android:gravity="center"  
  92.             android:layout_centerInParent="true"  
  93.             app:btnCornerRadius="10dp"  
  94.             app:btnSolidColor="@color/mediumturquoise"  
  95.             app:btnPressedRatio="1.5"  
  96.             />  
  97.     </RelativeLayout>  
  98.     <RelativeLayout  
  99.         android:layout_width="match_parent"  
  100.         android:layout_height="50dp">  
  101.         <TextView  
  102.             android:id="@+id/tx_login_click_to_register"  
  103.             android:layout_width="wrap_content"  
  104.             android:layout_height="match_parent"  
  105.             android:layout_alignParentRight="true"  
  106.             android:text="点击注册"  
  107.             android:textColor="#33aa44"  
  108.             android:textSize="15sp"  
  109.             android:textStyle="bold"  
  110.             android:paddingRight="25dp"  
  111.             android:paddingTop="25dp"  
  112.             />  
  113.     </RelativeLayout>  
  114. </LinearLayout>  
登录界面效果如下：


接下来是我们的注册界面的逻辑代码：

RegisterAty.java

[java]  view plain  copy
  1. package com.mero.wyt_register.activity;  
  2.   
  3. import android.app.ProgressDialog;  
  4. import android.content.Intent;  
  5. import android.database.Cursor;  
  6. import android.graphics.Bitmap;  
  7. import android.graphics.BitmapFactory;  
  8. import android.net.Uri;  
  9. import android.os.Handler;  
  10. import android.os.Message;  
  11. import android.provider.MediaStore;  
  12. import android.text.TextUtils;  
  13. import android.view.Gravity;  
  14. import android.view.View;  
  15. import android.view.animation.AnimationSet;  
  16. import android.view.animation.TranslateAnimation;  
  17. import android.widget.EditText;  
  18. import android.widget.ImageView;  
  19. import android.widget.Toast;  
  20.   
  21. import com.mero.wyt_register.Base.BaseSwipeBackLayout;  
  22. import com.mero.wyt_register.Config;  
  23. import com.mero.wyt_register.R;  
  24. import com.mero.wyt_register.net.RegisterAction;  
  25. import com.mero.wyt_register.utils.AppUtils;  
  26. import com.mero.wyt_register.utils.Base64Utils;  
  27. import com.mero.wyt_register.utils.SDCardUtils;  
  28. import com.mero.wyt_register.widget.RoundButton;  
  29. import com.mero.wyt_register.widget.SelectPicPopupWindow;  
  30.   
  31. /** 
  32.  * Created by chenlei on 2016/11/17. 
  33.  */  
  34.   
  35. public class RegisterAty extends BaseSwipeBackLayout implements View.OnClickListener {  
  36.     private ImageView img_upload;  
  37.     private EditText edt_account = null;  
  38.     private EditText edt_pwd = null;  
  39.     private RoundButton btn_register = null;  
  40.     private static final int RESULT_OPEN_IMAGE = 1;  
  41.     private Bitmap bitmap ;//存放裁剪后的头像  
  42.     private String fileName;//头像名称  
  43.     private String picturePath;//头像路径  
  44.     private ProgressDialog pd;//进度条  
  45.     private static final int DISMISS = 1000;//进度条消失  
  46.     private SelectPicPopupWindow selectPicPopupWindow;  
  47.     @Override  
  48.     public void initView() {  
  49.         img_upload = (ImageView) findViewById(R.id.img_upload_img);  
  50.         edt_account = (EditText) findViewById(R.id.edt_register_account);  
  51.         edt_pwd = (EditText) findViewById(R.id.edt_register_pwd);  
  52.         img_upload.setOnClickListener(this);  
  53.         btn_register = (RoundButton) findViewById(R.id.btn_to_register);  
  54.         btn_register.setOnClickListener(this);  
  55.     }  
  56.     @Override  
  57.     public void initData() {  
  58.   
  59.     }  
  60.     private final Handler handler = new Handler(){  
  61.         @Override  
  62.         public void handleMessage(Message msg) {  
  63.             if(msg.what == DISMISS){  
  64.                 pd.dismiss();  
  65.             }  
  66.         }  
  67.     };  
  68.     @Override  
  69.     public int getLayoutResourceId() {  
  70.         return R.layout.wyt_register;  
  71.     }  
  72.   
  73.     @Override  
  74.     public int getDialogIcon() {  
  75.         return 0;  
  76.     }  
  77.   
  78.     @Override  
  79.     public int setStatusBarColor() {  
  80.         return 0;  
  81.     }  
  82.   
  83.     private static final int CAMERA_REQUEST_CODE = 1;//拍照返回码  
  84.     private static final int GALLERY_REQUEST_CODE = 2;//相册返回码  
  85.     @Override  
  86.     protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
  87.         super.onActivityResult(requestCode, resultCode, data);  
  88.         //如果是拍照返回  
  89.         if(requestCode==CAMERA_REQUEST_CODE&&resultCode==RESULT_OK&&data!=null) {  
  90.             Uri uri = data.getData();  
  91.             if (uri != null) {  
  92.                 Cursor cursor = this.getContentResolver().query(uri, null, null, null, null);  
  93.                 if (cursor.moveToFirst()) {  
  94.                     picturePath = cursor.getString(cursor.getColumnIndex("_data"));  
  95.                     fileName = getBitmapName(picturePath);  
  96.                     bitmap = AppUtils.toRoundBitmap(BitmapFactory.decodeFile(picturePath));  
  97.                     //进行裁剪  
  98.                     img_upload.setImageBitmap(bitmap);  
  99.                 }  
  100.             } else {  
  101.                 Toast.makeText(this,"保存照片失败",Toast.LENGTH_SHORT).show();  
  102.                 return;  
  103.             }  
  104.         }  
  105.   
  106.   
  107.         //如果是相册返回  
  108.         if(requestCode==GALLERY_REQUEST_CODE&&resultCode==RESULT_OK&&null!=data){  
  109.             Uri selectedImage = data.getData();  
  110.             String[] filePathColumn = {MediaStore.Images.Media.DATA};  
  111.   
  112.             Cursor cursor = getContentResolver().query(selectedImage,  
  113.                     filePathColumn, null, null, null);  
  114.             cursor.moveToFirst();  
  115.             int columnIndex = cursor.getColumnIndex(filePathColumn[0]);  
  116.             picturePath = cursor.getString(columnIndex);  
  117.             fileName = getBitmapName(picturePath);  
  118.             cursor.close();  
  119.             //裁剪为圆形头像  
  120.             if(SDCardUtils.isSDCardEnable()){  
  121.                 bitmap = AppUtils.toRoundBitmap(BitmapFactory.decodeFile(picturePath));  
  122.                 img_upload.setImageBitmap(bitmap);//设置到图片  
  123.             }else {  
  124.                 return;  
  125.             }  
  126.         }else {  
  127.             return;  
  128.         }  
  129.     }  
  130.     //获取图片的名称  
  131.     public String getBitmapName(String picPath){  
  132.         String bitmapName="";  
  133.         String[]  s = picPath.split("/");  
  134.         bitmapName = s[s.length-1];  
  135.         return bitmapName;  
  136.     }  
  137.     @Override  
  138.     public void onClick(View v) {  
  139.         switch (v.getId()) {  
  140.             case R.id.img_upload_img:  
  141.                 //判断是否从相册或者调用相机实现  
  142.                 selectPicPopupWindow = new SelectPicPopupWindow(RegisterAty.this, new View.OnClickListener() {  
  143.                     @Override  
  144.                     public void onClick(View v) {  
  145.                         selectPicPopupWindow.dismiss();  
  146.                         switch (v.getId()){  
  147.                             case R.id.btn_select_camera:  
  148.                                 //从相机拍照  
  149.                                 Intent i = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);  
  150.                                 startActivityForResult(i,1);  
  151.                                 break;  
  152.                             case R.id.btn_select_pic_photo_lib:  
  153.                                 //从图库选择照片  
  154.                                 Intent ii = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);  
  155.                                 startActivityForResult(ii, RESULT_OPEN_IMAGE);  
  156.                                 break;  
  157.                         }  
  158.                     }  
  159.                 });  
  160.                 View view = RegisterAty.this.findViewById(R.id.register);  
  161.                 selectPicPopupWindow.showAtLocation(view, Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,0,0);  
  162.                 AnimationSet animationSet = new AnimationSet(true);  
  163.                 TranslateAnimation translateAnimation = new TranslateAnimation(1,0,1,0);  
  164.                 translateAnimation.setDuration(1000);  
  165.                 animationSet.addAnimation(translateAnimation);  
  166.                 view.startAnimation(translateAnimation);  
  167.                 break;  
  168.             case R.id.btn_to_register:  
  169.                 //点击的是注册按钮  
  170.                 final String wyt_account = edt_account.getText().toString();//获取账号  
  171.                 final String wyt_pwd = edt_pwd.getText().toString();//获取密码  
  172.                 if(TextUtils.isEmpty(wyt_account)){  
  173.                     Toast.makeText(RegisterAty.this,"账号不能为空",Toast.LENGTH_SHORT).show();  
  174.                     return;  
  175.                 }  
  176.                 if(TextUtils.isEmpty(wyt_pwd)){  
  177.                     Toast.makeText(RegisterAty.this,"密码不能为空",Toast.LENGTH_SHORT).show();  
  178.                     return;  
  179.                 }  
  180.                 if(wyt_account.length()>20){  
  181.                     Toast.makeText(RegisterAty.this,"您输入的账号过长",Toast.LENGTH_SHORT).show();  
  182.                     return;  
  183.                 }  
  184.                 if(wyt_pwd.length()>20){  
  185.                     Toast.makeText(RegisterAty.this,"您输入的密码过长",Toast.LENGTH_SHORT).show();  
  186.                     return;  
  187.                 }  
  188.                 pd = ProgressDialog.show(this,"温馨提示","正在注册...",false,true);  
  189.                 if(null!=bitmap){  
  190.                     //截取图片后缀  
  191.   
  192.                     String base64img = Base64Utils.bitmaptoString(bitmap);  
  193.                     //进行用户注册  
  194.                     new RegisterAction(Config.URL, Config.KEY_REGISTER, wyt_account, wyt_pwd, base64img, new RegisterAction.ISuccessCallback() {  
  195.                         @Override  
  196.                         public void onSuccess(String response, int id) {  
  197.                             pd.setMessage("注册成功");  
  198.                             handler.sendEmptyMessageDelayed(DISMISS,1000);  
  199.                             showActivity(RegisterAty.this,LoginAty.class);  
  200.                         }  
  201.                     }, new RegisterAction.IFailCallback() {  
  202.                         @Override  
  203.                         public void onFail(String failMsg) {  
  204.                             pd.setMessage("注册失败"+failMsg);  
  205.                             handler.sendEmptyMessageDelayed(DISMISS,1000);  
  206.                         }  
  207.                     });  
  208.                 }  
  209.   
  210.                 break;  
  211.             default:  
  212.                 break;  
  213.         }  
  214.     }  
  215.     private String getPicType(String picName){  
  216.         String[] s = picName.split(".");  
  217.         //数组长度  
  218.         return s[s.length-1];  
  219.     }  
  220.   
  221. }  


然后对注册界面的网络请求进行封装：

RegisterAction.java

[java]  view plain  copy
  1. package com.mero.wyt_register.net;  
  2.   
  3. import android.util.Log;  
  4.   
  5. import com.mero.wyt_register.Config;  
  6. import com.zhy.http.okhttp.OkHttpUtils;  
  7. import com.zhy.http.okhttp.callback.StringCallback;  
  8.   
  9. import org.json.JSONException;  
  10. import org.json.JSONObject;  
  11.   
  12. import java.io.File;  
  13. import java.util.HashMap;  
  14. import java.util.Map;  
  15.   
  16. import okhttp3.Call;  
  17.   
  18. import static android.R.attr.action;  
  19. import static com.google.android.gms.internal.zzs.TAG;  
  20. import static com.mero.wyt_register.R.drawable.account;  
  21. import static com.zhy.http.okhttp.OkHttpUtils.post;  
  22.   
  23. /** 
  24.  * Created by chenlei on 2016/11/17. 
  25.  */  
  26.   
  27. public class RegisterAction {  
  28.     /* 
  29.     * 注册 
  30.     * */  
  31.     public RegisterAction(String url, String action, String account, String pwd, String picBase64, final ISuccessCallback successCallback, final IFailCallback failCallback){  
  32.         OkHttpUtils  
  33.                 .post()  
  34.                 .url(url)  
  35.                 .addParams(Config.KEY_ACTION,action)  
  36.                 .addParams(Config.KEY_ACCOUNT,account)  
  37.                 .addParams(Config.KEY_PWD,pwd)  
  38.                 .addParams(Config.KEY_USER_ICON,picBase64)  
  39.                 .build()  
  40.                 .execute(new StringCallback() {  
  41.                     @Override  
  42.                     public void onError(Call call, Exception e, int id) {  
  43.                             if(null!=failCallback){  
  44.                                 Log.e(TAG,"注册失败"+e.getMessage());  
  45.                                 failCallback.onFail(e.getMessage());  
  46.                             }  
  47.                     }  
  48.   
  49.                     @Override  
  50.                     public void onResponse(String response, int id) {  
  51.                         try {  
  52.                             JSONObject jsonObject = new JSONObject(response);  
  53.                             int status = jsonObject.getInt(Config.KEY_STATUS);  
  54.                             int errCode = jsonObject.getInt(Config.KEY_ERR_CODE);  
  55.                             if(status==1){  
  56.                                 successCallback.onSuccess(response,id);  
  57.                             }else if(status==0){  
  58.                                 failCallback.onFail(response);  
  59.                             }  
  60.                         } catch (JSONException e) {  
  61.                             e.printStackTrace();  
  62.                         }  
  63.   
  64.                     }  
  65.                 });  
  66.     }  
  67.     public interface ISuccessCallback{  
  68.         void onSuccess(String response,int id);  
  69.     };  
  70.     public interface IFailCallback{  
  71.         void onFail(String errCause);  
  72.     }  
  73. }  

接下来上登录界面逻辑代码：

LoginAty.java

[java]  view plain  copy
  1. package com.mero.wyt_register.activity;  
  2.   
  3. import android.app.ProgressDialog;  
  4. import android.content.Context;  
  5. import android.content.SharedPreferences;  
  6. import android.graphics.Bitmap;  
  7. import android.os.Handler;  
  8. import android.os.Message;  
  9. import android.text.TextUtils;  
  10. import android.util.Log;  
  11. import android.view.View;  
  12. import android.widget.EditText;  
  13. import android.widget.TextView;  
  14. import android.widget.Toast;  
  15.   
  16. import com.mero.wyt_register.Base.BaseSwipeBackLayout;  
  17. import com.mero.wyt_register.Config;  
  18. import com.mero.wyt_register.MyApplication;  
  19. import com.mero.wyt_register.R;  
  20. import com.mero.wyt_register.bean.User;  
  21. import com.mero.wyt_register.db.DbHelper;  
  22. import com.mero.wyt_register.net.LoginAction;  
  23. import com.mero.wyt_register.utils.Base64Utils;  
  24. import com.mero.wyt_register.widget.RoundButton;  
  25.   
  26. /** 
  27.  * Created by chenlei on 2016/11/16. 
  28.  */  
  29.   
  30. public class LoginAty extends BaseSwipeBackLayout implements View.OnClickListener{  
  31.     private static final String TAG = "LoginAty";  
  32.     private EditText edt_account = null;  
  33.     private EditText edt_pwd = null;  
  34.     private RoundButton btn_login_click_to_login;  
  35.     private TextView tx_register;  
  36.     private ProgressDialog pd;//进度条  
  37.     private static  final int DISMISS = 0 ;  
  38.     private User user ;  
  39.   
  40.   
  41.   
  42.   
  43.     @Override  
  44.     public void initData() {  
  45.     }  
  46.   
  47.     @Override  
  48.     public void initView() {  
  49.         edt_account = (EditText) findViewById(R.id.edt_login_account);  
  50.         edt_pwd = (EditText) findViewById(R.id.edt_login_pwd);  
  51.         tx_register = (TextView) findViewById(R.id.tx_login_click_to_register);  
  52.         btn_login_click_to_login = (RoundButton) findViewById(R.id.btn_login_click_to_login);  
  53.         btn_login_click_to_login.setOnClickListener(this);  
  54.         tx_register.setOnClickListener(this);  
  55.     }  
  56.     private final Handler handler = new Handler(){  
  57.         @Override  
  58.         public void handleMessage(Message msg) {  
  59.             if(msg.what==DISMISS){  
  60.                 pd.dismiss();  
  61.             }  
  62.         }  
  63.     };  
  64.     @Override  
  65.     public int getLayoutResourceId() {  
  66.         return R.layout.wyt_login;  
  67.     }  
  68.   
  69.     @Override  
  70.     public int getDialogIcon() {  
  71.         return 0;  
  72.     }  
  73.   
  74.     @Override  
  75.     public int setStatusBarColor() {  
  76.         return 0;  
  77.     }  
  78.   
  79.     @Override  
  80.     public void onClick(View v) {  
  81.         switch (v.getId()){  
  82.             case R.id.btn_login_click_to_login:  
  83.                 //点击的是登录按钮  
  84.                 final String wyt_account = edt_account.getText().toString();//获取账号  
  85.                 final String wyt_pwd = edt_pwd.getText().toString();//获取密码  
  86.                 if(TextUtils.isEmpty(wyt_account)){  
  87.                     Toast.makeText(LoginAty.this,"账号不能为空",Toast.LENGTH_SHORT).show();  
  88.                     return;  
  89.                 }  
  90.                 if(TextUtils.isEmpty(wyt_pwd)){  
  91.                     Toast.makeText(LoginAty.this,"密码不能为空",Toast.LENGTH_SHORT).show();  
  92.                     return;  
  93.                 }  
  94.                 if(wyt_account.length()>20){  
  95.                     Toast.makeText(LoginAty.this,"您输入的账号过长",Toast.LENGTH_SHORT).show();  
  96.                     return;  
  97.                 }  
  98.                 if(wyt_pwd.length()>20){  
  99.                     Toast.makeText(LoginAty.this,"您输入的密码过长",Toast.LENGTH_SHORT).show();  
  100.                     return;  
  101.                 }  
  102.   
  103.                 String token =  Config.getTokenFromPreferences(this);  
  104.                 Log.e(TAG,"token的值"+token);  
  105.                 //显示进度对话框  
  106.                 pd = ProgressDialog.show(this,"温馨提示","正在登录",false,true);  
  107.                 new LoginAction(Config.URL, Config.KEY_LOGIN, wyt_account, wyt_pwd, "", new LoginAction.ISuccessCallback() {  
  108.                     @Override  
  109.                     public void onSuccess(String s, String token) {  
  110.                         pd.setMessage("登录成功");  
  111.                         //把token保存起来  
  112.                         SharedPreferences sharedPreferences = MyApplication.getMyApplication().getSharedPreferences(Config.ID, Context.MODE_PRIVATE);  
  113.                         SharedPreferences.Editor editor = sharedPreferences.edit();  
  114.                         editor.putString(Config.KEY_TOKEN,token);  
  115.                         editor.commit();  
  116.                         //获取头像  
  117.                         Bitmap bitmap = Base64Utils.stringtoBitmap(s);  
  118.                         user = new User();  
  119.                         user.setWyt_account(wyt_account);  
  120.                         user.setWyt_pwd(wyt_pwd);  
  121.                         user.setUser_icon(bitmap);  
  122.                         //保存该用户到数据库中  
  123.                         new DbHelper(LoginAty.this).insert(user,"user_wyt","person");  
  124.                         pd.dismiss();  
  125.                         showActivity(LoginAty.this,MainActivity.class);  
  126.                     }  
  127.                 }, new LoginAction.IFailCallback() {  
  128.                     @Override  
  129.                     public void onFail(String s) {  
  130.                         pd.setMessage("登录失败");  
  131.                         handler.sendEmptyMessageDelayed(DISMISS,1000);  
  132.                     }  
  133.                 });  
  134.   
  135. //                }  
  136.   
  137.                 break;  
  138.             case R.id.tx_login_click_to_register:  
  139.                 showActivity(LoginAty.this,RegisterAty.class);  
  140.                 break;  
  141.         }  
  142.   
  143.     }  
  144.   
  145.     @Override  
  146.     protected void onDestroy() {  
  147.         super.onDestroy();  
  148.     }  
  149. }  

下面是登录网络逻辑的封装代码：

LoginAction.java

[java]  view plain  copy
  1. package com.mero.wyt_register.net;  
  2.   
  3. import android.graphics.Bitmap;  
  4. import android.text.TextUtils;  
  5. import android.util.Log;  
  6.   
  7. import com.mero.wyt_register.Config;  
  8. import com.mero.wyt_register.utils.Base64Utils;  
  9. import com.zhy.http.okhttp.OkHttpUtils;  
  10. import com.zhy.http.okhttp.callback.StringCallback;  
  11.   
  12. import org.json.JSONException;  
  13. import org.json.JSONObject;  
  14.   
  15. import okhttp3.Call;  
  16.   
  17. /** 
  18.  * Creaed by chenlei on 2016/11/15. 
  19.  */  
  20.   
  21. public class LoginAction {  
  22.     private static  final  String TAG = "loginService";  
  23.     //登录账号密码  
  24.     public LoginAction(String url, String action, String account, String pwd, String token, final ISuccessCallback successCallback, final IFailCallback failCallback){  
  25.         OkHttpUtils.post()  
  26.                 .url(url)  
  27.                 .addParams(Config.KEY_ACTION,action)  
  28.                 .addParams(Config.KEY_ACCOUNT,account)  
  29.                 .addParams(Config.KEY_PWD,pwd)  
  30.                 .addParams(Config.KEY_TOKEN,token)  
  31.                 .build().execute(new StringCallback() {  
  32.             @Override  
  33.             public void onError(Call call, Exception e, int id) {  
  34.                 if(failCallback!=null){  
  35.                     failCallback.onFail(e.getMessage());  
  36.                 }  
  37.             }  
  38.   
  39.             @Override  
  40.             public void onResponse(String response, int id) {  
  41.                 try {  
  42.                     JSONObject jsonObject =new JSONObject(response);  
  43.                     int status = jsonObject.getInt("status");  
  44.                     String iconStrBase64 = jsonObject.getString("user_icon");  
  45.                     String token = jsonObject.getString("token");  
  46.                     if(status==1){  
  47.                         if(null!=successCallback){  
  48.                             successCallback.onSuccess(iconStrBase64,token);  
  49.                         }  
  50.                     }else if(status==0){  
  51.                         if(null!=failCallback){  
  52.                             failCallback.onFail(response);  
  53.                         }  
  54.                     }  
  55.                 } catch (JSONException e) {  
  56.                     e.printStackTrace();  
  57.                 }  
  58.             }  
  59.         });  
  60.   
  61.     }  
  62.     public interface ISuccessCallback{  
  63.         void onSuccess(String s,String token);  
  64.     }  
  65.     public interface IFailCallback{  
  66.         void onFail(String s);  
  67.     }  
  68. }  


服务器端：

通过servlet实现对Action的处理，本实例仅采用了唯一的一个OnlyServlet。如果对servlet的使用不太会的话建议看下我的这篇关于servlet处理网页客户端的请求。本篇文章中不再累赘。首先我们来看看服务器的简单结构。服务器端仅仅对注册和登录，头像保存部分。

                                                                      
先上最关键的核心处理部分，本文中的登录注册等Action都在该servlet中处理。

OnlyServlet.java

[java]  view plain  copy
  1. package com.wyt_register;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5. import java.sql.ResultSet;  
  6. import java.sql.SQLException;  
  7.   
  8. import javax.servlet.ServletException;  
  9. import javax.servlet.annotation.WebServlet;  
  10. import javax.servlet.http.HttpServlet;  
  11. import javax.servlet.http.HttpServletRequest;  
  12. import javax.servlet.http.HttpServletResponse;  
  13.   
  14. import org.json.JSONException;  
  15. import org.json.JSONStringer;  
  16.   
  17. import com.wyt_register.db.UserDao;  
  18. import com.wyt_register.md5Tool.Base64Utils;  
  19. import com.wyt_register.md5Tool.Md5Utils;  
  20.   
  21. /** 
  22.  * Servlet implementation class OnlyServlet 
  23.  */  
  24. @WebServlet("/OnlyServlet")  
  25. public class OnlyServlet extends HttpServlet {  
  26.     private static final long serialVersionUID = 1L;  
  27.          
  28.     /** 
  29.      * @see HttpServlet#HttpServlet() 
  30.      */  
  31.     public OnlyServlet() {  
  32.         super();  
  33.         // TODO Auto-generated constructor stub  
  34.     }  
  35.   
  36.     /** 
  37.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
  38.      */  
  39.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  40.         // TODO Auto-generated method stub  
  41.         String action = null;//根据请求的行为进行相应的操作  
  42.         if((action=request.getParameter(Config.KEY_ACTION))!=null){  
  43.             switch(action){  
  44. //          如果是注册  
  45.             case Config.KEY_REGISTER:  
  46.                 System.out.println("正在请求注册");  
  47. //              用户注册的账号  
  48.                 String account_register = request.getParameter(Config.KEY_USER_ACCOUNT);  
  49.                 System.out.println(account_register);  
  50. //              用户注册的密码  
  51.                 String pwd_register = request.getParameter(Config.KEY_USER_PWD);  
  52.                 System.out.println(pwd_register);  
  53. //              用户上传的头像  
  54.                 String icon = request.getParameter(Config.KEY_USER_ICON);  
  55.                 if((null!=account_register)&&(null!=pwd_register)&&(null!=icon)){  
  56.                     //开启注册事务  
  57.                     //把唯一的账号名的md5值作为图片的名字  
  58.                     StringBuilder sb0 = new StringBuilder("");  
  59.                     //保存到数据库中的头像图片路径  
  60.                     sb0.append("/image/").append(Md5Utils.encode(account_register)).append(".png");  
  61.                     String icon_addr = sb0.toString();  
  62.                     System.out.println("头像图片地址："+icon_addr);  
  63.                     StringBuilder sb1 = new StringBuilder("");  
  64.                     //写入到本地的头像图片路径  
  65.                     sb1.append(Config.ADDR_ICON).append(Md5Utils.encode(account_register)).append(".png");  
  66.                     String local_icon_addr = sb1.toString();  
  67.                     System.out.println("保存到本地的地址"+local_icon_addr);  
  68.                     PrintWriter writer =response.getWriter();  
  69.                     //查询用户是否已经注册过  
  70.                     try {  
  71.                         ResultSet set = UserDao.query(account_register);  
  72.                         //没注册过，需要注册  
  73.                         if(!set.next()){  
  74.                             //保存上传的头像至本地  
  75.                             boolean isSuccessToSaveImageToLocal = Base64Utils.getPicFormatBASE64(icon,local_icon_addr );  
  76.                             if(isSuccessToSaveImageToLocal){  
  77.                                 //头像上传成功后然后再插入账号密码到数据库  
  78.                                 boolean isSuccessToRegister = UserDao.insert(new Object[]{Config.KEY_ID,Config.KEY_USER_ACCOUNT,Config.KEY_USER_PWD,Config.KEY_USER_ICON_ADDR},new Object[]{null,account_register,pwd_register,icon_addr});  
  79.                                 if(isSuccessToRegister){  
  80.                                     //注册成功  
  81.                                     writer.print("{\"status\":1,\"errCode\":0x00000000}");  
  82.                                 }else{  
  83.                                     //注册失败  
  84.                                     writer.print("{\"status\":0,\"errCode\":0x00000001}");  
  85.                                 }  
  86.                             }  
  87.                         }else{  
  88.                             //注册过了  
  89.                             writer.print("{\"status\":0,\"errCode\":0x00000010}");  
  90.                         }  
  91.                     }                                  }  
  92.                             }  
  93.                         }else{  
  94.                             //注册过了  
  95.                             writer.print("{\"status\":0,\"errCode\":0x00000010}");  
  96.                         }  
  97.                     } catch (SQLException e) {  
  98.                         // TODO Auto-generated catch block  
  99.                         e.printStackTrace();  
  100.                     }  
  101.                       
  102.                 }  
  103.                 break;  
  104. //          如果是登录  
  105.             case
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程