利用Android Studio快速搭建App

大家好,我是烤鸭:

给大家分享一个简单的用Android Studio快速搭建app

工具:

 Android Studio 64位 专业版

插件:

  Datepicker Timepicker okhttp

实现需求:

 界面上选择时间,发get/post请求到后台,获取选择的时间。


1.修改AndroidManifest.xml文件


 其中可以修改app样式,app图标,进入app的最先执行哪个activity,

最重要的!!!

创建的activity一定要在这里注册。

项目名/app/build.gradle中添加依赖,这里贴一下我用到的。

apply plugin: 'com.android.application'android {compileSdkVersion 26defaultConfig {applicationId "com.example.gmwang.washapplication"minSdkVersion 15targetSdkVersion 26versionCode 1versionName "1.0"testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"}buildTypes {release {minifyEnabled falseproguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'}}
}dependencies {implementation fileTree(dir: 'libs', include: ['*.jar'])implementation 'com.android.support:appcompat-v7:26.1.0'implementation 'com.android.support.constraint:constraint-layout:1.0.2'testImplementation 'junit:junit:4.12'androidTestImplementation 'com.android.support.test:runner:1.0.1'androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.1'compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.7'compile 'com.squareup.okhttp3:okhttp:3.3.0'compile 'com.android.support:design:+'compile 'com.zhy:okhttputils:2.6.1'compile 'com.alibaba:fastjson:1.2.7'
}


2.创建Splash页面

 可以看到上面我设置的最先跳转的activity是SplashActivity,这是一个过渡页面,一般app都是有一个页面或者是广告,等几秒再进入app的首页。

创建SplashActivity

package com.example.gmwang.washapplication;import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.Nullable;import java.util.Timer;
import java.util.TimerTask;/*** Created by gmwang on 2017/11/15.*/public class SplashActivity extends Activity {Timer timer;Message message;private Handler handler = new Handler() {public void handleMessage(Message msg) {switch (msg.what) {case 1:if (timer != null) {timer.cancel();timer = null;}Intent i = new Intent(SplashActivity.this,WashViewActivity.class);startActivity(i);break;default:break;}}};@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_spalsh);timer = new Timer();timer.scheduleAtFixedRate(new TimerTask() {@Overridepublic void run() {message = new Message();message.what = 1;handler.sendMessage(message);}}, 3000, 3000);}
}

先说这一行:

setContentView(R.layout.activity_spalsh);

需要创建activity_spalsh的layout,就是页面。

这里就是画了一个简单的页面,里边放了一张图。


代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#333333"><pl.droidsonroids.gif.GifImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@drawable/wash"/>
</LinearLayout>

再说这一行:

Intent i = new Intent(SplashActivity.this,WashViewActivity.class);

就是从这个页面3秒之后,跳转到哪个acticity。


3.创建WashViewActivity页面

这个页面就稍微复杂点,需要有picker插件和okhttp。

先把代码贴出来:

