修改日期 : 2021-10-01

背景 : 当重新打开一个页面时,有很多设置需要重复操作,浪费时间
修改 :
    1 main.html: 增加 加载 cookie 的逻辑
    2 common.js: 增加 cookie 设置 和 get 的 通用逻辑
    3 main.js: 增加 将所有需要纪录的字段写入cookie逻辑,并加载到页面

Author: Thixiaoxiao

generator-web/src/main/resources/statics/js/common.js

@@ -41,4 +41,29 @@ window.confirm = function(msg, callback){
 //判断是否为空
 function isBlank(value) {
     return !value || !/\S/.test(value)
+}
+
+function setCookie(key, val, expire_second) {
+	var d = new Date();
+	var expires ="";
+	if (expire_second){
+		d.setDate(d.getTime()+(expire_second*1000));
+		expires='; expires=' + d.toGMTSring();
+	}
+	document.cookie = key + "="+ val + expires;
+}
+
+function getCookie(name) {
+	var data = "";
+	if (document.cookie){
+		var arr = document.cookie.split(';');
+		for (var str of arr) {
+			var temp = str.split("=")
+			if (temp[0].replace(/(^\s*)/g,'') === name){
+				data = unescape(temp[1]);
+				break
+			}
+		}
+	}
+	return data;
 }

generator-web/src/main/resources/statics/js/main.js

@@ -123,6 +123,7 @@ const vm = new Vue({
 					error("生成失败");
 					return;
 				}
+				setAllCookie();
 				//console.log(res.outputJson);
 				vm.outputJson=res.outputJson;
 				// console.log(vm.outputJson["bootstrap-ui"]);
@@ -154,3 +155,41 @@ const vm = new Vue({
 	}
 });
 
+/**
+ * 将所有 需要 保留历史纪录的字段写入Cookie中
+ */
+function setAllCookie() {
+	var arr = list_key_need_load();
+	for (var str of arr){
+		setOneCookie(str);
+	}
+}
+
+function setOneCookie(key) {
+	setCookie(key, vm.formData.options[key]);
+}
+
+/**
+ * 将所有 历史纪录 重加载回页面
+ */
+function loadAllCookie() {
+	//console.log(vm);
+	var arr = list_key_need_load();
+	for (var str of arr){
+		loadOneCookie(str);
+	}
+}
+
+function loadOneCookie(key) {
+	if (getCookie(key)!==""){
+		vm.formData.options[key] = getCookie(key);
+	}
+}
+
+/**
+ * 将 所有 需要 纪录的 字段写入数组
+ * @returns {[string]}
+ */
+function list_key_need_load() {
+	return ["authorName","packageName","returnUtilSuccess","returnUtilFailure","ignorePrefix","tinyintTransType","timeTransType"];
+}

generator-web/src/main/resources/templates/main.html

@@ -140,6 +140,7 @@
     vm.formData.options.returnUtilSuccess="${(value.returnUtilSuccess)!!}";
     vm.formData.options.returnUtilFailure="${(value.returnUtilFailure)!!}";
     vm.outputStr="${(value.outputStr)!!}";
+    loadAllCookie()
 </script>
 </body>
 </html>