今天完成的事情：

一、完成短信工具类编写

使用容联提供的jar包连接容联的服务器，输入相关参数，最后就能给指定用户发送指定的验证短信

/**

 * @Belong: task7

 * @Description: 容联sms工具类：生成六位数验证码并通过容联给用户发送验证短信

 * @Author: jk-leo

 * @Date: 2018/9/10 14:35

 */

public class RonglianSMS {

private static final String serverIP = "sandboxapp.cloopen.com";

private static final String serverPort = "8883";

private static final String accountSid = "xxxxx";

private static final String accountToken = "xxxxxxxx";

private static final String appId = "xxxxxxx";

/**

* @Desciption: 调用联容短信接口给用户发送短信

* @Param: String phoneNumber

* @Return: String flag

* @Author: jk-leo

* @Date: 2018/9/10 15:33

*/

public static String setSMS(String phoneNumber){

HashMap<String, Object> result = null;

String flag = getFlag();

// 初始化SDK

CCPRestSmsSDK restSmsSDK = new CCPRestSmsSDK();

// 初始化服务器地址和端口(采用沙盒环境免费)

restSmsSDK.init(serverIP,serverPort);

// 初始化主账号和主账号令牌

restSmsSDK.setAccount(accountSid,accountToken);

// 初始化应用ID

restSmsSDK.setAppId(appId);

// 调用发送模板短信的接口发送短信

result = restSmsSDK.sendTemplateSMS(phoneNumber,"1",new String[]{flag,"5"});

if("000000".equals(result.get("statusCode"))){

//正常返回输出data包体信息（map）

HashMap<String,Object> data = (HashMap<String, Object>) result.get("data");

Set<String> keySet = data.keySet();

for(String key:keySet){

Object object = data.get(key);

System.out.println(key +" = "+object);

}

return flag;

}else{

//异常返回输出错误码和错误信息

System.out.println("错误码=" + result.get("statusCode") +" 错误信息= "+result.get("statusMsg"));

return null;

}

}

/**

* @Desciption: 生成六位纯数字验证码并返回

* @Param: void

* @Return: String flag

* @Author: jk-leo

* @Date: 2018/9/10 15:31

*/

private static String getFlag(){

// 如果再加上一些字母，就可以生成普通的验证码

String source = "0123456789";

Random random = new Random();

StringBuffer stringBuffer = new StringBuffer();

for (int i=0; i<6; i++){

stringBuffer.append(source.charAt(random.nextInt(9)));

}

return stringBuffer.toString();

}

}

二、学习前端相关知识

1、HTML用来显示网页上的内容；css决定网页内容的表现形式，位置、大小、颜色等；JavaScript能使网页和用户进行交互，比如点击按钮后弹出一个对话框；HTMl DOM是从面向对象的角度看待HTML标签，即把整个HTML看成一个dom树对象，通过相关方法可以获取各个节点信息；ajax，翻译过来即异步的javaScript和xml，通俗将就是用javascript来执行异步网络请求，它是利用函数、事件等实现；jQuery是一个对javascript进行了封装的类库，它功能更加丰富，更易使用；BootStrap是一个前端框架，感觉了整合了HTML、css、javascript的这么一个东西，它依赖JQuery，它有自己的css和js；vue是一个对javascript进行了封装的框架，它比JQuery更加精简更加易用；node.js相当于后端的tomcat、jetty等容器，只不过它是基于javascript的，即我们可以利用它在服务端运行Javascript；webpack是一个前端的打包工具。

2、JavaScript

JavaScript由三部分组成，一是语言基础，二是BOM（浏览器对象模型），三是DOM（文档对象模型）。

语言基础包括以下内容

script标签：用于声明javascript，Javascript代码必须放在script标签中，script标签可以放在HTML的任何地方，但一般建议放在head标签里，但对于js更推荐放在HTML尾部。

注释：分单行注释与多行注释，跟Java代码注释一致。

变量：使用var声明变量，但不用var也可以直接声明变来那个。

调试方法：一是通过浏览器的调试工具，二是通过alert()，使用alert（）会弹出一个对话框，里面内容自己定义，如果使用alert()能够弹出对话框，说明alert()之上的代码运行是没有问题的，通过这个方法可以找出问题语句。

基本数据类型：基本数据类型有undefined、Boolean、Number、String、null；使用typeof可以用来对变量的类型进行判断；在javascrip中没有字符概念 ，只有字符串，因此使用字符串时，单引号双引号都可以；var是动态类型关键字，当值是整数时，即为Number类型，当值为字符串时，即为String类型。

类型转换：基本数据类型同时是一个伪对象，所以他们都有属性和方法，可以通过length来输出字符串长度；Number、Boolean和String都有一个toString方法，用以转换为字符串；Number转换为字符串由默认模式和基模式两种，默认模式默认转为十进制，基模式则要求我们自己输入最终的转换结果，例如二、八、十六；JavaScript提供了内置函数parseInt()和parseFloat()用来转换为数字；使用内置函数Boolean（）可以将其他类型转换为Boolean值；对于转换内容包含非数字，Number（）会返回NaN(Not a Number)，而对于parsetInt（）则要看情况；String()对于null会返回字符串“null”，而toString()则会报错，无法执行。

遇到的问题：

暂无

收获：

了解前端知识

明天计划的事情：

完成短信验证注册