Android的简单前后端交互(okHttp+springboot+mysql)

前言

前阵子发现了个有意思又好用的框架——okHttp。由于课程设计需要,无意间发现了这个框架,打算利用此框架与后端交互,可以参考前后端分离的项目,把android当做前端,springboot当做后端,以下是二者的简单交互。

okHttp说明

(1)android网络框架之OKhttp

一个处理网络请求的开源项目,是安卓端最火热的轻量级框架,由移动支付Square公司贡献(该公司还贡献了Picasso)

用于替代HttpUrlConnection和Apache HttpClient

(2)okHttp优势

允许连接到同一个主机地址的所有请求,提高请求效率

共享Socket,减少对服务器的请求次数

通过连接池,减少了请求延迟

缓存响应数据来减少重复的网络请求

减少了对数据流量的消耗

自动处理GZip压缩

(3)OKhttp的功能

get,post请求

文件的上传下载

加载图片(内部会图片大小自动压缩)

支持请求回调,直接返回对象、对象集合

支持session的保持

android前端

逻辑控制:LoginActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import com.campus.book.R;
import com.campus.book.entity.User;
import com.campus.book.util.http.OKHttpUtil;
import com.google.gson.Gson;

public class LoginActivity extends AppCompatActivity {
//这个url可以通过cmd中输入    ipconfig   IPv4 地址即为本地电脑的地址   8081为后端的端口号
    private String baseUrl="http://192.168.xxx.1:8081";

    private TextView tv=null;
    EditText userId = null;
    EditText pwd = null ;
    Button login=null;
    private Button registry=null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        setTitle("登录");
        tv=findViewById(R.id.tv);
        login = (Button)findViewById(R.id.login);
        registry = (Button)findViewById(R.id.registry);
        userId=(EditText) findViewById(R.id.userId);
        pwd=findViewById(R.id.pwd);
        login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                String id = userId.getText().toString();
                String password=pwd.getText().toString();
                User user=new User(id,password);
                Gson gson=new Gson();
                String json=gson.toJson(user);
                String args[]=new String[]{"user","login"};
                String res= OKHttpUtil.postSyncRequest(baseUrl,json,args);
                Log.d("同步:",res);
                res= OKHttpUtil.postAsyncRequest(baseUrl,json,args);
                Log.d("异步:",res);
            }
        });

        registry.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                String args[]=new String[]{"user","getUser","123"};
                String res= OKHttpUtil.getSyncRequest(baseUrl,args);
                System.out.println("同步:"+res);

                String args1[]=new String[]{"user","getUser","123"};
                 res= OKHttpUtil.getAsyncRequest(baseUrl,args1);
                System.out.println("异步:"+res);

            }
        });
    }
}

布局方式:activity_login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.LoginActivity">
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/tv"
    android:text="内容:"/>
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/mainBg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/login" />
<!--@drawable/login改成相应的背景图-->
        <TableLayout
            android:layout_width="350dp"
            android:layout_height="match_parent"
            android:stretchColumns="*"
            android:layout_marginBottom="150sp"
            android:layout_gravity="center" >

            <TableRow android:layout_height="match_parent">
                <EditText
                    android:id="@+id/userId"
                    android:layout_column="0"
                    android:layout_span="2"
                    android:hint="请输入手机号"
                    android:textColorHint="#FFFFFF"
                    android:textColor="#FFFFFF"
                    android:textCursorDrawable="@drawable/cursor_color"
                    android:textSize="15sp" />
            </TableRow>

            <TableRow android:layout_height="match_parent" >
                <EditText
                    android:id="@+id/pwd"
                    android:inputType="textPassword"
                    android:layout_column="0"
                    android:layout_span="2"
                    android:hint="请输入密码"
                    android:textColorHint="#FFFFFF"
                    android:textColor="#FFFFFF"
                    android:textCursorDrawable="@drawable/cursor_color"
                    android:textSize="15sp" />
            </TableRow>

            <TableRow android:layout_height="match_parent">
                <Button
                    android:id="@+id/login"
                    android:layout_height="wrap_content"
                    android:textColor="#FFFFFF"
                    android:background="#000000"
                    android:layout_margin="8dp"
                    android:textSize="15sp"
                    android:text="登录" />
                <Button
                    android:id="@+id/registry"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="#FFFFFF"
                    android:background="#000000"
                    android:layout_margin="8dp"
                    android:textSize="15sp"
                    android:text="注册" />
            </TableRow>

        </TableLayout>

    </FrameLayout>

