Statistics form visitors

Note: This method is not applicable to the login-free page because the form with the login-free access function cannot obtain the current login information and needs to log in status.

1. Usage scenarios

This topic describes the visitors who can view the form page through API calls.

2. Video tutorial

To be added, please look forward...

3. Procedure

3.1 Step 1: Create a form

Create two forms: forms to be counted and access to view intermediate tables 」.

3.1.1 create a form to be counted 」

Create a page that displays visitors. You can customize the components on the page as needed.

Procedure:

1. Create a form namedForms to be counted.
2. Drag twoSingle-line text componentGo to the middle canvas and modify the component name in the property bar on the right.

3. ClickSave, the form can be created successfully.

(The operation effect is shown in Figure 3.1-1)

Figure 3.1-1 form page to be counted

3.1.2 create an access View Intermediate table 」

It is used to store personnel data that accesses the form to be counted. A member component is required on the page to store personnel names.

Procedure:

1. Create a form namedAccess and view intermediate tables.
2. Drag oneMember componentGo to the middle canvas and modify the name of the component in the property bar on the right.

3. ClickSave, the form can be created successfully.

(The operation effect is shown in Figure 3.1-2)

Figure 3.1-2 access the middle table page

3.2 Step 2: Call the add form instance interface

You can call this operation to obtain data about a form.

Click to jump directly to the address of the API link required for the call:👉Add a form instance interface

Procedure:

1. Add a remote data source named saveFormData to the form to be counted.
2. In the data source edit dialog box-Request addressFill inhttps://www.aliwork.com/dingtalk/web/此处填写您应用的AppType/v1/form/saveFormData.json

3. InRequest parametersBind the variable at, and click the request parameter.{ / }Icon, and copy the following code into it.

Note: You need to replace formUuid, appType, and employee field_kunp417x with the form data of "access and view intermediate tables.

(The operation method is shown in Figure 3.2-1)

Figure 3.2-1 configure remote data sources

{
  formUuid:"FORM-ST866WB1IDEUJB7YVX13CJ1IV46S14M23PNUK11",
//注意：替换为您创建的表单的formUuid。
  appType:"APP_BXVF6X73641FW17EJG7P",
//注意：替换为您应用的appType。
  formDataJson:JSON.stringify({
    employeeField_kunp417x:[window.loginUser.userId]
//注意：将employeeField_kunp417x替换为您创建的「访问查看中间表」页面中成员组件的唯一标识
  })
}

4. Effect demonstration

Figure 4-1 effect demonstration

YIDA in order to better optimize the content and quality of YIDA user manual, it takes you 3-5 minutes to fill in the document feedback questionnaire. The document feedback questionnaire is submitted anonymously, and the questionnaire information is only used for YIDA document experience feedback collection. Thank you for your support for YIDA!

Click this link to fill in the questionnaire

-------------------- Get the latest information YIDA, welcome to follow US--------------------