FAQ > .Web应用 > .web应用案例

Q：在.web中，如何创建和使用用户组件？    

  • A:用户组件可分为三种不同的类型：自定义组件、单个组件和复合组件。
    其中，自定义组件的创建可参考FAQ：Q：如何在.web页面中使用参数控制图形局部刷新

    下述范例中组件示例均为单个组件。对复合组件的操作与单个组件并无差别，不作赘述。

    .web使用相关说明参考：FAQ：Q：Dotweb(.web)作图使用文档
    范例
    组件创建
    步骤1.添加图形
    新增模型，示例代码如下：
    Function web_usercomp_main(endt);
    Begin
    {
      说明：获取万科A指定日至前100天的收盘价
      参数：
        endt：datetime 指定日
    }
      SetSysParam(PN_Stock(),"SZ000002");
      SetSysParam(PN_Date(),20241010T);
      return Nday(100,"date",datetostr(sp_time()),"close",close());
    End;

    依次点击如下位置，添加预设图形模板

    在左侧配置界面中，配置相关设置，完成后点击最上方对勾按钮保存

    示例图形如下：

    步骤2.将图形保存为单个组件
    选中图形，点击右上角保存按钮。

    弹出如下窗口，输入组件名称并点击保存按钮。

    保存完成后，可在页面左上角“元素”->“用户组件”中查看。


    组件使用
    选中要添加组件的层级，点击右上角+按钮

    选择对应组件并点击

    添加完成。图形如下：