</LinearLayout>

其中,cursor_color.xml在drawable中。

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <size android:width="2dp" />
    <solid android:color="@android:color/black" />
</shape>

springboot+mysql后端

(1)数据库

表user

(2)springboot中的controller层

如何搭建springboot工程就不再赘述了(如有需要,可留言,后续可发搭建教程),可自行参考其他文章。

@RestController
@RequestMapping("//user")
public class UserController {
	@Autowired
	private UserService userService;

	//Gson gson= JsonBean.getGson();
    static Gson gson=new GsonBuilder().serializeNulls().create();
	@GetMapping("/list")
	public List<User> list() {
		return this.userService.list();
	}

	@PostMapping("/login")
	public User login(String json){
		User result=null;
		User user=null;
		User user1=null;
		try{
			user=gson.fromJson(json,User.class);
		}catch (Exception e){
			e.printStackTrace();
		}
		user1=userService.getById(user.getUserId());
		if(user1!=null){//存在该账户
			if(user1.getPassword().equals(user.getPassword())){//密码正确
				result=user1;
			}else{//密码错误

			}
		}else{//不存在该账户

		}
		return result;
	}

	@GetMapping("/getUser/{id}")
	public User getUser(@PathVariable("id") Serializable id){
		User user=userService.getById(id);
		if(user!=null){//存在

		}else{//不存在

		}
		return user;
	}
}

运行(交互)效果

(1)点击“登录”按钮,发起post请求

android端

后端

(2)点击“注册”按钮发起get请求

android端

后端

这样就达到了前后端分离的效果,是不是很神奇!可以愉快的和小组成员分开进行开发啦!

在Android端中用到了个人结合需要编写的okHttp的工具类,可参考上篇文章:okHttp的get和post请求的简单封装与使用