package com.example.gmwang.washapplication;import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.content.Intent;
import android.os.Bundle;
import android.support.constraint.ConstraintLayout;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;import com.alibaba.fastjson.JSONObject;
import com.example.gmwang.washapplication.utils.Constants;
import com.zhy.http.okhttp.OkHttpUtils;
import com.zhy.http.okhttp.callback.StringCallback;import java.util.Calendar;import okhttp3.Call;/*** Created by gmwang on 2017/11/24.*/public class WashViewActivity extends Activity {private TextView tvShowDialog;private TextView timeDialog;private Calendar cal;private int year, month, day;private int hour, minute;private String dateString = "0000";private String timeString = "0000";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_washview);Button recordButton = findViewById(R.id.recordId);Button recordListButton = findViewById(R.id.recordList);tvShowDialog = (TextView) findViewById(R.id.tvShowDialog);timeDialog = (TextView) findViewById(R.id.timeDialog);//获取当前日期getDate();tvShowDialog.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {switch (view.getId()) {case R.id.tvShowDialog:DatePickerDialog.OnDateSetListener listener = new DatePickerDialog.OnDateSetListener() {@Overridepublic void onDateSet(DatePicker arg0, int year, int month, int day) {dateString = year + "-" + (++month) + "-" + day;tvShowDialog.setText(dateString);      //将选择的日期显示到TextView中,因为之前获取month直接使用,所以不需要+1,这个地方需要显示,所以+1}};DatePickerDialog dialog = new DatePickerDialog(WashViewActivity.this, 0, listener, year, month, day);//后边三个参数为显示dialog时默认的日期,月份从0开始,0-11对应1-12个月dialog.show();break;default:break;}}});timeDialog.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {switch (view.getId()) {case R.id.timeDialog:TimePickerDialog.OnTimeSetListener listener = new TimePickerDialog.OnTimeSetListener() {@Overridepublic void onTimeSet(TimePicker timePicker, int hour, int minute) {timeString = hour + ":"+minute;timeDialog.setText(timeString);}};TimePickerDialog dialog = new TimePickerDialog(WashViewActivity.this, 0, listener, hour, minute,true);dialog.show();break;default:break;}}});recordButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Log.e("recordButton",dateString);if(TextUtils.isEmpty(tvShowDialog.getText())){Toast.makeText(getApplicationContext(), "请先选择日期!!!!!!", Toast.LENGTH_LONG).show();return ;}if(TextUtils.isEmpty(timeDialog.getText())){Toast.makeText(getApplicationContext(), "请先选择时间!!!!!!", Toast.LENGTH_LONG).show();return ;}String url = Constants.url+"addRecord";StringBuffer sb = new StringBuffer();OkHttpUtils.get().url(url).addParams("cuuid","66666").addParams("washDate", dateString).addParams("washTime",timeString).build().execute(new StringCallback() {@Overridepublic void onError(Call call, Exception e, int id) {Log.e("onError:", e.toString());}@Overridepublic void onResponse(String response, int id) {Log.e("onResponse:", response);JSONObject responseJson = (JSONObject) JSONObject.parse(response);String code = responseJson.getString("code");String message = responseJson.getString("message");//保存成功if("100".equals(responseJson.get("code"))){Toast.makeText(getApplicationContext(), code+","+responseJson.get("message"), Toast.LENGTH_LONG).show();}else{Toast.makeText(getApplicationContext(), code+","+responseJson.get("message"), Toast.LENGTH_LONG).show();}}});}});}//获取当前日期private void getDate() {cal = Calendar.getInstance();year = cal.get(Calendar.YEAR);       //获取年月日时分秒Log.i("wxy", "year" + year);month = cal.get(Calendar.MONTH);   //获取到的月份是从0开始计数day = cal.get(Calendar.DAY_OF_MONTH);hour = cal.get(Calendar.HOUR_OF_DAY);minute = cal.get(Calendar.MINUTE);}
}


代码有点多,我们一行一行看:

setContentView(R.layout.activity_washview);

跟上面一样,去画个页面activity_washview去,页面上有时间选择插件。

效果:


3.1 activity_washview代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example.gmwang.washapplication.MainActivity"><RelativeLayoutandroid:id="@+id/rle1"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="76dp"><TextViewandroid:id="@+id/dateText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:text="日期" /><EditTextandroid:id="@+id/tvShowDialog"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:layout_toRightOf="@+id/dateText"android:background="@drawable/dateshape"android:focusable="false" /></RelativeLayout><RelativeLayoutandroid:id="@+id/r_time"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="116dp"><TextViewandroid:id="@+id/timeText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:text="时间" /><EditTextandroid:id="@+id/timeDialog"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:layout_toRightOf="@+id/timeText"android:background="@drawable/dateshape"android:focusable="false"/></RelativeLayout><RelativeLayoutandroid:id="@+id/rle2"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="156dp"></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"android:layout_alignTop="@+id/rle1">><Buttonandroid:id="@+id/recordId"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="80dp"android:layout_marginTop="200dp"android:text="record"android:textColor="#f00"android:background="@drawable/button"/></RelativeLayout>
</RelativeLayout>

3.2 贴一下自定义样式,就是个边框,dateshape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><stroke android:color="#000000"android:width="0.5dp"></stroke>
</shape>


3.3 关于textview和button

定义的textview和button都是根据id来找的。

比如:

private TextView tvShowDialog;

tvShowDialog = (TextView) findViewById(R.id.tvShowDialog);

这样就找到这个textView,就可以给他赋值或者其他操作了。button也是一样。


3.4 时间选择插件

DatePicker插件:

tvShowDialog.setOnClickListener 是选择后获取年/月/日/的

TimeDatePicker插件:

timeDialog.setOnClickListener 是选择后获取时/分/的


3.5 http请求

后面的按钮点击方法

recordButton.setOnClickListener,发送http请求,利用okhttp组件

可以看到这里的OkHttpUtils,贴一下代码

