form.on('select(guimo)', function (data) { vue.detail.guimo=data.value; }); form.on('select(zhuangkuang)', function (data) { vue.detail.zhuangkuang=data.value; }); var edit = tinymce.render({ elem: "#xiangqing", height: 600, images_upload_handler: function(blobInfo, succFun, failFun) { var xhr, formData; var file = blobInfo.blob(); //转化为易于理解的file对象 xhr = new XMLHttpRequest(); xhr.withCredentials = false; xhr.open('POST', http.baseurl + 'file/upload'); xhr.setRequestHeader("Token", localStorage.getItem('Token')); //设置请求头 xhr.onload = function() { var json; if (xhr.status != 200) { failFun('HTTP Error: ' + xhr.status); return; } json = JSON.parse(xhr.responseText); if (!json || typeof json.file != 'string') { failFun('Invalid JSON: ' + xhr.responseText); return; } succFun(http.baseurl + 'upload/' + json.file); }; formData = new FormData(); formData.append('file', file, file.name); //此处与源文档不一样 xhr.send(formData); } }, (opt) => { });
时间: 2024-01-12 12:02:27 浏览: 255
这段代码是通过layui的form模块和tinymce插件来处理表单的输入数据。其中form.on('select(guimo)', function (data) { ... })和form.on('select(zhuangkuang)', function (data) { ... })是监听“规模”和“状态”两个下拉列表的选择事件,并将选择的值赋值给vue实例的detail属性中对应的字段。这些字段的值将在表单提交时一并提交。
同时,该代码还使用了tinymce插件来实现富文本编辑器的功能,其中通过images_upload_handler函数来处理图片上传的逻辑。它将图片文件转化为FormData对象,并通过XMLHttpRequest对象向服务器发送POST请求,将图片文件上传到服务器。如果上传成功,将会返回上传后的图片URL地址,并将该地址插入到编辑器中。
相关问题
var jquery = $; var vue = new Vue({ el: '#app', data: { // 轮播图 swiperList: [{ img: '../../img/banner.jpg' }], dataList: [], baseurl:'', ro:{ bianhao : false, weizhi : false, guimo : false, zuoweishu : false, zhuangkuang : false, xiangqing : false, tupian : false, thumbsupnum : false, crazilynum : false, clicktime : false, }, detail: { bianhao: '', weizhi: '', guimo: '', zuoweishu: '', zhuangkuang: '', xiangqing: '', tupian: '', thumbsupnum: '', crazilynum: '', clicktime: '', }, guimo: '大型,中型,小型'.split(','), zhuangkuang: '空闲,忙碌'.split(','), centerMenu: centerMenu }, updated: function() { layui.form.render('select', 'myForm'); }, computed: { }, methods: { jump(url) { jump(url) } } }) layui.use(['layer', 'element', 'carousel', 'http', 'jquery', 'form', 'upload', 'laydate','tinymce'], function() { var layer = layui.layer; var element = layui.element; var carousel = layui.carousel; var http = layui.http; var jquery = layui.jquery; var form = layui.form; var upload = layui.upload; var laydate = layui.laydate; var tinymce = layui.tinymce; vue.baseurl = http.baseurl;
这段代码看起来也是一个使用了 Vue.js 和 layui 框架的前端页面。其中定义了一个 Vue 实例,包含了一些数据属性、方法和计算属性。此外,还使用了 layui 的一些组件和插件,如轮播图、layer弹窗、element元素、http请求、form表单、upload上传和laydate日期选择器。另外,这个页面还包含了一个 tinymce 富文本编辑器。你有什么关于这段代码的问题吗?
create table origin1 ( orderid string, url string, xinzi string comment '薪资待遇', gangwei string comment '岗位名', didian string comment '工作地点', fuli string comment '公司福利', jineng string comment '技能要求', jingyan string comment '工作经验', hangye string comment '行业名', xueli string comment '学历要求', gongsi string comment '公司名', rongzi string comment '融资阶段', guimo string comment '公司规模' )comment '原始数据表' clustered by (orderid) into 1 buckets stored as orc tblproperties ('transactional'='true')
根据您提供的 HQL 代码,我没有发现任何错误。这是一条创建名为 `origin1` 的表的语句,其中包含 `orderid`、`url`、`xinzi`、`gangwei`、`didian`、`fuli`、`jineng`、`jingyan`、`hangye`、`xueli`、`gongsi`、`rongzi` 和 `guimo` 13 个字段,每个字段都有相应的注释,表的存储格式为 ORC。此外,使用 `clustered by` 将表进行桶排序,并指定使用 1 个桶,以提高查询效率。最后,使用 `tblproperties` 将表设置为事务性表,支持 ACID 事务操作。
如果您还有其他问题或需要进一步帮助,请随时提问,我会尽力回答。
阅读全文