这里是页面的标题

动态信息点初选

1 信息点初选步骤

选定页面信息点,以及对页面信息点得位置进行修改。

1_1 动态信息点初选步骤

(1)从整个页面最上面开始找到第一个自己认为需要动态化的信息点

%3Cspan%20style%3D%22font-family%3A%20%26apos%3Bmicrosoft%20yahei%26apos%3B%3B%22%3E%282%29%26%23x5728%3B%26%23x8FD9%3B%26%23x4E2A%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x540D%3B%26%23x79F0%3B%26%23x7684%3B%26%23x524D%3B%26%23x540E%3B%26%23x6DFB%3B%26%23x52A0%3B%7B%7B%3Dit.xxx%7D%7D%26%23xFF0C%3Bxxx%26%23x4E3A%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x540D%3B%26%23x79F0%3B%26%23xFF0C%3B%26%23x793A%3B%26%23x4F8B%3B%26%23xFF1A%3B%7B%7B%3Dit.yonghuming%7D%7D%3C/span%3E

%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%3Cspan%20style%3D%22font-family%3Amicrosoft%20yahei%3B%22%3E%283%29%26%23x5982%3B%26%23x679C%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x6765%3B%26%23x6E90%3B%26%23x4E3A%3Bmodule%26%23x65F6%3B%3Cspan%20style%3D%22color%3A%23FF0000%3B%22%3E%26%23xFF08%3B%26%23x5F85%3B%26%23x8865%3B%26%23x5145%3B%26%23xFF09%3B%3C/span%3E%3C/span%3E%3C/span%3E

%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%3Cspan%20style%3D%22font-family%3Amicrosoft%20yahei%3B%22%3E%284%29%26%23x5982%3B%26%23x679C%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x5224%3B%26%23x65AD%3B%26%23x4E3A%3B%26%23x9700%3B%26%23x8981%3B%26%23x7528%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x5FAA%3B%26%23x73AF%3B%26%23xFF0C%3B%26%23x90A3%3B%26%23x4E48%3B%26%23x8981%3B%26%23x4F7F%3B%26%23x7528%3Bdotjs%26%23x6570%3B%26%23x7EC4%3B%26%23xFF0C%3B%26%23x8BED%3B%26%23x6CD5%3B%26%23x4E3A%3B%26%23xFF1A%3B%3C/span%3E%3C/span%3E%3Cspan%20style%3D%22font-family%3A%20%26apos%3Bmicrosoft%20yahei%26apos%3B%3B%22%3E%26%23x5728%3B%26%23x5143%3B%26%23x7D20%3B%26%23x4E0A%3B%26%23x65B9%3B%26%23x952E%3B%26%23x5165%3B%7B%7B%7E%20it.array%3Avalue%3Aindex%7D%7D%2C%26%23x4E0B%3B%26%23x65B9%3B%26%23x786E%3B%26%23x5B9A%3B%26%23x4E3A%3B%26%23x9700%3B%26%23x8981%3B%26%23x5FAA%3B%26%23x73AF%3B%26%23x7684%3B%26%23x90E8%3B%26%23x5206%3B%26%23x952E%3B%26%23x5165%3B%7B%7B%7E%7D%7D%2C%3C/span%3E%3Cspan%20style%3D%22font-family%3Amicrosoft%20yahei%3B%22%3E%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb%280%2C%200%2C%200%29%3B%20line-height%3A%20normal%3B%22%3E%26%23x5176%3B%26%23x4E2D%3B%20array%26%23x4E3A%3B%26%23x6570%3B%26%23x636E%3B%26%23x4E2D%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x540D%3B%26%23xFF0C%3Bvalue%26%23x6570%3B%26%23x7EC4%3B%26%23x4E2D%3B%26%23x5BF9%3B%26%23x5E94%3B%26%23x6BCF%3B%26%23x4E2A%3B%26%23x4E0B%3B%26%23x6807%3B%26%23x7684%3B%26%23x503C%3B%26%23xFF0C%3Bindex%26%23x4E3A%3B%26%23x7D22%3B%26%23x5F15%3B%26%23xFF08%3B%26%23x5373%3B%26%23x4E0B%3B%26%23x6807%3B%26%23xFF09%3B%26%23xFF0C%3Bvalue%26%23x3001%3Bindex%26%23x53EF%3B%26%23x81EA%3B%26%23x5B9A%3B%26%23x4E49%3B%26%23x540D%3B%26%23x79F0%3B%3C/span%3E%3C/span%3E%3C/span%3E%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%3Cspan%20style%3D%22font-family%3Amicrosoft%20yahei%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb%280%2C%200%2C%200%29%3B%20line-height%3A%20normal%3B%22%3E%3C/span%3E%3C/span%3E%3C/span%3E

(5)dotjs条件判断，语法为：

