项目中的小实现(安卓,javaweb,前端)

做过项目中的小实现

会不定时更新，有些项目需要重构，可能造成链接失效

Android

• fresco自定义ImagePipeline，使用OkHttp加载图片,并加入SSL访问证书

第30行，通过自定义的ImagePipelineConfig和OkHttpClient，在自定义的OkHttpClient中加入SSL证书。

• retrofit通过okHttp拦截器实现token验证，过期自动获取新token

通过实现okhttp的Interceptor实现，在me/jcala/xmarket/network/ReqExecutor.java的61行进行注册。

• retrofit支持https访问

在第47行，证书所在位置R.raw.xmarket，证书利用JDK的keytool工具生成。

• RecyclerView万能适配器

通过定义的RecyclerCommonAdapter和RecyclerViewHolder，在https://github.com/jcalaz/xmarket/blob/master/app/src/main/java/me/jcala/xmarket/mvp/school/SchoolPresenterImpl.java中的67行有这个万能适配器的使用

• retrofit http日志打印

第41行，需要导入依赖compile 'com.squareup.okhttp3:logging-interceptor:3.4.1'

• 结合RxJava实现的后台轮询

实现了安卓的Service，设置onStartCommand方法的返回值可以设置后台轮询的类型，使用了RxJava的Observable.interval方法。如果需要后台服务更新ui，可以通过在需要更新ui的页面接收广播实现。

• MVP模式的实现

目的：减少Activity代码量，实现分层，提高可维护性

• Dagger2实现简单依赖注入

目的：降耦合，不是类似spring ioc的反射注入，而是编译生成代码注入，不会降低性能，但也明显不如spring ioc或者google guice的简洁

• Realm数据库实现页面数据存储

每次打开Activity，从Realm中读取数据(37行)，每次下拉刷新后，先删除原有数据，再存入新的数据(69行)。这里没有判断新数据与原数据相同，一并删除，可以自己判断下

• fresco加载gif，实现启动动画

public class SplashActivity extends BaseActivity {
    //...
 protected void initVariables() {
        view=(SimpleDraweeView)findViewById(R.id.loading_gif);
        DraweeController builder = Fresco.newDraweeControllerBuilder()
                .setAutoPlayAnimations(true)
                .setUri(Uri.parse("res://drawable/" + R.drawable.splash_loading))//设置uri
                .build();
        view.setController(builder);
    }
    //...
}

• GridView或者ListView的万能适配器

通过CommonAdapter和me/jcala/xmarket/view/ViewHolder，在me/jcala/xmarket/mvp/sort/TradeTagPresenterImpl.java的47行有对他的使用

• fresco实现圆形头像

• RxJava+retrofit实现HTTP访问

retrofit的接口方法，这里通过在ReqExecutor单例中通过tradeReq()方法获取TradeReq的实例

public interface TradeReq {
        @GET(ApiConf.get_school_trades)
        Observable>> getSchoolTrades(
                @Path("schoolName")  String school,
                @Query("page") int page,
                @Query("size") int size
        );
}

• retrofit实现多图片和javabean同时上传

retrofit中的接口方法需要将图片文件转为MultipartBody.Part类型(me/jcala/xmarket/mvp/trade/add/TradeAddPresenterImpl.java的77行)

public interface TradeReq {
       @Multipart
       @POST(ApiConf.create_trade)
       Observable> addTrade(
               @Part("trade") RequestBody trade,
               @Part List parts);
}

java web

• spring data mongo使用MongoTemplate实现复杂数据操作

在MongoRepository满足不了要求可通过MongoTemplate实现，spring中已经有MongoTemplate的实例，直接注入使用即可

• Multipart接收多多图片存储，并生成图片获取链接

安卓客户端部分如上：retrofit实现多图片和javabean同时上传

• 使用SpringMVC拦截器验证Token是否过期和合法

获取x-access-token的值，验证成功返回自定义的HTTP状态码210，否则返回401

• swagger配置，自动根据springmvc的控制器注解生成API文档

返回值为Docket的方法即是配置swagger的配置类，在me/jcala/xmarket/server/ctrl包下的控制器类有swagger的注解

• MongoRepository设置从mongo读取列

默认读取一个记录的所有属性，只读取特定的属性，可通过@Query(fields = "{ 'id': 1,'title':1}")设置

• jwt token的创建

第99行，在application.yml中设置了JWT的密匙和生命周期

• spring boot配置https

xmarket.keystore数字证书通过keytool生成

ssl:
        key-store: classpath:xmarket.keystore
        key-store-password: 546sdhjdf
        key-password: sdjkasl465sd
        keyAlias: xmarketkey
        enabled: true

• keytool生成HTTPS证书

keytool -genkey -alias xmarketkey -keyalg RSA -keysize 1024 -keypass sdjkasl465sd -validity 365 -keystore g:\home\xmarket.keystore -storepass 546sdhjdf  //生成证书
keytool -list  -v -keystore g:\home\xmarket.keystore -storepass 546sdhjdf //查看证书
keytool -export -alias xmarketkey -keystore g:\home\xmarket.keystore -file g:\home\xmarket.crt -storepass 546sdhjdf //导出证书
keytool -printcert -file g:\home\xmarket.crt //查看证书

• spring boot整合mybatis

第60行有其配置，通过org.mybatis.spring.boot:mybatis-spring-boot-starter:1.1.1整合

• 全注解使用mybatis

注解对复杂操作也越来越好，如插入之后返回id值(89行)

• velocity的宏使用

需要在application.yml中配置宏文件位置，如velocimacro.library: VM_global_library.vm。

• spring boot运行时自动创建数据库和表，并设置初始数据

将spring.datasource.initialize设置为true; spring.datasource.schema指向创建数据库和表的sql文件，如classpath:import.sql；spring.datasource.data指向初始数据sql文件

• spring boot开启HTTP文件压缩

server:
    compression:
            min-response-size: 512 #压缩文件最小大小(kb)
            enabled: true #是否压缩
            mime-types: text/html,text/css,text/javascript,application/javascript,image/gif,image/png,image/jpg #要压缩的文件格式

• 用md5实现的简单图片防篡改

加密过程: 获取图片md5值--md5的16个字节加到图片最末尾。验证过程: 取出图片末尾16个字节--并删除图片末尾16个字节--重新获取图片的md5值--两个md5进行比对。这里只是简单实现，代码没有进行优化

前端

• vuex的使用

包括getters，mutations，actions等，components下的组件中有其具体调用方式。

• 使用vue-cli，js代码中图片访问链接设置

将图片放到static文件夹下，npm run dev时node的server会将static目录加入到服务器中，url如/static/img/wood.jpg即可访问