元素各文件调试方法

元素html模板

(1)修改gui编辑界面的html

(2)发布页面

  • 发布普通页面,开发服务器证书选择 Documents/cer/dev.spolo.org.id_rsa,目标域名 姓名全拼.com

  • 发布需要用测试手机查看的页面,开发服务器证书选择 Documents/cer/www.huiqiuqiu.com.id_rsa,目标域名 huiqiuqiu.com

运行期(runtime)

(1)chrome浏览器打开页面,打开开发者工具,network面板中勾选“Disable cache” 然后保持开发者工具打开的状态。 注意:调试期间开发者工具保持打开

(2)打开 FileZilla 连接服务器

  • 调试本地虚拟机页面,则连接 dev.spolo.org

  • 调试手机页面,则连接 huiqiuqiu.com

(3)左侧本地面板进入本地的元素的运行期文件夹,如: /home/XXX/Documents/svn_source/element/元素名称/runtime/

(4)右侧远程面板进入路径

  • 调试本地虚拟机页面,则进入 /home/httpd/data/fs/static/www.替换为自己的测试域名.com/js/_wwplugins

  • 调试手机页面,则进入 /home/httpd/data/fs/static/www.huiqiuqiu.com/js/_wwplugins

(5)双击本地文件以上传至服务器。如果出现弹框,点击确定。

(6)点击wide主界面中,顶部栏“更新”下拉菜单中“重启服务”。

(7)刷新chrome页面,即可更新运行期文件。

编译期(compiler)

(1)打开 FileZilla 连接服务器

  • 调试本地虚拟机页面,则连接 dev.spolo.org

  • 调试手机页面,则连接 huiqiuqiu.com

(2)左侧本地面板进入本地的元素的运行期文件夹,如: /home/XXX/Documents/svn_source/element/元素名称/compiler/

(3)右侧远程面板进入路径 /home/httpd/wware/libs/tools/tplcompiler/tmp

(4)双击本地文件以上传至服务器。如果出现弹框,点击确定。

(5)发布页面

  • 发布普通页面,开发服务器证书选择 Documents/cer/dev.spolo.org.id_rsa,目标域名 姓名全拼.com

  • 发布需要用测试手机查看的页面,开发服务器证书选择 Documents/cer/www.huiqiuqiu.com.id_rsa,目标域名 huiqiuqiu.com

补充说明:

调试编译期文件无法单步调试,所以你需要使用 console.log 来在发布界面输出调试的中间结果。如何输出带格式或颜色的 log,需要使用 chalk 方法函数,请查看编译期文件模板中的说明。

如果需要输出 html 字符串,需要将其先编码再输出,否则会直接处理为 dom 进行渲染。方法函数 HTMLescape 用于编码需要输出的 html,请查看编译期文件模板中的说明。

编辑器(editor)

  • 按照 培训内容配置wide
  • 在需要调试的元素上添加属性 data-enable-devmod="true"
    • 保证该元素有 data-wweditor="@@WWIDPATH@@editor/xxx.js" data-wwlabel="xxx"两个属性,属性的值根据实际情况设定即可
  • 修改本地文件保存右键打开编辑器,即可看到修改

注意:data-enable-devmod="true" 属性在调试完成之后,务必删除。

注意事项

FileZilla上传文件之前,先右键点击刷新。