%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%3Cspan%20style%3D%22font-family%3Amicrosoft%20yahei%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb%280%2C%200%2C%200%29%3B%20line-height%3A%20normal%3B%22%3E%26%23x5176%3B%26%23x4E2D%3B%26%23xFF0C%3Bcondetion%26%23x4E3A%3B%26%23x6761%3B%26%23x4EF6%3B%26%23xFF0C%3B%26%23x4EE5%3B%7B%7B%3F%20condetion%7D%7D%26%23x5F00%3B%26%23x5934%3B%26%23xFF0C%3B%26%23x4EE5%3B%7B%7B%3F%7D%7D%26%23x7ED3%3B%26%23x5C3E%3B%26%23xFF0C%3B%26%23x4F7F%3B%26%23x7528%3B%7B%7B%3F%3F%7D%7D%26%23x4F5C%3B%26%23x4E3A%3Belse%26%23xFF0C%3B%26%23x5982%3B%26%23x679C%3B%26%23x591A%3B%26%23x91CD%3B%26%23x5224%3B%26%23x65AD%3B%26%23xFF0C%3B%26%23x9700%3B%26%23x8981%3Belse%20if%26%23xFF0C%3B%26%23x4F7F%3B%26%23x7528%3B%7B%7B%3F%3F%20condetion%7D%7D%2Celse%20if%26%23x7528%3B%7B%7B%3F%3F%7D%7D%26%23x7ED3%3B%26%23x675F%3B%26%23xFF0C%3B%26%23x518D%3B%26%23x4F7F%3B%26%23x7528%3B%7B%7B%3F%7D%7D%26%23x7ED3%3B%26%23x675F%3B%26%23x6574%3B%26%23x4E2A%3B%26%23x8BED%3B%26%23x53E5%3B%3C/span%3E%3C/span%3E%3C/span%3E

%3Cspan%20style%3D%22font-family%3A%20%26apos%3Bmicrosoft%20yahei%26apos%3B%3B%22%3E%286%29%26%23x5728%3Bwide%26%23x4E2D%3B%26%23x64CD%3B%26%23x4F5C%3B%26%23x7684%3B%26%23x5404%3B%26%23x79CD%3B%26%23x8F93%3B%26%23x5165%3B%26%23x70B9%3B%26%23x4E5F%3B%26%23x80FD%3B%26%23x52A8%3B%26%23x6001%3B%26%23x5316%3B%26%23xFF0C%3Bhtml%26%23x6807%3B%26%23x7B7E%3B%26%23x4E2D%3B%26%23x7684%3B%26%23x5C5E%3B%26%23x6027%3B%26%23x4E5F%3B%26%23x662F%3B%26%23x53EF%3B%26%23x4EE5%3B%26%23x52A8%3B%26%23x6001%3B%26%23x5316%3B%26%23xFF0C%3B%3Cspan%20style%3D%22font-size%3A14px%3B%22%3E%26%23x4F8B%3B%26%23x5982%3B%26%23x4E00%3B%26%23x4E2A%3B%26%23x56FE%3B%26%23x7247%3B%26%23x8DEF%3B%26%23x5F84%3B%26%23xFF0C%3B%26%23x5728%3B%26%23x56FE%3B%26%23x7247%3B%26%23x4E0A%3B%26%23x53F3%3B%26%23x952E%3B-%26gt%3B%26%23x56FE%3B%26%23x7247%3B%26%23x5C5E%3B%26%23x6027%3B%26%23xFF0C%3B%26%23x5728%3BURL%26%23x4E0A%3B%26%23x5199%3B%26%23x5165%3Bdotjs%26%23x8BED%3B%26%23x6CD5%3B%7B%7B%3Dit.xxx%7D%7D%26%23xFF08%3B%26%23x5F85%3B%26%23x786E%3B%26%23x5B9A%3B%26%23xFF09%3B%3C/span%3E%3C/span%3E

(7)在标注时，不能使用黄色编辑，因为如果使用黄色编辑，则有可能会对页面产生影响，从而对动态化产生问题，解决方法：将需要编辑的部份的代码Ctrl+c一下，在页面拖拽一个行（如图1-1）

(图1-1)

，拖拽任意内容放入该行（如图1-2）

(图1-2)

，点击右侧拖拽旁的编辑按钮（如图1-3），将复制的代码粘贴进去，这时，就可以使用拖拽按钮旁的编辑进行代码的修改。

(图1-2)

(9)在标注时，如果从源码页面切换到GUI页面时，光标不能停留在标签内，因为光标停在标签内切换到GUI页面，则在源码处光标定位会去自动增加一些注释，这些注释可能会影响源码内容，所以在从源码切换到GUI时，注意把光标停留在html内容中。

(10)在页面编辑时，从GUI页面选中元素的状态时切换到源码状态，页面元素对应的源码也会被选中

(11)多状态元素标注查看详情

