淘忆项目之注册界面的修正归纳

淘忆项目之注册界面的修正归纳

注册界面，分为服务器端和客户端。

第一步：用photoshop CC 2015.5 设计UI界面

 

服务器端：主要实现对于客户端传给的数据进行插入表格的处理，然后反馈给用户是否处理成功的msg.

表格名为userInfo，有五个数据名称，id自增，userId是自动获取六位字符串，username，password都是通过客户端传入的数据。

服务器端采用mvc模式展开，主要是建立三个层次的文件，分别是com.elaine.register.service,com.elaine.register.dao,com.elaine.action。

Service中写入如下代码：

package com.elaine.register.service;

import java.util.List;

public interface RegisterService {

public boolean registerUser(List<Object> params); //用户注册

public boolean havedRegister(List<Object> params); //判断用户是否已经存在

}

Dao中写入：

package com.elaine.register.dao;

 

import java.sql.SQLException;

import java.util.List;

import java.util.Map;

 

import com.elaine.jdbc.JdbcUtils;

import com.elaine.register.service.RegisterService;

 

public class RegisterDao implements RegisterService{

private JdbcUtils jdbcUtils=null;

public RegisterDao(){

jdbcUtils=new JdbcUtils(); //数据库初始化

}

@Override

public boolean registerUser(List<Object> params) {

// TODO Auto-generated method stub

boolean flag=false;

jdbcUtils.getConnection(); //数据库连接

String sql="insert into userinfo(userId,username,password) values(?,?,?)";//sql插入语句

try {

flag=jdbcUtils.updateByPreparedStatement(sql, params); //添加用户数据

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

jdbcUtils.releaseConn();

}

return flag;

}

@Override

public boolean havedRegister(List<Object> params) {

// TODO Auto-generated method stub

boolean flag=false;

try {

jdbcUtils.getConnection();

String sql="select * from userinfo where username=?"; //删选数据用于判断用户是否已经存在

Map<String, Object> map = jdbcUtils.findSimpleResult(sql, params); //查询单条数据

flag = !map.isEmpty() ? true : false;  

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

jdbcUtils.releaseConn(); //关闭数据库

}

return flag;

}

 

}

Action中写入：

package com.elaine.register.action;

 

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

 

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

 

import com.elaine.tools.jsonTool;

import com.elaine.register.dao.RegisterDao;

import com.elaine.register.service.RegisterService;

import com.elaine.tools.UUIDtools;

 

public class RegisterAction extends HttpServlet {

 

/**

 *

 */

private static final long serialVersionUID = 1L;

private RegisterService service;

 

public RegisterAction() {

super();

}

 

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

// TODO Auto-generated method stub

super.doPost(req, resp);

}

 

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

req.setCharacterEncoding("utf-8"); //设置中文的显示

resp.setCharacterEncoding("utf-8");//设置中文的显示

resp.setContentType("text/html;charset=utf-8");//设置中文的显示

PrintWriter out = resp.getWriter();

String username = req.getParameter("username"); //获取客户端传入的username

String pswd = req.getParameter("password");//获取客户端传入的password

List<Object> params1 = new ArrayList<Object>();

params1.add(username); //先添加username

boolean havedRegisterFlag = service.havedRegister(params1);//判断用户是否存在

if (havedRegisterFlag) {

String registerMsg = "该用户名已被使用";

String registerJson = jsonTool.creataJsonString("msg", registerMsg);

out.print(registerJson);

} else {

List<Object> params = new ArrayList<Object>();

params.add(UUIDtools.getUUID());//添加userId

params.add(username);//添加username

params.add(pswd);//添加pswd

boolean flag = service.registerUser(params);//插入数据

if (flag) {

String registerMsg = "注册成功";

String registerJson = jsonTool.creataJsonString("msg",

registerMsg);//数据进行json处理

out.print(registerJson);//返回数据

} else {

String registerMsg = "注册失败";

String registerJson = jsonTool.creataJsonString("msg",

registerMsg);

out.print(registerJson);

}

}

out.flush();

out.close();

}

 

@Override

public void destroy() {

// TODO Auto-generated method stub

super.destroy();

}

 

@Override

public void init() throws ServletException {

// TODO Auto-generated method stub

service = new RegisterDao(); //初始化service

}

 

}

客户端：

用户注册，输入用户名，密码，重复密码，提交数据。

第一步：布局文件如下：三个输入框，一个按钮，一个返回按钮，一个标题

