移动应用开发中期答辩

                           1552662 方炜豪     1552663 田雍恺

目前进度

• 模拟登陆预约场馆
• 查看场馆
• 预约场馆
• 取消预约
• 展示场馆
• 推荐场馆
• 手机绑定
• 编辑个人信息
• 分享
• 定时提醒
• 计步

类的设计

ButterKnife的使用

    import butterknife.BindView;
    import butterknife.ButterKnife;
    ......
    @BindView(R.id.nav_view) NavigationView navView;
    @BindView(R.id.drawer_layout) DrawerLayout drawer;
    @BindView(R.id.navigation_bar) BottomNavigationBar bottomNavigationBar;
    ......
    ButterKnife.bind(this,v);
    ......

Glide的使用

     private void loadPic(){
        HttpService.sendOkHttpRequest(picUrl, new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                e.printStackTrace();
            }

            @Override
            public void onResponse(Call call, final Response response) throws IOException {
                try{
                    final String bingPic = response.body().string();
                    getActivity().runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Glide.with(getActivity()).load(bingPic).into(imageView);
                        }
                    });
                }catch (IOException e){
                    e.printStackTrace();
                }
            }
        });

    }

Okhttp3的使用和研究

同步调用

同步调用请求就是直接调用RealCall方法的execute()方法，同步调用的缺点就是会导致线程阻塞,界面卡顿，所以不推荐使用

    OkHttpClient client = new OkHttpClient.Builder().readTimeout(5, TimeUnit.SECONDS).build();//在builder的时候就实例化了一个dispatcher
        final Request request = new Request.Builder().get()                 //用到build的设计模式
                .url(_url).build();
    client.newCall(request).execute();

异步调用

异步调用请求就是enqueue(new AsyncCall(responseCallback))方法，将RealCall转化为AsyncCall对象，放到线程池中，进行异步处理,最后异步地执行execute()方法

        public static void sendOkHttpRequest(final String _url,okhttp3.Callback callback){                       //发送请求的动作
        OkHttpClient client = new OkHttpClient.Builder().readTimeout(5, TimeUnit.SECONDS).build();//在builder的时候就实例化了一个dispatcher
        final Request request = new Request.Builder().get()                 //用到build的设计模式
                .url(_url).build();
        client.newCall(request).enqueue(callback);                      
    }

InterceptorChain 拦截器链

        Response result = getResponseWithInterceptorChain();                //从服务器获得返回结果，但是中间需要经过拦截器链的处理
        ......
        Response getResponseWithInterceptorChain() throws IOException {
        // Build a full stack of interceptors.
            List<Interceptor> interceptors = new ArrayList<>();
            interceptors.addAll(client.interceptors());
            interceptors.add(retryAndFollowUpInterceptor);
            interceptors.add(new BridgeInterceptor(client.cookieJar()));
            interceptors.add(new CacheInterceptor(client.internalCache()));
            interceptors.add(new ConnectInterceptor(client));
            if (!forWebSocket) {
                interceptors.addAll(client.networkInterceptors());
            }
            interceptors.add(new CallServerInterceptor(forWebSocket));

            Interceptor.Chain chain = new RealInterceptorChain(interceptors, null, null, null, 0,
            OverrideginalRequest, this, eventListener, client.connectTimeoutMillis(),
            client.readTimeoutMillis(), client.writeTimeoutMillis());

            return chain.proceed(originalRequest);
        }
        ......
        @Override public Response proceed(Request request) throws IOException {
                 return proceed(request, streamAllocation, httpCodec, connection);
        }
        ......
        public Response proceed(Request request, StreamAllocation streamAllocation, HttpCodec httpCodec,
        RealConnection connection) throws IOException {

            ......
            // Call the next interceptor in the chain.
            RealInterceptorChain next = new RealInterceptorChain(
                interceptors, streamAllocation, httpCodec, connection, index + 1, request);
            Interceptor interceptor = interceptors.get(index);
            Response response = interceptor.intercept(next);
    
            ...... 

            return response;
        }

在proceed方法中的核心代码可以看到，proceed实际上也做了两件事：

• 创建下一个拦截链。传入index + 1使得下一个拦截器链只能从下一个拦截器开始访问
• 执行索引为index的intercept方法，并将下一个拦截器链传入该方法

第一个拦截器 RetryAndFollowUpInterceptor

        public final class RetryAndFollowUpInterceptor implements Interceptor {
            @Override public Response intercept(Chain chain) throws IOException{
                ......
                try {
                //执行下一个拦截器链的proceed方法
                    response = ((RealInterceptorChain) chain).proceed(request, streamAllocation, null, null);
                    releaseConnection = false;
                } catch (RouteException e)
                ......
            }
        }

RetryAndFollowUpInterceptor负责两部分逻辑：

• 在网络请求失败后进行重试
• 当服务器返回当前请求需要进行重定向时直接发起新的请求，并在条件允许情况下复用当前连接

BridgeInterceptor主要负责以下几部分内容：

• 设置内容长度，内容编码
• 设置gzip压缩，并在接收到内容后进行解压。省去了应用层处理数据解压的麻烦
• 添加cookie
• 设置其他报头，如User-Agent,Host,Keep-alive等。其中Keep-Alive是实现多路复用的必要步骤

CacheInterceptor的职责很明确，就是负责Cache的管理

• 当网络请求有符合要求的Cache时直接返回Cache
• 当服务器返回内容有改变时更新当前cache
• 如果当前cache失效，删除

ConnectInterceptor为当前请求找到合适的连接，可能复用已有连接也可能是重新创建的连接，返回的连接由连接池负责决定。

CallServerInterceptor负责向服务器发起真正的访问请求，并在接收到服务器返回后读取响应返回。

原质化设计(Material Design)的设计规范

Material Design,中文名:材料设计语言，是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

服务端的搭建和模拟

服务器环境:阿里云上的java1.9+Tomcat9.0+Mysql环境

服务端数据库搭建