%3Cspan%20style%3D%22font-family%3A%20%26apos%3Bmicrosoft%20yahei%26apos%3B%3B%22%3E%2812%29%26%23x91CD%3B%26%23x590D%3B%26%23x521A%3B%26%23x624D%3B%26%23x5BF9%3B%26%23x7B2C%3B%26%23x4E00%3B%26%23x4E2A%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x7684%3B%26%23x6807%3B%26%23x6CE8%3B%26%23x52A8%3B%26%23x4F5C%3B%2C%26%23x76F4%3B%26%23x81F3%3B%26%23x672C%3B%26%23x9875%3B%26%23x9762%3B%26%23x6240%3B%26%23x6709%3B%26%23x81EA%3B%26%23x5DF1%3B%26%23x8BA4%3B%26%23x4E3A%3B%26%23x9700%3B%26%23x8981%3B%26%23x52A8%3B%26%23x6001%3B%26%23x5316%3B%26%23x7684%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%26%23x5168%3B%26%23x90E8%3B%26%23x6807%3B%26%23x8BB0%3B%26%23x5B8C%3B%26%23x6210%3B%3C/span%3E

(13)点击保存按钮-->“文件-->快速保存”,并且这个页面不要关

1_2 dotjs注意事项

%281%29%26%23x5728%3Bwide%26%23x754C%3B%26%23x9762%3B%26%23x6539%3B%26%23x5199%3B%26%23x9875%3B%26%23x9762%3B%26%23x65F6%3B%26%23x7531%3B%26%23x4E8E%3Bwide%26%23x7684%3B%26%23x673A%3B%26%23x5236%3B%26%23x4F1A%3B%26%23x81EA%3B%26%23x52A8%3B%26%23x4F7F%3B%26%23x7528%3B%26lt%3Bp%26gt%3B%26lt%3B/p%26gt%3B%26%23x7B49%3B%26%23x6807%3B%26%23x7B7E%3B%26%23x5305%3B%26%23x88F9%3B%26%23xFF08%3B%26%23x6682%3B%26%23x65F6%3B%26%23x4E0D%3B%26%23x5904%3B%26%23x7406%3B%26%23x6B64%3B%26%23x5904%3B%26%23xFF09%3B%26%23xA0%3B

(2)对照本页面的诉求树信息点,利用dotjs语法来进行标注doTjs (不熟悉dotjs也请参照) （待确定）

(3)对于可以直接生成的数据在编辑界面对元素进行操作

①在wide的页面编辑界面选择需要修改的元素，选择待修改元素的相关部件通过“编辑”修改元素

%26%23xA0%3B%20%26%23xA0%3B%20%26%23x2461%3B%26%23x5982%3B%26%23x9700%3B%26%23x8981%3B%26%23x4FEE%3B%26%23x6539%3B%26%23x7684%3B%26%23x662F%3B%26%23x9875%3B%26%23x9762%3B%26%23x4E2D%3B%26%23x67D0%3B%26%23x5143%3B%26%23x7D20%3B%26%23x7684%3B%26%23x540D%3B%26%23x5B57%3B%26%23xFF0C%3B%26%23x5728%3B%26%23x6587%3B%26%23x5B57%3B%26%23x95F4%3B%26%23x952E%3B%26%23x5165%3B%26%23x8D4B%3B%26%23x503C%3B%26%23x8BED%3B%26%23x53E5%3B%7B%7B%3Dit.Result.name%7D%7D

%26%23xA0%3B%20%26%23xA0%3B%20%26%23x2462%3B%26%23x5220%3B%26%23x9664%3B%26%23x5B57%3B%26%23x7B26%3B%26%23x524D%3B%26%23x540E%3B%26%23x7684%3B%26%23x6587%3B%26%23x5B57%3B%26%23xFF0C%3B%26%23x5982%3B%26%23x539F%3B%26%23x4E3A%3B%26%23x201C%3B%26%23x7528%3B%26%23x6237%3B%26%23x540D%3B%7B%7B%3Dit.Reuslt.name%7D%7D%26%23x201D%3B%26%23x5220%3B%26%23x9664%3B%26%23x540E%3B%26%23x4E3A%3B%26%23x201C%3B%7B%7B%3Dit.Result.name%7D%7D%26%23x201D%3B

④因为wide的机制不能直接删除元素后键入赋值语句，可能会删除原文字属性

⑤如果元素需要通过循环或判断更改，需要选择合适的位置键入赋值语句

⑥确认在页面中相关的重复元素后在选定某些元素作为模板，将赋值语句键入元素的上方和下方

⑦编辑元素时需要注意赋值语句可能对页面结构造成的影响

%26%23xA0%3B%20%26%23xA0%3B%20%26%23x2467%3B%26%23x5728%3B%26%23x5143%3B%26%23x7D20%3B%26%23x4E0A%3B%26%23x65B9%3B%26%23x952E%3B%26%23x5165%3B%7B%7B%7E%20it.Result.paixu%3Avalue%3Aindex%7D%7D%26%23x4E0B%3B%26%23x65B9%3B%26%23x786E%3B%26%23x5B9A%3B%26%23x4E3A%3B%26%23x9700%3B%26%23x8981%3B%26%23x5FAA%3B%26%23x73AF%3B%26%23x7684%3B%26%23x90E8%3B%26%23x5206%3B%26%23x952E%3B%26%23x5165%3B%7B%7B%7E%7D%7D

⑨在对数组循环和判断中，应采取改造一处测试一处，避免整理改造完后页面会出问题，对调试增加难度

⑩ 元素中的部分采用可以直接修改的元素的方式键入赋值语句即可