<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f8f8f8"
    android:orientation="vertical"
    tools:context="com.elainetaylor.blog.ui.activity.RegisterActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/ib_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:src="@mipmap/icon_back"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginEnd="50dp"
            android:layout_marginRight="50dp"
            android:gravity="center"
            android:text="注册"
            android:textColor="#707070"
            android:textSize="18sp"/>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#dadada"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="用户名"
                android:textColor="#707070"
                android:textSize="16sp"/>

            <EditText
                android:id="@+id/et_username"
                android:layout_width="245dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginStart="5dp"
                android:background="@android:color/transparent"
                android:inputType="text"
                android:textColor="#5000"
                android:textSize="14sp"/>
        </LinearLayout>

        <View
            android:layout_width="300dp"
            android:layout_height="1dp"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:background="#3000"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:gravity="center"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="密码"
                    android:textColor="#707070"
                    android:textSize="16sp"/>

                <EditText
                    android:id="@+id/et_password"
                    android:layout_width="260dp"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_marginStart="5dp"
                    android:background="@android:color/transparent"
                    android:inputType="textPassword"
                    android:textColor="#5000"
                    android:textSize="14sp"/>
            </LinearLayout>

            <View
                android:layout_width="300dp"
                android:layout_height="1dp"
                android:layout_gravity="center"
                android:layout_marginTop="10dp"
                android:background="#3000"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:gravity="center"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="重复密码"
                    android:textColor="#707070"
                    android:textSize="16sp"/>

                <EditText
                    android:id="@+id/et_rePassword"
                    android:layout_width="230dp"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_marginStart="5dp"
                    android:background="@android:color/transparent"
                    android:inputType="textPassword"
                    android:textColor="#5000"
                    android:textSize="14sp"/>
            </LinearLayout>

            <View
                android:layout_width="300dp"
                android:layout_height="1dp"
                android:layout_gravity="center"
                android:layout_marginTop="10dp"
                android:background="#3000"/>
        </LinearLayout>

        <Button
            android:id="@+id/btn_register"
            android:layout_width="300dp"
            android:layout_height="35dp"
            android:layout_gravity="center"
            android:layout_marginTop="30dp"
            android:background="#00b7ee"
            android:gravity="center"
            android:text="完成注册"
            android:textColor="#fff"
            android:textSize="15sp"/>

    </LinearLayout>
</LinearLayout>

第二步：RegisterActivity.java的书写

package com.elainetaylor.blog.ui.activity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.Toast;

import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.elainetaylor.blog.R;
import com.elainetaylor.blog.common.BaseActivity;
import com.elainetaylor.blog.common.UrlUtils;

import org.json.JSONException;
import org.json.JSONObject;

import java.util.HashMap;
import java.util.Map;


public class RegisterActivityextends BaseActivityimplements View.OnClickListener {
    privateEditText etUsername,etPassword,etRePassword;
    private ButtonbtnRegister;
    private ImageButtonbtnBack;
    private Stringusername,password,rePassword;

    @Override
    protected voidonCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
        init(); //初始化控件
        initRequestQueue(); //初始化RequestQueue
    }

    public voidinit() {
        etUsername= (EditText) findViewById(R.id.et_username);
        etPassword= (EditText) findViewById(R.id.et_password);
        etRePassword= (EditText) findViewById(R.id.et_rePassword);
        btnRegister= (Button) findViewById(R.id.btn_register);
        btnBack= (ImageButton) findViewById(R.id.ib_back);
        btnRegister.setOnClickListener(this);
        btnBack.setOnClickListener(this);
    }

    @Override
    public voidonClick(View view) {
        switch(view.getId()) {
            caseR.id.ib_back://如果直接点退出，就直接退出
                finish();
                break;
            case R.id.btn_register:
                username= etUsername.getText().toString();
                password= etPassword.getText().toString();
                rePassword= etRePassword.getText().toString();
                if (username.isEmpty()) {
                    Toast.makeText(RegisterActivity.this,"亲，请输入用户名哦",Toast.LENGTH_SHORT).show();
                }else if (password.isEmpty()) {
                    Toast.makeText(RegisterActivity.this,"亲，请输入密码哦",Toast.LENGTH_SHORT).show();
                }else if (rePassword.isEmpty()) {
                    Toast.makeText(RegisterActivity.this,"亲，请重复输入密码哦",Toast.LENGTH_SHORT).show();
                }else if (!password.equals(rePassword)) {
                    Toast.makeText(RegisterActivity.this,"亲，请输入相同的密码哦",Toast.LENGTH_SHORT).show();
                    etRePassword.setText("");
                }else if (password.length() <6) {
                    Toast.makeText(RegisterActivity.this,"亲，请输入超过六位的密码哦",Toast.LENGTH_SHORT).show();
                }else {
                    showProgressDialog("注册中...");
                    makeRegister(username,password);
                }
                break;
        }
    }

    public voidmakeRegister(finalString username, finalString password) {
        StringRequest request = new StringRequest(Request.Method.POST,UrlUtils.getRegisterUrl(), newResponse.Listener<String>() {
            @Override
            public voidonResponse(String s) {
                try{
                    JSONObject object =new JSONObject(s);
                    String msg = object.getString("msg");
                    if(msg.equals("注册成功")){
                        finish();
                    }
                    Toast.makeText(RegisterActivity.this,msg,Toast.LENGTH_SHORT).show();
                    missProgressDialog();
                }catch (JSONException e) {
                    e.printStackTrace();
                    missProgressDialog();
                }
            }
        }, newResponse.ErrorListener() {
            @Override
            public voidonErrorResponse(VolleyError volleyError) {
                missProgressDialog();
                Toast.makeText(RegisterActivity.this,"服务器出现错误",Toast.LENGTH_SHORT).show();
            }
        }) {
            @Override
            protectedMap<String,String> getParams()throws AuthFailureError {
                Map<String,String> params = newHashMap<>();
                params.put("username",username);
                params.put("password",password);
                return params;
            }
        };
        addRequestQueue(request);
    }

}

这里需要添加一个地址的类。

新建一个common文件存入UrlUtils.java，写入如下代码：

public classUrlUtils {
    private staticString URL= "http://192.168.1.102:8080/taoyi";

    public static StringgetRegisterUrl() {
        returnURL +"/servlet/RegisterAction";
    }

}