到此这篇关于Android的简单前后端交互(okHttp+springboot+mysql)的文章就介绍到这了,更多相关Android 前后端交互内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Android实现与Apache Tomcat服务器数据交互(MySql数据库)

    需求:Android客户端连接服务器端MySQL数据库中的内容 环境部署 服务器:apache-tomcat-8.5.9 语言版本:Java 1.8.0_101 编译环境:Eclipse android Studio 调用jar包:httpclient-4.2.5,httpcore-4.2.4 //HttpClient父类 mysql-connector-java-5.1.40-bin //用于连接mysql数据库 思路:涉及到服务器端mysql数据库安装.web应用部分开发和Android客户

  • Android和PHP MYSQL交互开发实例

    总述 简单的说,安卓客户端通过Http向本地服务器发出请求,访问指定的php代码,服务器端通过php代码执行数据库的操作, 返回相应的JSON数据.服务器可以理解为运行着某些服务器容器的电脑,比如你的电脑安装了Apache并保持运行,那么电脑就变成了一台服务器,只是这台服务器没有入网,只能本地访问.安卓客户端通过HttpURLConnection向服务器中指定的php文件提交POST或GET请求,服务器端相应php代码接受来自客户端的参数(如果是带参传递)进行数据库的操作,返回JSON数据给客户

  • Android的简单前后端交互(okHttp+springboot+mysql)

    前言 前阵子发现了个有意思又好用的框架--okHttp.由于课程设计需要,无意间发现了这个框架,打算利用此框架与后端交互,可以参考前后端分离的项目,把android当做前端,springboot当做后端,以下是二者的简单交互. okHttp说明 (1)android网络框架之OKhttp 一个处理网络请求的开源项目,是安卓端最火热的轻量级框架,由移动支付Square公司贡献(该公司还贡献了Picasso) 用于替代HttpUrlConnection和Apache HttpClient (2)ok

  • Android完整的前后端交互参考案例

    目录 API 连接获取(~~Api.java) 文件创建 文件内容 POST Observable 数据请求以及设定(~~Data.java) 数据请求函数(public static class ~~~Request) 数据返回列表函数( public static class ~~~List) 成员变量 返回数据列表设置函数 数据请求以及设定 数据请求 数据显示 Adapter(适配器)设置 Android 前端获取数据并显示 API 连接获取(~~Api.java) 文件创建 新建Kotl

  • SpringBoot使用WebSocket实现前后端交互的操作方法

    目录 背景 实现 一.导入依赖 二.新建WebSocket配置类,注入Bean 三.新建WebSocket服务端,在其中处理websocket逻辑 四.客户端实现,可以借助FreeMarker模板工具直接写在ftl文件里. 五.测试 背景 我们都知道http协议只能在浏览器单方面向服务器发起请求时获得响应,然而服务器不能主动向浏览器推送消息,想要实现浏览器的主动推送目前有两种主流的实现方式: 轮询:缺点很多,但是实现简单 websocket: 在浏览器和服务器之间建立TCP连接,实现全双工通信

  • Node之简单的前后端交互(实例讲解)

    node是前端必学的一门技能,我们都知道node是用的js做后端,在学习node之前我们有必要明白node是如何实现前后端交互的. 这里写了一个简单的通过原生ajax与node实现的一个交互,刚刚学node的朋友可以看一看.一方面理解服务端与客户端是如何交互的,一方面更熟悉node开发. 先贴代码:(有兴趣的可以copy到本地自己run一下) 主页面的html index.html: <!doctype> <html> <head> <meta charset=&

  • Springboot项目中运用vue+ElementUI+echarts前后端交互实现动态圆环图(推荐)

    目录 如何运用vue+echarts前后端交互实现动态饼图 前言 一.环境配置 1.1 安装acharts 1.2 全局引用 二.圆环图前端实现 2.1 先在vue页面添加渲染盒子 2.2 前端逻辑实现部分 2.3 展示(可按自己需求更改前端样式) 三.前后端数据交互实现 3.1 创建数据库 3.2 后台代码的编写 如何运用vue+echarts前后端交互实现动态饼图 前言 我们做项目的时候,常常需要一些统计图来展示我们的数据,作为web开发人员,会实现统计图是我们必会的技能.我将带大家来实现动

  • Springboot运用vue+echarts前后端交互实现动态圆环图

    目录 前言 一.环境配置 1.1 安装acharts 1.2 全局引用 二.圆环图前端实现 2.1 先在vue页面添加渲染盒子 2.2 前端逻辑实现部分 2.3 展示(可按自己需求更改前端样式) 三.前后端数据交互实现 3.1 创建数据库 3.2 后台代码的编写 前言 我们做项目的时候,常常需要一些统计图来展示我们的数据,作为web开发人员,会实现统计图是我们必会的技能.我将带大家来实现动态饼图的实现 一.环境配置 1.1 安装acharts //npm也一样 cnpm install echa

  • Springmvc和ajax如何实现前后端交互

    springmvc使用@RequestBody来获取前端的json字符串并转化为java对象 使用@ReponseBody来将返回的java对象转换为json形式返回前端 下面是几个使用springmvc和ajax进行前后端交互的简单实例 1.传递简单对象: 前端: $(function(){ $("#btn3").click(function(){ //准备好要发的数组 var array=[16,18,56]; var jsonArray=JSON.stringify(array)

  • 详解Python flask的前后端交互

    目录 前端 index.html script.js 后端 app.py 总结 场景:按下按钮,将左边的下拉选框内容发送给后端,后端再将返回的结果传给前端显示. 按下按钮之前: 按下按钮之后: 代码结构 这是flask默认的框架(html写在templates文件夹内.css和js写在static文件夹内) 前端 index.html 很简单的一个select下拉选框,一个按钮和一个文本,这里的 {{ temp }} 是从后端调用的. <html> <head> <meta

  • 解决前后端分离 vue+springboot 跨域 session+cookie失效问题

    环境: 前端 vue ip地址:192.168.1.205 后端 springboot2.0 ip地址:192.168.1.217 主要开发后端. 问题: 首先登陆成功时将用户存在session中,后续请求在将用户从session中取出检查.后续请求取出的用户都为null. 解决过程: 首先发现sessionID不一致,导致每一次都是新的会话,当然不可能存在用户了.然后发现cookie浏览器不能自动保存,服务器响应set-cookie了 搜索问题,发现跨域,服务器响应的setCookie浏览器无

  • Django之提交表单与前后端交互的方法

    Django之META与前后端交互 1 提交表单之GET 前端提交数据与发送 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收GET请求数据 2)接收POST请求数据 3)响应请求 GET 请求过程 前端通过ajax发起GET请求,json格式数据 var data = { "name": "test", "age": 1 }; $.ajax({ type: 'GET', url: /your/url/, data: dat

随机推荐