package com.zhy.http.okhttp;import com.zhy.http.okhttp.builder.GetBuilder;
import com.zhy.http.okhttp.builder.HeadBuilder;
import com.zhy.http.okhttp.builder.OtherRequestBuilder;
import com.zhy.http.okhttp.builder.PostFileBuilder;
import com.zhy.http.okhttp.builder.PostFormBuilder;
import com.zhy.http.okhttp.builder.PostStringBuilder;
import com.zhy.http.okhttp.callback.Callback;
import com.zhy.http.okhttp.request.RequestCall;
import com.zhy.http.okhttp.utils.Platform;import java.io.IOException;
import java.util.concurrent.Executor;import okhttp3.Call;
import okhttp3.OkHttpClient;
import okhttp3.Response;/*** Created by zhy on 15/8/17.*/
public class OkHttpUtils
{public static final long DEFAULT_MILLISECONDS = 10_000L;private volatile static OkHttpUtils mInstance;private OkHttpClient mOkHttpClient;private Platform mPlatform;public OkHttpUtils(OkHttpClient okHttpClient){if (okHttpClient == null){mOkHttpClient = new OkHttpClient();} else{mOkHttpClient = okHttpClient;}mPlatform = Platform.get();}public static OkHttpUtils initClient(OkHttpClient okHttpClient){if (mInstance == null){synchronized (OkHttpUtils.class){if (mInstance == null){mInstance = new OkHttpUtils(okHttpClient);}}}return mInstance;}public static OkHttpUtils getInstance(){return initClient(null);}public Executor getDelivery(){return mPlatform.defaultCallbackExecutor();}public OkHttpClient getOkHttpClient(){return mOkHttpClient;}public static GetBuilder get(){return new GetBuilder();}public static PostStringBuilder postString(){return new PostStringBuilder();}public static PostFileBuilder postFile(){return new PostFileBuilder();}public static PostFormBuilder post(){return new PostFormBuilder();}public static OtherRequestBuilder put(){return new OtherRequestBuilder(METHOD.PUT);}public static HeadBuilder head(){return new HeadBuilder();}public static OtherRequestBuilder delete(){return new OtherRequestBuilder(METHOD.DELETE);}public static OtherRequestBuilder patch(){return new OtherRequestBuilder(METHOD.PATCH);}public void execute(final RequestCall requestCall, Callback callback){if (callback == null)callback = Callback.CALLBACK_DEFAULT;final Callback finalCallback = callback;final int id = requestCall.getOkHttpRequest().getId();requestCall.getCall().enqueue(new okhttp3.Callback(){@Overridepublic void onFailure(Call call, final IOException e){sendFailResultCallback(call, e, finalCallback, id);}@Overridepublic void onResponse(final Call call, final Response response){if (call.isCanceled()){sendFailResultCallback(call, new IOException("Canceled!"), finalCallback, id);return;}if (!finalCallback.validateReponse(response, id)){sendFailResultCallback(call, new IOException("request failed , reponse's code is : " + response.code()), finalCallback, id);return;}try{Object o = finalCallback.parseNetworkResponse(response, id);sendSuccessResultCallback(o, finalCallback, id);} catch (Exception e){sendFailResultCallback(call, e, finalCallback, id);}}});}public void sendFailResultCallback(final Call call, final Exception e, final Callback callback, final int id){if (callback == null) return;mPlatform.execute(new Runnable(){@Overridepublic void run(){callback.onError(call, e, id);callback.onAfter(id);}});}public void sendSuccessResultCallback(final Object object, final Callback callback, final int id){if (callback == null) return;mPlatform.execute(new Runnable(){@Overridepublic void run(){callback.onResponse(object, id);callback.onAfter(id);}});}public void cancelTag(Object tag){for (Call call : mOkHttpClient.dispatcher().queuedCalls()){if (tag.equals(call.request().tag())){call.cancel();}}for (Call call : mOkHttpClient.dispatcher().runningCalls()){if (tag.equals(call.request().tag())){call.cancel();}}}public static class METHOD{public static final String HEAD = "HEAD";public static final String DELETE = "DELETE";public static final String PUT = "PUT";public static final String PATCH = "PATCH";}
}

要是没有添加依赖的,去build.gradle添加依赖,没有包的就ALT+ENTER引包。

再说一下这段请求代码,搞过后台的基本都能看懂。

