最近准备写一个小程序系列的学习文章,为了更好的融汇贯通各个知识点,就以一个项目为基础去实现。项目名称为卓园科技任务系统。
首先,介绍一下这个项目大概思路,发布任务、接受任务、完成任务、结束任务。我会根据这个流程完成整个项目。同时也会有增加一个权限管理。前端用微信小程序,后端用基于JAVA的spring boot微服务。今天发布最近完成的功能,登录功能、验证码、处于安全考虑数据传输用前端用DES加密,后端用Java 解密。第一次用小程序做项目,也是边学边做,很多资料都来源于网上,然后自己加工整理。学好小程序就要熟悉小程序定义的标签。如果有Html和Css、JavaScript基础其实是不太难的。
在做登录功能时,涉及到事件绑定,特别需要注意验证码变换时单击事件不能绑定到image标签上,而是绑定view标签上。还有关于Des加密问题,前端Des加密和后端JAVA解密要注意编码的一致性。
本文源码获取,关注公众号 卓园科技,
发送“卓园科技小程序DES”。
以下是部分关键前端代码:
//生成8位加密随机的key
function generateMixedRSAKey() {
var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
var res = "";
for (var i = 0; i < 8; i++) {
var id = Math.ceil(Math.random() * 35);
res += chars[id];
}
return res;
}
// des解密 g=密文 ,f=key
function encrypt(f, e) {
var h = CryptoJS.enc.Utf8.parse(e);
var g = CryptoJS.DES.encrypt(f, h, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return g.toString()
}
// des加密 g=明文 ,f=key
function decrypt(g, f) {
var h = CryptoJS.enc.Utf8.parse(f);
var e = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(g)
}, h, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return e.toString(CryptoJS.enc.Utf8)
}
后端关键代码:
/**
* 加密明文输入,密文输出
*/
public String encrypt(String strMing) {
byte[] byteMi = null;
byte[] byteMing = null;
String strMi = "";
BASE64Encoder base64en = new BASE64Encoder();
try {
byteMing = strMing.getBytes("UTF8");
byteMi = this.getEncCode(byteMing);
strMi = base64en.encode(byteMi);
} catch (Exception e) {
throw new RuntimeException(
"Error initializing SqlMap class. Cause: " + e);
} finally {
base64en = null;
byteMing = null;
byteMi = null;
}
return strMi;
}
/**
* 解密 以密文输入,明文输出
*
* @param strMi
* @return
*/
public String decrypt(String strMi) {
BASE64Decoder base64De = new BASE64Decoder();
byte[] byteMing = null;
byte[] byteMi = null;
String strMing = "";
try {
byteMi = base64De.decodeBuffer(strMi);
byteMing = this.getDesCode(byteMi);
strMing = new String(byteMing, "UTF8");
} catch (Exception e) {
/*throw new RuntimeException(
"Error initializing SqlMap class. Cause: " + e);*/
} finally {
base64De = null;
byteMing = null;
byteMi = null;
}
return strMing;
}
版权声明:本文为xzhx607原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。