服务器

产品HTML服务器运维性能调优 

用户提交类逻辑设置

 

1 思考过程

确认激发事件的刷新方式是整页刷新还是局部刷新,传递的参数(逻辑操作额外参数),以及激发元素,查看信息结构图在对应的信息点数据来源是否有"_l=module"(相关链接待添加)。有了实例一对luru.html页面的操作过程,以此为例总结梳理事件逻辑的过程,可以大体的总结出:用户在填入收货人相关信息后,点击"保存按钮",然后将输入的数据以参数集的形式传给服务器,服务器在做完处理后,在返回响应数据,如果成功直接跳转到显示页面,如果没有成功给出类似于"保存失败"的提示信息。因此我们就确定了事件的触发元素("保存"按钮),触发动作(单击“保存”按钮)以及传递参数信息点元素(收货人信息下方的输入框以及“地区”下拉菜单),此时我们就明确了“触发事件的元素、触发动作、额外参数”等概念。

2 设置信息点相关属性

2_1 找到右键菜单中的逻辑设置

使用鼠标右击信息点的输入框打开右键菜单,在右键菜单中点击"逻辑设置"

如果逻辑设置界面"基本信息"中"元素tag"标签所显示的内容与右击元素的标签不一致,例如右击的是一个select下拉菜单,但是tag中显示的是一个“div”,这表示元素没有正确选中。如果尝试两次到三次依然这样,请参照精确选择元素;如果依然没有解决,就将该问题反馈在帖子中。

2_2 设置信息点的id和name属性

通过上一步打开对应的逻辑设置界面,在元素id和元素name中输入对应的名称,该元素id和name名称设置为相同的,但不要与页面中其他元素的名称相同。

点击"确定"保存后,再重复以上操作,分别对所有的信息点元素的id和name进行设置。

注意:wide中只有三种标签:inputtextareaselect可以直接添加name属性,其他标签都需要添加 data-name;如果在name属性没有起作用,确定不是其他原因导致的时候在修改为data-name尝试;如果该事件由module库支持,那么在设置name或者data-name属性时要参照手册中参数的KEY来设置name或者data-name属性的值;另外设置的id和name必须唯一,而且在页面中也是唯一的(如何确认待添加暂时的办法切换到服务器编辑源码界面,切换到html中CTRL+F搜索自己设置的id是否重复)

2_3 保存设置

在确认无误后点击页面编辑界面上方的保存图标,然后进入页面编辑的主界面,点击"文件"下"快速保存" 防止意外退出后丢失自己的设置。然后继续下一步

事件逻辑设置

前提:在思考过程中已经确定了事件逻辑中的触发对象和触发事件以及要提交的信息点,另外在操作过程中,遇到的任何在文档中无法解决的问题记得及时反馈到帖子中。

3_1 打开逻辑操作界面

参考设置id和name的步骤,找到触发事件的元素(一般为“保存”或“提交”按钮),右击,进入"逻辑设置"界面,点击"逻辑",打开界面如图:

3_2 设置逻辑操作

具体逻辑设置如图所示:

其实该设置过程就是一个时间的发生过程,当"当前元素"发生"单击"事件,那么"当前元素"产生"上下弹跳"(可以不设置,这里设置是为了清晰事件的触发过程)的效果,额外的逻辑是"提交数据",然后点击"高级编辑"设置详情,如下图:

"数据来源"中,添加需要提交的数据id,之前已经为这些元素设置过id,添加方式如图中所示,以“,”分隔,注意写入id要与之前步骤中设置的id要一致,否则会影响服务器接收参数。ct参数在现阶段选择“public_json”,至于成功与失败跳转页面,根据页面间逻辑或待与产品确认后添加(待补充)

3_3 保存设置

最后确认无误后,点击保存,然后按照wide基本操作保存和发布或者继续编辑(在设置的过程中,操作过程及问题请及时反馈到帖子中)。