OkHttpUtils.get().url(url).addParams("cuuid","66666").addParams("washDate", dateString).addParams("washTime",timeString).build().execute(new StringCallback() {@Overridepublic void onError(Call call, Exception e, int id) {Log.e("onError:", e.toString());}@Overridepublic void onResponse(String response, int id) {Log.e("onResponse:", response);JSONObject responseJson = (JSONObject) JSONObject.parse(response);String code = responseJson.getString("code");String message = responseJson.getString("message");//保存成功if("100".equals(responseJson.get("code"))){Toast.makeText(getApplicationContext(), code+","+responseJson.get("message"), Toast.LENGTH_LONG).show();}else{Toast.makeText(getApplicationContext(), code+","+responseJson.get("message"), Toast.LENGTH_LONG).show();}}});


发了一个get请求,参数是cuuid,washDate,washTime,这两个时间就是上面从插件

选的。onResponse方法,需要返回标准的json格式,我这里定义的是

{"code":"100","message":"success"},后台需要的接口,这里不写了。

4.最后一步,打包

我这里没有连手机,如果你连手机,打开开发者模式,显示有你的手机,点击ok就好了。


打成apk文件。


第一次打的话,让你写密码什么的,一定要记住。。。

打好了就可以把apk分享给好友下载了。

贴一张我的app的图。





本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/413011.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

springboot多环境加载yml和logback配置

大家好&#xff0c;我是烤鸭&#xff1a;这是一篇关于springboot多环境加载yml和logback配置文件。环境&#xff1a;开发工具 idea(推荐)/eclipse(对yml支持不好)jdk 1.8springboot 1.5.6.RELEASE 1. yml和logback文件1.1 结构,如图所示&#xff1a;1.2 application.yml (默…

汇编实验二

》实验结论 1.使用Debug将下面的程序写入内存&#xff0c;逐条执行&#xff08;见1-1&#xff09;&#xff0c;根据指令执行后的实际情况填空&#xff08;见1-2&#xff09; p.s. 已经按实验要求将使用 e 命令将内存单元 0021:0 ~0021:7 连续 8 个字节数据修改为 30H, 31H, 32H…

springboot中的拦截器interceptor和过滤器filter,多次获取request参数

大家好&#xff0c;我是烤鸭&#xff1a; 这是一篇关于springboot的拦截器(interceptor)和过滤器(Filter)。 先说一下过滤器和拦截器。区别&#xff1a;1. servlet请求&#xff0c;顺序&#xff1a;Filter ——> interceptor。2. Filter的作用是对所有进行过滤&#xff…

利用cookies跳过登陆验证码

前言在爬取某些网页时&#xff0c;登陆界面时经常遇到的一个坎&#xff0c;而现在大多数的网站在登陆时都会要求用户填写验证码。当然&#xff0c;我们可以设计一套机器学习的算法去破解验证码&#xff0c;然而&#xff0c;验证码的形式多种多样&#xff0c;稍微变一下&#xf…

[Swift]八大排序算法(八):基数排序

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号&#xff1a;山青咏芝&#xff08;shanqingyongzhi&#xff09;➤博客园地址&#xff1a;山青咏芝&#xff08;https://www.cnblogs.com/strengthen/ &#xff09;➤GitHub地址&…

推一波JAVA学习公众号

大家好&#xff0c;我是烤鸭&#xff0c;今天不水了。分享一波java学习公众号。从基础到架构都有&#xff0c;另外说一句&#xff0c;注意身体吧。另外说一句&#xff0c;本文不定时更新。1. JAVA思维导图2. 程序员小灰可爱的小仓鼠3. 码农每日一题4. JAVA后端技…

二叉树的三种遍历(递归与非递归) + 层次遍历

<转载于 >>> > 二叉树是一种非常重要的数据结构&#xff0c;很多其他数据机构都是基于二叉树的基础演变过来的。二叉树有前、中、后三种遍历方式&#xff0c;因为树的本身就是用递归定义的&#xff0c;因此采用递归的方法实现三种遍历&#xff0c;不仅代码简洁…

springboot使用mongodb

大家好&#xff0c;我是烤鸭&#xff1a;这是一篇关于springboot项目中使用mongodb。 环境&#xff1a;jdk 1.8springboot 1.5.6.RELEASEmaven 3.5 1. mongodb在springboot中的配置springboot集成这个三方插件就是简单&#xff0c;只需要引入依赖&#xff0c;在properties或者…

eclipse搜索框太小

解决方式&#xff1a; Window>Preferences>DevStyle>Inline Search 把 use the inline search 取消勾选

fileinput 加 ftp 加 nginx 加 SpringBoot上传文件

亲测可用 准备linux服务器 https://www.cnblogs.com/shuaifing/p/8268949.html 搭建ftp https://www.cnblogs.com/shuaifing/p/8260532.html Springboot整合fileinput 上传文件https://www.cnblogs.com/shuaifing/p/8274906.html 页面 引入 jquery boostrap fileinput.min.js…

Centos7安装Hadoop教程

一&#xff1a;安装SSH 1&#xff0c;执行下面的命令安装ssh yum install openssh-clients yum install openssh-server 2&#xff0c;执行如下命令测试一下 SSH 是否可用&#xff08;SSH首次登陆提示 yes/no 信息&#xff0c;输入 yes 即可&#xff0c;然后按照提示输入 root…

elasticsearch 6.x (一) 部署 windows入门 spingboot连接

大家好&#xff0c;我是烤鸭&#xff1a;今天分享的是 elasticsearch 6.x 部署 windows服务器。环境&#xff1a;win10elasticsearch-6.2.4springboot 2.0.0.RELEASE1. 官网下载elasticsearch这个是最新版本的es下载地址。https://www.elastic.co/downloads/elasticsearch选择z…

Programming Assignment 5: Burrows–Wheeler Data Compression

Programming Assignment 5: Burrows–Wheeler Data Compression 1. 题目阅读 实现Burrows-Wheeler数据压缩算法。这个革命性的算法产生了gzip和pkzip&#xff0c;并且相对容易实现&#xff0c;还不受任何专利保护。它构成了unix压缩实用程序bzip2的基础。 这个算法由以下三种算…

elasticsearch 6.x (二) linux部署 kibana x-pack 安装

大家好&#xff0c;我是烤鸭&#xff1a; 环境&#xff1a;linux Cent OS 7.3elasticsearch-6.2.4 1. 下载elasticsearch https://www.elastic.co/downloads/elasticsearch 上面的网址直接下载的话&#xff0c;实在太慢了。官方还提供了另一种方式。 https://www.elastic.co…

Kali Linux ——在无网络情况下安装无线网卡驱动

1、背景&#xff1a; 今日刚刚开始学习kali linux&#xff0c;众所周知&#xff0c;安装完成后&#xff0c;系统是没有无线网卡驱动的&#xff0c;这就对学生党造成相当的困扰&#xff1a;校园网要连接有线是需要认证客户端的&#xff0c;而认证客户端只有windows端&#xff0c…

HADOOP_HOME and hadoop.home.dir are unset 报错处理

一般是windows才会出现这个问题 请看下面的解决方案&#xff1a; 第一步&#xff1a;下载winutils-master.zip Gitee地址&#xff1a;https://gitee.com/nkuhyx/winutils.git 蓝奏云&#xff1a;https://www.lanzoux.com/i55ccnc Github地址&#xff1a;https://github.com/cda…

elasticsearch 6.x (三) linux 集群多节点部署

大家好&#xff0c;我是烤鸭&#xff1a;关于集群内单个节点部署&#xff0c;请参考上一篇文章。elasticsearch 6.x linux部署(二) kibana x-pack 安装环境&#xff1a;linux Cent OS 7.3elasticsearch-6.2.41. 下载多个es安装每个安装步骤都是一样的。2. 修改配置文件(重…

springboot-devtools idea或eclipse 热加载

大家好&#xff0c;我是烤鸭&#xff1a;今天分享一下springboot项目的热加载。第二种方式在eclipse和idea中都可以。虽然会有一些小坑。 方式有两种&#xff1a; 1. springloaded(无效) <!-- https://mvnrepository.com/artifact/org.springframework/springloaded -->…

springboot mybatis 热加载mapper.xml文件(最简单)

大家好&#xff0c;我是烤鸭: 今天介绍一下springboot mybatis 热加载mapper.xml文件。 本来不打算写的&#xff0c;看到网上比较流行的方式都比较麻烦&#xff0c;想着简化一下。 网上流行的版本。 https://www.cnblogs.com/oskyhg/p/8587701.html 总结一下需要&#xff1a;my…

vue cli vue 3.x

vue cli & vue 3.x https://cli.vuejs.org/dev-guide/ui-api.html#ui-api https://cli.vuejs.org/zh/guide/#cli vue cli & how to select the option in cmd ? vue cli & 选中 option a select all & i select all 1,2,3,4,5,6,7,8,9,0 分别对应 order 转载…