良好实践总结

• 在webroot下的static目录下新建目录，比如tdoa_erkai,用于存放定制过程用到的额外的css文件、js文件。

在表单中的js区域标准代码

//向html中的head元素，追加标签
var headadd = document.getElementsByTagName("head")[0];
//追加link标签，引入css样式
var links = document.createElement('link');
links.href = '/static/tdoa_erkai/layui/css/layui.css';
links.rel = 'stylesheet';
links.type = 'text/css';
//追加script标签，引入js
var scripts = document.createElement("script");
scripts.src = "/static/tdoa_erkai/layui/layui.js";
scripts.type = "text/javascript";
headadd.appendChild(scripts);

setTimeout(function(){
  var scripts = document.createElement("script");
  scripts.src = "/static/tdoa_erkai/erkai.js";
  scripts.type = "text/javascript";
  headadd.appendChild(scripts);
},1000);

这样做的好处，可以避免多次反复保存表单，刷新预览表单。
其中

1. tdoa_erkai为自定义目录
2. erkai.js为与当前表单交互的自定义的js文件。
   编写完erkai.js，保存后，在表单预览页面，刷新看效果。

2023年10月19日

获取地址栏：协议、域名/IP地址+端口号

var pro = window.location.protocol;//http或https
var host = window.location.host;//域名或ip地址+端口号
var url = pro + "//" + host;

获取地址栏的参数，比如run_id、flow_id等

//自定义 解析地址栏的数据 的函数
function getUrlData() {
  var href= window.location.href;//读取地址栏
  var hrefArr=href.split('?');
  var data=[];
  if(hrefArr.length>1){//地址栏中存在?,且有参数
  	data=hrefArr[1].split('&');//地址栏中即时没有&,这里也不会报错。
  }
  var obj = {};
  var tmp_arr=[];
  var tmp_str = "";
  for (var i = 0; i < data.length; i++) {
    tmp_arr = data[i].split('=');
    tmp_str = tmp_arr[0].toLowerCase();
    obj[tmp_str] = tmp_arr[1];
  }
  return obj;
}

预览表单时的效果如下图：

向表单中追加自定义css、js文件

//向html中的head元素，追加标签
var headadd = document.getElementsByTagName("head")[0];
//追加link标签，引入css样式
var links = document.createElement('link');
links.href = '/static/tdoa_erkai/layui/css/layui.css';
links.rel = 'stylesheet';
links.type = 'text/css';
headadd.appendChild(links );
//追加script标签，引入js
var scripts = document.createElement("script");
scripts.src = "/static/tdoa_erkai/layui/layui.js";
scripts.type = "text/javascript";
headadd.appendChild(scripts);