特許 7217357 ミニプログラムのデータバインディング方法、装置、デバイス及びコンピュータプログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2023-01-25

(45)【発行日】2023-02-02

(54)【発明の名称】ミニプログラムのデータバインディング方法、装置、デバイス及びコンピュータプログラム

(51)【国際特許分類】

   G06F 8/34 20180101AFI20230126BHJP

   G06F 8/38 20180101ALI20230126BHJP

【ＦＩ】

G06F8/34

G06F8/38

【請求項の数】 13

(21)【出願番号】P 2021547516

(86)(22)【出願日】2020-06-28

(65)【公表番号】

(43)【公表日】2022-03-29

(86)【国際出願番号】 CN2020098553

(87)【国際公開番号】W WO2021008334

(87)【国際公開日】2021-01-21

【審査請求日】2021-08-13

(31)【優先権主張番号】201910636599.0

(32)【優先日】2019-07-15

(33)【優先権主張国・地域又は機関】CN

(73)【特許権者】

【識別番号】517392436

【氏名又は名称】▲騰▼▲訊▼科技（深▲セン▼）有限公司

(74)【代理人】

【識別番号】100110364

【弁理士】

【氏名又は名称】実広 信哉

(74)【代理人】

【識別番号】100150197

【弁理士】

【氏名又は名称】松尾 直樹

(72)【発明者】

【氏名】郭 沛然

(72)【発明者】

【氏名】宿 ▲海▼成

(72)【発明者】

【氏名】蔡 雨利

(72)【発明者】

【氏名】▲劉▼ ▲暦▼

(72)【発明者】

【氏名】朱 仕▲達▼

【審査官】石川 亮

(56)【参考文献】

【文献】米国特許出願公開第２０１７／０３１５７８６（ＵＳ，Ａ１）

【文献】特表２００６－５２６１９２（ＪＰ，Ａ）

【文献】特開２０１５－００５２４１（ＪＰ，Ａ）

【文献】特開２００２－１６３２５１（ＪＰ，Ａ）

【文献】特開２００５－０３８４０４（ＪＰ，Ａ）

【文献】特開２００５－３０１９９４（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ８／３０－８／３８

(57)【特許請求の範囲】

【請求項1】

端末が実行する、ミニプログラムのデータバインディング方法であって、前記ミニプログラムは、ホストプログラムに依存して実行するプログラムであり、前記方法は、
可視化作成プログラムのミニプログラム作成インターフェースを表示するステップであって、前記ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、前記パネル領域にｎ種類の基本ユーザインターフェースコントロールが提供され、ｎが正の整数であるステップと、
選択された基本ユーザインターフェースコントロールでのユーザ操作を受け取ったことに応答して、前記編集領域で、前記選択された基本ユーザインターフェースコントロールに基づいて、前記ミニプログラムのプログラムインターフェースを編集して得るステップと、
データソースを取得するステップと、
前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングするステップであって、前記データソースは、前記ターゲット基本ユーザインターフェースコントロールを表示するために用いられるステップと、を含み、
前記基本ユーザインターフェースコントロールは、ｍ個のコントロールコンポーネントに対応し、前記データソースは、ｍ個のデータフィールドを含み、ｍが１よりも大きい正の整数であり、
前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングするステップは、
前記データバインディング操作を受け取ったことに応答して、第１配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を表示するステップを含む、
ミニプログラムのデータバインディング方法。

【請求項2】

前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングするステップは、
再度配列操作を受け取ったことに応答して、第ｉ＋１の配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するステップであって、前記第ｉ＋１の配列順序は、第ｉの配列順序とは異なる配列順序であり、ｉは開始値が１である正の整数であり、前記第ｉの配列順序はランダムに生成し又は予め設定したものであるステップと、
バインディング確認操作を受け取ったことに応答して、前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするステップと、を含むことを特徴とする
請求項１に記載の方法。

【請求項3】

前記方法は、
前記ｍ個のデータフィールドのすべての配列順序を生成するステップをさらに含み、
再度配列操作を受け取ったことに応答して、第ｉ＋１の配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するステップは、
前記再度配列操作を受け取ったことに応答して、前記すべての配列順序から、前記第ｉの配列順序と異なる１組の配列順序をランダムに選択し、前記第ｉ＋１の配列順序として決定するステップと、
前記第ｉ＋１の配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するステップと、を含むことを特徴とする
請求項２に記載の方法。

【請求項4】

前記第ｉ＋１の配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を表示するステップは、
前記第ｉ＋１の配列順序に従って前記ｍ個のデータフィールドのうちのｊ番目のデータフィールド及びフィールドタイプを読み取るステップであって、１≦ｊ≦ｍ、かつｊが正の整数であるステップと、
前記ｍ個のコントロールコンポーネントからバインディング条件を満たすターゲットコントロールコンポーネントを決定するステップであって、前記バインディング条件は、前記コントロールコンポーネントにデータフィールドがバインディングされていないこと、又は、前記コントロールコンポーネントが前記ｊ番目のデータフィールドのフィールドタイプとマッチングしていること、又は、前記コントロールコンポーネントにデータフィールドがバインディングされておらず、かつ前記ｊ番目のデータフィールドのフィールドタイプとマッチングしていることを含むステップと、
前記ターゲットコントロールコンポーネントと前記ｊ番目のデータフィールドをバインディングするステップと、
前記ｍ個のコントロールコンポーネントをいずれもバインディングした後、前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するステップと、を含むことを特徴とする
請求項３に記載の方法。

【請求項5】

前記方法は、
前記ターゲット基本ユーザインターフェースコントロールにおけるターゲットコントロールコンポーネントでのバインディング改修操作を受け取るステップと、
前記ターゲットコントロールコンポーネントに対応する少なくとも１つの候補データフィールドを表示するステップであって、前記候補データフィールドは、前記ｍ個のデータフィールドのうち、フィールドタイプが前記ターゲットコントロールコンポーネントとマッチングするデータフィールドであるステップと、
選択操作を受け取ったことに応答して、前記少なくとも１つの候補データフィールドのうちの選択されたデータフィールドを前記ターゲットコントロールコンポーネントにバインディングするステップと、をさらに含むことを特徴とする
請求項２から４のいずれか一項に記載の方法。

【請求項6】

前記ミニプログラムは、次の階層のプログラムインターフェースをさらに含み、前記次の階層のプログラムインターフェースは、前記ターゲット基本ユーザインターフェースコントロールがトリガされた後に表示されるプログラムインターフェースであり、前記方法は、
前記ターゲットコントロールコンポーネントにバインディングされたデータフィールドを、前記次の階層のプログラムインターフェース内の対応するコントロールコンポーネントに自動的にバインディングするステップをさらに含むことを特徴とする
請求項４に記載の方法。

【請求項7】

データソースを取得するステップは、
第１テーブルファイルを表示し、追加操作を受け取るステップであって、前記追加操作は、前記第１テーブルファイルを前記可視化作成プログラムに追加するために用いられるステップ、
又は、
プログラム呼び出し操作を受け取るステップであって、前記プログラム呼び出し操作は、前記可視化作成プログラムでテーブルアプリケーションプログラムを呼び出すために用いられ、前記テーブルアプリケーションプログラムは第２テーブルファイルを含むステップ、
又は、
近距離無線通信技術により、第３テーブルファイルを受信するステップを含むことを特徴とする
請求項１から４のいずれか一項に記載の方法。

【請求項8】

前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングした後に、前記方法は、
前記ミニプログラムのプログラムインターフェースにおける前記基本ユーザインターフェースコントロールに基づいて、前記ミニプログラムのビューレイヤーコードを生成するステップと、
前記ミニプログラムのプログラムインターフェースにおける前記基本ユーザインターフェースコントロールにバインディングされたデータソースに基づいて、前記ミニプログラムのロジックレイヤーコードを生成するステップと、
前記ビューレイヤーコードと前記ロジックレイヤーコードに基づいて、前記ミニプログラムのプログラムパケットを生成するステップと、をさらに含むことを特徴とする
請求項１から４のいずれか一項に記載の方法。

【請求項9】

前記ミニプログラムの作成インターフェースはプレビューコントロールをさらに含み、
前記方法は、
前記プレビューコントロールでのプレビュー操作を受け取ったことに応答して、前記ミニプログラムのプログラムパケットを前記ホストプログラムにプッシュして実行及び／又はプレビューするステップをさらに含むことを特徴とする
請求項８に記載の方法。

【請求項10】

前記ミニプログラムの作成インターフェースはサブミットコントロールをさらに含み、
前記方法は、
前記サブミットコントロールでのサブミット操作を受け取ったことに応答して、前記ミニプログラムのプログラムパケットを前記ホストプログラムのプログラムプラットフォームに送信して審査又はデプロイするステップをさらに含むことを特徴とする
請求項１から４のいずれか一項に記載の方法。

【請求項11】

ミニプログラムのデータバインディング装置であって、前記ミニプログラムは、ホストプログラムに依存して実行するプログラムであり、前記装置は、
可視化作成プログラムのミニプログラム作成インターフェースを表示するように構成され、前記ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、前記パネル領域にｎ種類の基本ユーザインターフェースコントロールが提供され、ｎが正の整数である表示モジュールと、
選択された基本ユーザインターフェースコントロールでのユーザ操作を受け取ったことに応答して、前記編集領域で、前記選択された基本ユーザインターフェースコントロールに基づいて、前記ミニプログラムのプログラムインターフェースを編集して得るように構成される受け取りモジュールと、
データソースを取得するように構成される取得モジュールと、を備え、
前記受け取りモジュールは、さらに前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングするように構成され、前記データソースは、前記ターゲット基本ユーザインターフェースコントロールを表示するために用いられ、
前記基本ユーザインターフェースコントロールは、ｍ個のコントロールコンポーネントに対応し、前記データソースは、ｍ個のデータフィールドを含み、ｍが１よりも大きい正の整数であり、
前記ミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、前記ターゲット基本ユーザインターフェースコントロールを前記データソースにバインディングすることは、
前記データバインディング操作を受け取ったことに応答して、第１配列順序に従って前記ｍ個のデータフィールドと前記ｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を表示することを含む、
ミニプログラムのデータバインディング装置。

【請求項12】

コンピュータデバイスであって、前記コンピュータデバイスは、プロセッサとメモリとを備え、前記メモリに少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットが記憶されており、前記少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットは、前記プロセッサによってロードされて実行され、それによって、請求項１から１０のいずれか一項に記載のミニプログラムのデータバインディング方法を実現するコンピュータデバイス。

【請求項13】

コンピュータプログラムであって、コンピュータに請求項１から１０のいずれか一項に記載のミニプログラムのデータバインディング方法を実行させる、コンピュータプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

（関連出願への相互参照）
本出願は、２０１９年７月１５日に提出された、出願番号が２０１９１０６３６５９９．０であり、発明の名称が「ミニプログラムのデータバインディング方法、装置、デバイス及び記憶媒体」である中国特許出願に対する優先権を主張し、その全ての内容が参照により本出願に組み込まれる。

【0002】

本出願は、可視化プログラミング分野に関し、特にミニプログラムのデータバインディング方法、装置、デバイス及び記憶媒体に関する。

【背景技術】

【0003】

ミニプログラムは、ホストプログラムに依存して実行するプログラムであり、ユーザは、インストールされたホストプログラムに様々なミニプログラムを追加することで、異なるミニプログラムによるサービスを体験することができる。

【0004】

様々なタイプのミニプログラムは、各企業、サービス機構、さらに個人ユーザ（例えば、プログラマー）によって開発することができ、そしてアプリケーションプログラムプロバイダーに提出することによって、ユーザに異なるサービスを提供し、アプリケーションプログラムプロバイダーは、プログラムプラットフォームとしてホストプログラムを提供する。ミニプログラムは、大量のデータで様々な機能を実現し、開発者は、ミニプログラムを対応するデータに一つずつバインディングし、それによって、ユーザは、ミニプログラムのプログラムインターフェース上で異なるコンテンツ（例えば文字、ピクチャなど）を見ることができ、ユーザが特定のページをトリガした後、ページ遷移などの機能が実現される。

【0005】

上記の状況に基づき、開発者は、ミニプログラムを開発する時に、専用の開発者ツールを使用する必要があると共に、データバインディングを実現するために多くのコードを書く必要があり、そのため、開発者は、ミニプログラムを開発するために、よりプロフェッショナルのプログラミング能力が必要であり、その結果、より一般的な個人ユーザが使用することができるまで普及することは困難である。

【発明の概要】

【課題を解決するための手段】

【0006】

本出願の実施例は、ミニプログラムのデータバインディング方法、装置、デバイス及び記憶媒体を提供する。これにより、ユーザは、コードを書く必要がなく、ターゲット基本ＵＩコントロールにバインディングされたデータソースを変更し、又は、ターゲット基本ＵＩコントロールとデータソースの間のバインディング関係を解除するだけで、ターゲット基本ＵＩコントロールの表示コンテンツを編集又は変更する機能を実現でき、ユーザのミニプログラムの作成効率が向上する。前記技術案は次の通りである。

【0007】

本出願の１つの態様に基づいて、端末により実行される、ミニプログラムのデータバインディング方法を提供し、上記のミニプログラムは、ホストプログラムに依存して実行するプログラムであり、当該方法は、
可視化作成プログラムのミニプログラム作成インターフェースを表示するステップであって、ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、パネル領域にはｎ種類の基本ユーザインターフェース（ＵＩ）コントロールが提供され、ｎが正の整数であるステップと、
選択された基本ＵＩコントロールでのユーザ操作を受け取る時に、編集領域で、選択された基本ＵＩコントロールに基づいてミニプログラムのプログラムインターフェースを編集して得るステップと、
データソースを取得するステップと、
ミニプログラムのプログラムインターフェースにおけるターゲット基本ＵＩコントロールに対応するデータバインディング操作を受け取る時に、データバインディング操作に基づいてターゲット基本ＵＩコントロールをデータソースにバインディングするステップであって、データソースは、ターゲット基本ＵＩコントロールを表示するために用いられるステップとを含む。

【0008】

本出願の別つの態様に基づいて、ミニプログラムのデータバインディング装置を提供する。上記のミニプログラムは、ホストプログラムに依存して実行するプログラムであり、当該装置は、
可視化作成プログラムのミニプログラム作成インターフェースを表示するように構成され、ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、パネル領域にｎ種類の基本ＵＩコントロールが提供され、ｎが正の整数である表示モジュールと、
選択された基本ＵＩコントロールでのユーザ操作を受け取る時に、編集領域で、選択された基本ＵＩコントロールに基づいてミニプログラムのプログラムインターフェースを編集して得るように構成される受け取りモジュールと、
データソースを取得するように構成される取得モジュールとを備え、
受け取りモジュールは、さらにミニプログラムのプログラムインターフェースにおけるターゲット基本ＵＩコントロールに対応するデータバインディング操作を受け取る時に、データバインディング操作に基づいてターゲット基本ＵＩコントロールをデータソースにバインディングするように構成され、データソースは、ターゲット基本ＵＩコントロールを表示するために用いられる。

【0009】

本出願の別の態様に基づいて、コンピュータデバイスを提供する。上記コンピュータデバイスは、プロセッサとメモリとを備え、上記メモリに少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットが記憶されており、上記の少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットは、以上の１つの態様に記載されるミニプログラムのデータバインディング方法を実現するために上記プロセッサによってロードされて実行される。

【0010】

本出願の別の態様に基づいて、コンピュータ可読記憶媒体を提供する。上記コンピュータ可読記憶媒体に少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットが記憶されており、上記の少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットは、以上の１つの態様に記載されるミニプログラムのデータバインディング方法を実現するためにプロセッサによってロードされて実行される。

【0011】

本出願の別の態様に基づいて、コンピュータプログラム製品又はコンピュータプログラムを提供する。上記のコンピュータプログラム製品又はコンピュータプログラムは、コンピュータ命令を含み、上記のコンピュータ命令は、コンピュータ可読記憶媒体に記憶される。コンピュータデバイスのプロセッサは、コンピュータ可読記憶媒体から上記のコンピュータ命令を読み取り、プロセッサは、コンピュータデバイスが上記の１つの態様の様々な任意の実施形態で提供されるミニプログラムのデータバインディング方法を実行するように、上記のコンピュータ命令を実行する。

【0012】

本出願の実施例によって提供される技術案の有益な効果は以下の通りである。

【0013】

可視化作成プログラムのミニプログラム作成インターフェース上で操作し、ミニプログラムのターゲット基本ＵＩコントロールをデータソースにバインディングし、バインディングされたターゲット基本ＵＩコントロールは、データソースに対応するコンテンツを表示することができ、これにより、ユーザは、コードを書く必要がなく、ターゲット基本ＵＩコントロールにバインディングされたデータソースを変更し、又はターゲット基本ＵＩコントロールとデータソースの間のバインディング関係を解除するだけで、ターゲット基本ＵＩコントロールの表示コンテンツを編集又は変更する機能を実現することができるため、ユーザのミニプログラムの作成効率が向上する。

【図面の簡単な説明】

【0014】

【図1】本出願の１つの例示的な実施例による可視化作成プログラムのミニプログラム作成インターフェースの概略図である。

【図2】本出願の１つの例示的な実施例による実施環境のブロック図である。

【図3】本出願の１つの例示的な実施例によるミニプログラムのデータバインディング方法のフローチャートである。

【図4】本出願の別の例示的な実施例による可視化作成プログラムのミニプログラム作成インターフェースの概略図である。

【図5】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドをバインディングするためのインターフェースの概略図である。

【図6】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドをバインディングするための方法のフローチャートである。

【図7】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドがバインディングされたインターフェースの概略図である。

【図8】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドをランダムにバインディングするための方法のフローチャートである。

【図9】本出願の別の例示的な実施例によるコントロールコンポーネントとデータフィールドがバインディングされたインターフェースの概略図である。

【図10】本出願の別の例示的な実施例による可視化作成プログラムのデータバインディング方法のフローチャートである。

【図11】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドを手動でバインディングするためのインターフェースの概略図である。

【図12】本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドのバインディングが完了されたミニプログラムの作成インターフェースの概略図である。

【図13】本出願の１つの例示的な実施例によるミニプログラムのプレビューインターフェースの概略図である。

【図14】本出願の１つの例示的な実施例による端末上でのミニプログラムのプレビューインターフェースの概略図である。

【図15】本出願の１つの例示的な実施例による次の階層のプログラムインターフェースに対してデータバインディングを行うインターフェースの概略図である。

【図16】本出願の別つの例示的な実施例による次の階層のプログラムインターフェースに対してデータバインディングを行うインターフェースの概略図である。

【図17】本出願の別の例示的な実施例によるミニプログラムのプレビューインターフェースの概略図である。

【図18】本出願の別の例示的な実施例による端末上でのミニプログラムのプレビューインターフェースの概略図である。

【図19】本出願の１つの例示的な実施例による論理レイアウトインターフェースの概略図である。

【図20】本出願の１つの例示的な実施例による端末の構造ブロック図である。

【図21】本出願の１つの例示的な実施例によるミニプログラムのデータバインディング装置の構造図である。

【図22】本出願の１つの例示的な実施例によるコンピュータデバイスの装置構造図である。

【発明を実施するための形態】

【0015】

まず本出願の実施例に係る名詞を説明する。

【0016】

可視化作成プログラムとは、可視的にプレビューできるようにプログラム作成プロセスを表示し、作成を支援するプログラムを指し、選択可能的に、当該可視化作成プログラムは、コーディングすることによってプログラムを行い、コードの入力に応じて編集領域内のプレビューコンテンツを生成するプログラムであってもよいし、編集領域内でインターフェースコンテンツを直接追加し、インターフェースコンテンツを編集することによってコードデータを自動的に生成するプログラムであってもよく、本出願の実施例では、当該可視化作成プログラムが編集領域内でインターフェースコンテンツを追加してコードデータを自動的に生成するプログラムであることを例として説明する。

【0017】

選択可能的に、当該可視化作成プログラムは、ミニプログラムを作成するためのプログラムであってもよく、一般的なプログラムを作成するためのプログラムであってもよく、本出願の実施例では、当該可視化作成プログラムでミニプログラムを作成することを例として説明する。

【0018】

基本ＵＩ（Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ：ユーザインターフェース）コントロールとは、アプリケーションプログラムのユーザインターフェース上で見ることができる任意の可視化コントロール又は要素を指し、例えば、ピクチャ、入力ボックス、テキストボックス、ボタン、ラベルなどのコントロールが挙げられ、ここで、いくつかのＵＩコントロールは、ユーザの操作に応答し、例えばユーザは、入力ボックスに文字を入力することができ、ユーザは、上記のＵＩコントロールによってユーザインターフェースとの情報インタラクションを行う。

【0019】

データとは、ページ上のコンテンツを指し、例えば、ピクチャ、テキスト、ビデオ、オーディオ、アニメーションなどはいずれもデータであり、データは、静的のものであってもよいし、動的のものであってもよく、静的データとは、プログラムをプログラミングする時にプログラムに書き込んだデータを指し、動的データとは、プログラムの実行中でネットワークプロトコルによって取得されるデータを指す。ネットワークプロトコルとは、コンピュータネットワークでのデータ交換のために確立されたルール、標準又は定められた集合を指す。ネットワークでは、端末間で使用される文字が異なるため、あるユーザが端末で入力したコマンドが他の端末で識別され得なく、正常な通信を行うことができるために、ネットワークプロトコールにおいて、各端末がネットワーク伝送を可能にするために、それぞれの文字を標準な文字に変換する必要があり、ターゲット端末に到達した後、標準な文字をターゲット端末に使用される文字に変換することが規定されている。選択可能的に、ネットワークプロトコルは、伝送制御プロトコル／インターネットプロトコル（Ｔｒａｎｓｍｉｓｓｉｏｎ Ｃｏｎｔｒｏｌ Ｐｒｏｔｏｃｏｌ／Ｉｎｔｅｒｎｅｔ Ｐｒｏｔｏｃｏｌ：ＴＣＰ／ＩＰプロトコル）である。

【0020】

ビューレイヤーとは、ミニプログラムの開発ドキュメントを指し、ミニプログラムをホストプログラムで実行する時に、ミニプログラムの開発ドキュメントは、スクリーン上のページにレンダリングされ、静的データは、ミニプログラムの開発ドキュメントに直接書き込まれてもよい。

【0021】

ロジックレイヤーとは、インタプリタ型のスクリプト言語で書かれたファイル（ＪａｖａＳｃｒｉｐｔファイル、ＪＳファイルとも呼ばれる）を指し、ミニプログラムに適用することができ、ミニプログラムの動的ロジックを含み、例えば、対応するユーザクリックイベント、データ取得リクエストの送信などを含み、ロジックレイヤーは、データバインディングによりビューを変更する。

【0022】

データバインディングとは、データを対応するＵＩコントロールにバインディングしてミニプログラムのインターフェースを生成することを指す。ビューレイヤーの動的データは、すべてロジックレイヤーによって提供される必要がある。ビューレイヤーに対応するプログラムを書く時に、ビューレイヤーとロジックレイヤーが１対１で対応することを確保するように、動的データの位置を予め設ける必要がある。

【0023】

データフィールドとは、データレコード毎に複数のデータフィールドが含まれ得ることを指す。例えば、１つの学生情報データには、「学生ＩＤ」、「氏名」、「性別」、「年齢」、「スコア」などの複数のデータフィールドが含まれている。

【0024】

データ要素フォーマットとは、データのフォーマット及びタイプを記述するために用いられる。例えば、クラス情報テーブルは、「クラス」を構成するデータからなるリストで表されてもよく、リストの各項目には、「名前」、「年齢」、「性別」の３つのデータフィールドが含まれる。

【0025】

例示的に、本出願は、可視化作成プログラムでミニプログラムを作成することを例として説明し、本出願によって提供される方法は、次のシーンに適用されてもよく、即ち、プログラミング知識を全く有しない一般的なユーザは、ミニプログラム作成インターフェースにおけるパネル領域と編集領域で、基本ＵＩコントロールとデータソースをバインディングし、それによってミニプログラムの作成プロセスを遂行し、又は、プログラミング知識を有するプロフェッショナルの開発者は、ミニプログラム作成インターフェースによって、可視化の方式で、基本ＵＩコントロールとデータソースをバインディングし、大量のコードを書く必要がなく、プロフェッショナルの開発者がミニプログラムを開発する効率を向上させると同時に、当該可視化作成プログラムのミニプログラムインターフェースによってコードを生成することもでき、プロフェッショナルがコードの観点からチェックすることに便利である。

【0026】

本出願で提供される方法は、可視化作成プログラムに適用されてもよく、又は、可視化作成プログラム機能を有するプログラムに適用されてもよく、下記の実施例は、当該方法を可視化作成プログラムに適用することを例として説明する。

【0027】

図１は本出願の１つの例示的な実施例による可視化作成プログラムにおける、データをバインディングするためのインターフェースの概略図である。ミニプログラム作成インターフェース１０には、パネル領域１０１、編集領域１０２、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、コンテンツコントロールコンポーネント１０５、属性オプション１０６、データバインディングオプション１０７、削除オプション１０８及びその他オプション１０９が表示される。

【0028】

選択可能的に、パネル領域１０１にはｎ種類の基本ＵＩコントロールが提供され、ｎが正の整数である。選択可能的に、基本ＵＩコントロールは、ピクチャコントロールコンポーネント１０３、テキストコントロールコンポーネント（例えば、タイトルコントロールコンポーネント１０４及びコンテンツコントロールコンポーネント１０５）、ビデオコントロールコンポーネント、オーディオコントロールコンポーネント及びアニメーションコントロールコンポーネントの少なくとも１つを含む。ミニプログラムにおけるリスト又はフレームを編集領域１０２に表示し、リストにデータを追加する必要があり、選択可能的に、当該データは、ピクチャ、テキスト、ビデオ、オーディオ及びアニメーションのうちの少なくとも１つであり、即ち、対応する基本ＵＩコントロールと対応するデータをバインディングし、それによってミニプログラムの作成後のインターフェースを生成する。選択可能的に、属性オプション１０６は、ターゲット基本ＵＩコントロールの属性を確認するために用いられ、又は、ターゲット基本ＵＩコントロールにバインディングされるデータソースの属性を確認するために用いられ、属性は、ターゲット基本ＵＩコントロール又はターゲット基本ＵＩコントロールにバインディングされるデータソースに関するパラメータを指し、名前、数量、サイズ、形状（例えば、縮小拡大、引き伸ばし、回転、トリミングなど）、透明度、フィルター（ピクチャ又はビデオフレームの色調を変更するためのパラメータを指す）、ステッカー（ピクチャ又はビデオフレームに重ねる要素を指す）を含むがこれらに限定されず、データバインディングオプション１０７は、ターゲット基本ＵＩコントロールをデータソースにバインディングするために用いられ、削除オプション１０８は、バインディングされたターゲット基本ＵＩコントロールとデータソースのバインディングを解除するために用いられ、又は、ミニプログラム上の基本ＵＩコントロールを削除するために用いられ、その他オプション１０９は、ミニプログラム作成インターフェースの他の機能を見るために用いられ、又は、ミニプログラムに対応するリストの他の形態を確認するために用いられ、又は、ミニプログラムインターフェースを共有するために用いられる。本出願の実施例は、これを限定しない。ユーザは、データバインディングオプション１０７によってターゲット基本ＵＩコントロールとデータソースをバインディングし、例示的に、ユーザは、ピクチャコントロールコンポーネント１０３を対応するピクチャデータソースにバインディングし、ピクチャコントロールコンポーネント１０３は、対応するピクチャデータソースを取得し、データバインディングオプション１０７を選択すると、ピクチャコントロール１０３を対応するピクチャデータソースにバインディングすることができる。

【0029】

図２は本出願の１つの例示的な実施例によるコンピュータシステムの構造ブロック図である。当該コンピュータシステム１００は、第１端末１２０、サーバ１４０及び第２端末１６０を備える。

【0030】

第１端末１２０は、可視化作成プログラム、又は可視化作成プログラムをサポートするプラットフォームがインストール及び実行される。第１端末１２０は、第１ユーザによって使用される端末であり、第１ユーザは、第１端末１２０における可視化作成プログラムプラットフォームを使用してプログラム又はミニプログラムを作成し、例示的に、第１ユーザは、第１端末１２０における可視化作成プログラムプラットフォームを使用し、ターゲット基本ＵＩコントロールと対応するソースデータをバインディングしてミニプログラムを作成する。

【0031】

第１端末１２０は、無線ネットワーク又は有線ネットワークを介してサーバ１４０に接続している。

【0032】

サーバ１４０は、１つのサーバ、複数のサーバ、クラウドコンピューティングプラットフォーム及び仮想化センターのうちの少なくとも１つを含む。例示的に、サーバ１４０は、プロセッサ１４４とメモリ１４２とを含み、メモリ１４２は、表示モジュール１４２１、受け取りモジュール１４２２及び取得モジュール１４２３をさらに含む。サーバ１４０は、可視化作成プログラムをサポートするためのバックグラウンドサービスを提供するために用いられ、例示的に、プログラム又はミニプログラムが対応するデータソースの記憶サービス及び更新サービスを提供するために用いられる。選択可能的に、サーバ１４０は、主なコンピューティング作業を行い、第１端末１２０及び第２端末１６０は、副次的なコンピューティング作業を行い、又は、サーバ１４０は、副次的なコンピューティング作業を行い、第１端末１２０及び第２端末１６０は、主なコンピューティング作業を行い、又は、サーバ１４０、第１端末１２０及び第２端末１６０は、分散コンピューティングアーキテクチャを採用して共同コンピューティングを行う。

【0033】

第２端末１６０に、ホストプログラムがインストールされて実行されており、当該ホストプログラムに、第１端末１２０によってデプロイされたミニプログラムを追加し、第２端末１６０は、第２ユーザによって使用される端末であり、選択可能的に、第２ユーザは、当該ミニプログラムにログインし、又はアカウントを登録してミニプログラムへのアクセスの操作を実現する。選択可能的に、第２端末１６０でも、可視化作成プログラムプラットフォームをインストールして実行してもよく、第１端末１２０で、ホストプログラムをインストールして実行してもよく、また、ホストプログラムに、第２端末１６０又は他の端末によってデプロイされたミニプログラムを追加し、第１ユーザは、当該ミニプログラムにログインし、又はアカウントを登録してミニプログラムへのサクセス操作を実現する。

【0034】

選択可能的に、第１端末１２０と第２端末１６０にインストールされる可視化作成プログラムプラットフォームは同じであり、又は、２つの端末にインストールされる可視化作成プログラムプラットフォームは、異なる制御システムにおける同じタイプの可視化作成プログラムプラットフォームである。第１端末１２０は、複数の端末のうちの１つを広く一般的に指し、第２端末１６０は、複数の端末のうち１つを広く一般的に指すが、本実施例では第１端末１２０及び第２端末１６０のみを例として説明する。第１端末１２０及び第２端末１６０のデバイスタイプは、同じ又は異なり、当該デバイスタイプは、スマートフォン、タブレットコンピュータ、電子ブックリーダー、ムービングピクチャエキスパートグループオーディオレイヤーＩＩＩ（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ａｕｄｉｏ Ｌａｙｅｒ ＩＩＩ、ＭＰ３））プレーヤー、ムービングピクチャエキスパートグループオーディオレイヤーＩＶ（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ｌａｙｅｒ ＩＶ、ＭＰ４）プレーヤー、ラップトップ型のポータブルコンピュータとデスクトップコンピュータのうちの少なくとも１つを含む。以下の実施例において、端末がタブレットコンピュータ及びスマートフォンを含むことを例として説明する。

【0035】

上記の端末の数がこれよりも多くても少なくてもよいと当業者であれば明らかである。例えば、上記端末は１つだけであってもよく、又は上記端末は数十又は数百又はそれ以上であってもよい。本出願の実施例では端末の数とデバイスのタイプを限定しない。

【0036】

図３は本出願の１つの例示的な実施例によるミニプログラムのデータバインディング方法を示しており、当該方法は、図２に示すコンピュータシステムにおける第１端末又は第２端末１６０又は当該コンピュータシステムにおける他の端末に適用される。当該方法は、以下のステップを含む。

【0037】

ステップ３１０において、可視化作成プログラムのミニプログラム作成インターフェースを表示し、ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、パネル領域にｎ種類の基本ＵＩコントロールが提供され、ｎが正の整数である。

【0038】

選択可能的に、当該ミニプログラムの可視化作成のための作成インターフェースを端末に表示し、当該端末は、スマートフォン、タブレットコンピュータ、ノートパソコン又はデスクトップコンピュータである。例示的に、当該ミニプログラムの可視化作成の作成インターフェースをタブレットコンピュータに表示し、ユーザは、タブレットコンピュータのディスプレイスクリーンでの編集操作により当該ミニプログラムに対して編集操作を行う。いくつかの実施例では、編集操作は、シングルクリック操作、ダブルクリック操作、ドラッグ操作、スライド操作及び長押し操作のうちの少なくとも１つであるが、本出願はこれを限定しない。

【0039】

ミニプログラム作成インターフェースにパネル領域と編集領域が表示されることについては、図４を参照して説明する。図４は、本出願の１つの例示的な実施例による可視化作成プログラムのミニプログラム作成インターフェースの概略図である。当該ミニプログラム作成インターフェース１１にパネル領域１０１と編集領域１０２が表示され、選択可能的に、パネル領域１０１は、ミニプログラム作成インターフェース１１の左側に位置し、いくつかの実施例では、パネル領域１０１は、ミニプログラム作成インターフェース１１の右側、又は上側、又は下側に位置し、本出願は、ミニプログラム作成インターフェースにおけるパネル領域１０１の位置を限定しない。

【0040】

選択可能的に、パネル領域１０１にｎ種類の基本ＵＩコントロールが提供され、ｎが正の整数である。例示的に、ｎの値が３である場合、パネル領域１０１には３種類の基本ＵＩコントロールが提供される。例示的に、基本ＵＩコントロールは、入力ボックス（単一行入力ボックスと複数行入力ボックスを含む）、オプション（例えば、仮想ボタン又はチェックボックス）、時間、動的スイッチ（ページ間の遷移をサポートする）、ページレイアウトなどを含む。

【0041】

選択可能的に、ユーザは、作成されたミニプログラムに名前を付けることができ、ミニプログラムを作成する前にミニプログラムに名前を付け、又は、ミニプログラムの作成が完了した後にミニプログラムに名前を付け、又は、ミニプログラムの作成中にいつでも名前を付けることができる。選択可能的に、ミニプログラムの名前がミニプログラム作成インターフェースの上側にあり、編集ボタン（選択可能的に、「ペン」形状の編集ボタン）でミニプログラムに名前を付け、いくつかの実施例では、ミニプログラムの名前がミニプログラムの右側にあるが、本出願はこれを限定しない。

【0042】

選択可能的に、ミニプログラム作成ンターフェイス１１にはプレビューコントロール１２９が表示される。ユーザは、プレビューコントロール１２９を選択することにより、ミニプログラムのプログラムパッケージをホストプログラムプラットフォームに送信して審査又はデプロイする。

【0043】

ステップ３２０において、選択された基本ＵＩコントロールでのユーザ操作を受け取ったことに応答して、編集領域で、選択された基本ＵＩコントロールに基づいてミニプログラムのプログラムインターフェースを編集して得る。

【0044】

図１に示すように、端末は、選択された基本ＵＩコントロールでのユーザ操作を受け取ったことに応答して、編集領域１０２で、選択された基本ＵＩコントロールに基づいてミニプログラムのプログラムインターフェースを編集して得る。選択可能的に、選択された基本ＵＩコントロールは、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４及びコンテンツコントロールコンポーネント１０５を含み、いくつかの実施例では、選択された基本ＵＩコントロールは、ビデオコントロールコンポーネント、オーディオコントロールコンポーネント又はアニメーションコントロールコンポーネントであってもよい。例示的に、上記の選択された基本ＵＩコントロールを組版又はレイアウト編集によってミニプログラムのプログラムインターフェースを得る。

【0045】

選択可能的に、ユーザは、可視化のミニプログラム作成インターフェースでミニプログラムを作成する時に、可視化プログラムプラットフォームによって提供されるリスト項目テンプレートを選択することができ、又はユーザが自ら定義したリスト項目テンプレートを選択することができ、又は、ユーザは、他のプログラム（リスト項目テンプレートを生成し、又はリスト項目テンプレートを提供することができる）を呼び出し、又はリスト項目テンプレートを含むファイルを読み込んでリスト項目テンプレートを追加することができる。リスト項目とは、ミニプログラムインターフェースにおけるデータを格納することができる構造、例えば、通信プログラムにおけるアドレス帳のリスト構造を指す。選択可能的に、ユーザは、クリック操作、ダブルクリック操作、ドラッグ操作、スライド操作又は長押し操作により、リスト項目テンプレートを追加することができる。

【0046】

ステップ３３０において、データソースを取得する。

【0047】

選択可能に、ユーザは、以下の少なくとも１つの方式でデータソースを取得することができる。

【0048】

第１、可視化作成プログラムのミニプログラムインターフェースに第１テーブルファイルを表示し、ユーザの追加操作を受け取り、追加操作が第１テーブルファイルを可視化作成プログラムに追加するために用いられる。選択可能的に、追加操作は、クリック操作、又はダブルクリック操作、又はドラッグ操作、又はスライド操作、又は長押し操作である。

【0049】

例示的に、第１テーブルファイルをドラッグすることでデータソースを取得し、テーブルファイル名がＡであるファイルをミニプログラム作成インターフェースにドラッグし、ミニプログラム作成インターフェースは、テーブルファイル内のデータソースを自動的に識別し、データソースをミニプログラム作成インターフェースに追加し、例えば、ピクチャに対応するデータソースをデータテーブル又はデータオプションに追加する。

【0050】

第２、プログラム呼び出し操作を受け取り、プログラム呼び出し操作は可視化作成プログラムでテーブルアプリケーションプログラムを呼び出すために用いられ、テーブルアプリケーションプログラムは第２テーブルファイルを含む。

【0051】

例示的に、テーブルアプリケーションプログラムを呼び出すことでデータソースを取得し、例示的に、ミニプログラム作成インターフェースに呼び出しオプションがあり、呼び出しオプションによってテーブルアプリケーションプログラム（例えば、電子テーブルＥｘｃｅｌ）を開き、ミニプログラムによりテーブルアプリケーションプログラムにおけるファイルＢ（第２テーブルファイルのファイル名がＢである）に対してデータソースの識別操作を行い、データソースをミニプログラム作成インターフェースにおけるデータテーブル又はデータオプションに追加する。

【0052】

第３、近距離無線通信技術により、第３テーブルファイルを受信する。

【0053】

例示的に、端末は、近距離無線通信技術により第３テーブルファイルを受信し、選択可能的に、近距離無線通信技術は、ブルートゥース技術、ジグビー（Ｚｉｇｂｅｅ）技術、エアドロップ（Ａｉｒｄｒｏｐ）技術などであり、受信されたテーブルファイルを可視化作成プログラムのプラットフォームで開き、テーブルファイルにおけるデータソースをミニプログラム作成インターフェースにおけるデータテーブル又はデータオプションに追加する。選択可能的に、第３テーブルファイルは他のアプリケーションプログラムによって可視化作成プログラムプラットフォームに送信されるものであってもよく、例えば、ソーシャルアプリケーションプログラム、電子メールアプリケーションプログラム、即時通信アプリケーションプログラムなどが挙げられる。

【0054】

選択可能的に、ユーザは、データテーブルにおけるあるデータを選択してもよく、又はデータテーブルにおけるすべてのデータを選択してもよく、選択可能的に、ユーザは、シングルクリック操作、ダブルクリック操作、ドラッグ操作、スライド操作又は長押し操作により、データテーブルをミニプログラム作成インターフェース内の対応する位置（即ちリスト項目内）にドラッグすることができる。

【0055】

ステップ３４０において、ミニプログラムのプログラムインターフェースにおけるターゲット基本ＵＩコントロールに対応するデータバインディング操作を受け取ったことに応答して、ターゲット基本ＵＩコントロールをデータソースにバインディングし、データソースは、ターゲット基本ＵＩコントロールを表示するために用いられる。

【0056】

図５を組み合わせてステップ３４０を説明する。データバインディングインターフェース１２（即ちミニプログラム作成インターフェース１２）に、データテーブルバインディング状態１２１、データテーブル作成オプション１２２、データテーブル１２３、保存オプション１２４及びキャンセルオプション１２５、ミニプログラムプログラムインターフェースにおける、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４及びコンテンツコントロールコンポーネント１０５が表示される。

【0057】

選択可能的に、データテーブルバインディング状態１２１は、いかなるデータテーブルもバインディングされていない状態、又は、少なくとも１つのデータテーブルがバインディングされている状態である。選択可能的に、少なくとも１つのデータテーブルがバインディングされている場合、当該データテーブルの名前を表示する。選択可能的に、データテーブルには少なくとも１つのデータフィールドが含まれる。選択可能的に、当該データテーブルの名前は、ｔｅｘｔ－８．ｘｌｓｘであり、当該データテーブルには、９つのデータフィールドが含まれ、それぞれミニプログラムインターフェースにおける９つのリスト項目に一対一対応し、各データフィールドに含まれるデータ情報は、ピクチャデータフィールド、タイトルデータフィールド及びコンテンツデータフィールドである。

【0058】

データテーブル作成オプション１２２は、ミニプログラム作成インターフェース１２でデータテーブルを作成するために用いられ、選択可能的に、作成されたデータテーブルのデータは、ユーザがミニプログラム作成インターフェース１２を介して直接入力したデータ、又は、テーブルファイルの追加又はテーブルアプリケーションプログラムの呼び出しにより得られたデータであってもよい。

【0059】

保存オプション１２４は、編集操作、削除操作、改修操作の少なくとも１つを含む、ミニプログラム作成インターフェース１２におけるユーザ操作を保存するために用いられ、キャンセルオプション１２５は、ミニプログラム作成インターフェース１２を終了し、又は、データテーブルのバインディング操作をキャンセルするために用いられる。

【0060】

上述したように、本実施例によって提供される方法では、可視化作成プログラムのミニプログラム作成インターフェースでデータソースとＵＩコントロールをバインディングすることにより、ユーザは、プログラムコードを書く必要がなくミニプログラム作成プロセスを実現でき、そのため、いかなる専門的な知識を有しない一般的なユーザもミニプログラムを作成することができる。

【0061】

図６は本出願の１つの例示的な実施例によるデータフィールドをコントロールコンポーネントにバインディングするための方法のフローチャートである。当該方法は、図２に示すコンピュータシステムにおける第１端末１２０、又は第２端末１６０、又は当該コンピュータシステムにおける他の端末に適用される。当該方法は、以下のステップを含む。

【0062】

ステップ６０１において、データバインディング操作を受け取ったことに応答して、第１配列順序に従ってｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示する。

【0063】

選択可能的に、基本ＵＩコントロールは、ｍ個のコントロールコンポーネントに対応し、データソースはｍ個のデータフィールドを含み、ｍは１よりも大きい正の整数である。選択可能的に、ｍの値が３である場合、基本ＵＩコントロールは、３つのコントロールコンポーネントに対応し、データソースは３つのデータフィールドを含む。選択可能的に、データフィールドのタイプには、ピクチャＩｍａｇｅＵｒｌタイプと文字列Ｓｔｒｉｎｇタイプが含まれる。

【0064】

図７は本出願の１つの例示的な実施例によるコントロールコンポーネントとデータフィールドをバインディングするインターフェースを示す概略図である。バインディングインターフェース１３には、データテーブルバインディング状態１２１、データテーブル１２３、保存オプション１２４、キャンセルオプション１２５及びフィールド関連付け方式１２６、ミニプログラムインターフェースにおける、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、コンテンツコントロールコンポーネント１０５が表示される。

【0065】

例示的に、データテーブルバインディング状態１２１は、バインディング済み状態であり、かつミニプログラム作成インターフェースにはデータテーブルの名前が表示される。データテーブル１２３には、ターゲット基本ＵＩコントロールにバインディングできるデータが含まれ、選択可能的に、当該データテーブル１２３には、ピクチャデータフィールド、タイトルデータフィールド及びコンテンツデータフィールドが含まれ、ピクチャコントロールコンポーネント、テキストコントロールコンポーネントにそれぞれ対応する。選択可能的に、データテーブル１２３にビデオデータフィールドが含まれる場合、ビデオコントロールコンポーネントに対応し、ユーザは、データセットを確認することによって、ミニプログラム作成インターフェースにインポート又は追加するすべてのデータテーブルを確認することができる。例示的に、バインディングプレビュー情報をミニプログラムインターフェースに表示し、当該バインディングプレビュー情報は、第１配列順序に従って、３つのデータフィールドと３つのコントロールコンポーネントをバインディングする情報であり、ユーザは、バインディングプレビュー情報により、データフィールドとコントロールコンポーネント間のバインディングが正しいか否かを確認し、例えば、ピクチャデータフィールドとテキストコントロールコンポーネント間のバインディングが正しくなくなっている。選択可能的に、第１配列順序は、ピクチャデータフィールド、タイトルデータフィールド、コンテンツデータフィールドである。

【0066】

ステップ６０２において、再度配列操作を受け取ったことに応答して、第ｉ＋１の配列順序に従ってｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を表示する。

【0067】

選択可能的に、フィールド関連付け方式１２６は、ランダム方式、又は手動方式である。選択可能的に、第ｉ＋１の配列順序は、第ｉの配列順序とは異なる配列順序であり、ｉは、開始値が１である正の整数であり、第ｉの配列順序はランダムに生成し又は予め設定したものである。

【0068】

例示的に、データテーブル１２３には、ピクチャデータフィールド、タイトルデータフィールド及びコンテンツデータフィールドなどの３つのデータフィールドがあり、３つのデータフィールドは、ピクチャコントロールコンポーネント、タイトルコントロールコンポーネント及びコンテンツコントロールコンポーネントにそれぞれ対応し、３つのデータフィールドを順列組み合せ、データフィールドのすべての順列組み合せを順番で順序付け、選択可能的に、当該配列順序は、ランダムに生成され、又は可視化作成プログラムプラットフォームによって予め設定され、又は、可視化作成プログラムプラットフォームを介してユーザによって設定される。

【0069】

１つの例では、ピクチャデータフィールドをＡで表し、タイトルデータフィールドをＢで表し、コンテンツデータフィールドをＣで表す場合、３つのデータフィールドの順列組み合せが６種類（ＡＢＣ、ＡＣＢ、ＢＡＣ、ＢＣＡ、ＣＡＢ及びＣＢＡ）であり、６種類の順列組み合せの順序を、ランダムに生成する方式で順序付け、第２配列順序が第１配列順序とは異なり（ｉの開始値が１である）、例えば、第１配列順序がＡＢＣであると、第２配列順序は、ＡＣＢ、ＢＡＣ、ＢＣＡ、ＣＡＢ又はＣＢＡであってもよく、ＡＢＣの配列順序と相違さえすれば、第２配列順序として決定することができる。

【0070】

ステップ６０３において、バインディング確認操作を受け取ったに応答して、ｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングする。

【0071】

選択可能的に、ユーザは、バインディングボタンをトリガしてｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングし、又は、ユーザは、データテーブル１２３を選択した後、ｍ個のデータフィールドとｍ個のコントロールコンポーネントを直接それぞれバインディングし、本出願は、ユーザがバインディング操作を確認する方式を限定しない。

【0072】

例示的に、データテーブル１２３におけるデータフィールドとミニプログラムインターフェースにおける第１リスト項目におけるコントロールコンポーネントをバインディングし、バインディングされたデータテーブル１２３は、バインディング済みデータテーブルとして表示される。ミニプログラムインターフェースにおける第１リスト項目にプレビューバインディング情報を表示し、当該プレビューバインディング情報は、ピクチャ（即ちピクチャコントロールコンポーネント１０３に表示される、データテーブル１２３におけるピクチャデータフィールドに対応するピクチャ、例えば、当該ピクチャは映画のポスターである）、タイトル又はテーマ（即ちタイトルコントロールコンポーネント１０４に表示されるコンテンツであり、例えば、テーマは、本であり、本の名前は張さんの冒険記である）、テーマコンテンツの簡単な紹介又は要約、又はテーマコンテンツ（即ちコンテンツコントロールコンポーネント１０５に表示されるコンテンツであり、テーマコンテンツの簡単な紹介にテーマコンテンツの一部しか表示されなく、例えば、これは推薦に値する本である）を含む。

【0073】

図８を参照してｍ個のデータフィールドを再度配列することについて説明する。図８は、本出願の１つの例示的な実施例によるｍ個のデータフィールドを再度配列するための方法のフローチャートである。当該方法は、図２に示すコンピュータシステムにおける第１端末１２０、又は第２端末１６０、又は当該コンピュータシステムにおける他の端末に適用される。当該方法は、以下のステップを含む。

【0074】

ステップ８０１において、ｍ個のデータフィールドのすべての配列順序を生成する。

【0075】

例示的に、ｍの値が３である場合、３つのデータフィールドのすべての配列順序は６種類である。

【0076】

ステップ８０２において、再度配列操作を受け取ったことに応答して、すべての配列順序から、第ｉの配列順序と異なる１組の配列順序をランダムに選択し、第ｉ＋１の配列順序として決定する。

【0077】

例示的に、３つのデータフィールドと３つのコントロールコンポーネントをそれぞれランダムでバインディングする。１つの例では、３つのデータフィールドはそれぞれＡ、Ｂ、Ｃであり、すべての配列順序はＡＣＢ、ＡＢＣ、ＢＣＡ、ＢＡＣ、ＣＡＢ及びＣＢＡであり、すべての配列順序から、第１配列順序と異なる１組の配列順序をランダムに選択し（ｉの値が１である）、例えば、第１配列順序がＡＣＢである場合、ＢＣＡを選択して第２配列順序として決定し、ＢＣＡはＡＣＢ配列順序と異なる１組の配列順序である。

【0078】

ステップ８０３において、第ｉ＋１の配列順序に従ってｍ個のデータフィールドのうちのｊ番目のデータフィールド及びフィールドタイプを読み取り、１≦ｊ≦ｍである。

【0079】

例示的に、第ｉ＋１の配列順序はＢＣＡであり、ＡＣＢ（第ｉの配列順序）と異なる１組の配列順序である。ＢＣＡの配列順序に従って３つのデータフィールドのうちのｊ番目のデータフィールド及びフィールドタイプを読み取り、選択可能的に、１≦ｊ≦ｍ、かつｊが正の整数であり、例示的に、ｊの値が２である場合、ＢＣＡから２番目のデータフィールド、即ちＣで表されるデータフィールドと対応するフィールドタイプを読み取る。１つの例ではピクチャデータフィールドをＡで表し、タイトルデータフィールドをＢで表し、コンテンツデータフィールドをＣで表す場合、ＢＣＡ配列順序から読み取られたＣのデータフィールドは、コンテンツデータフィールドであり、対応するフィールドタイプは、文字列（Ｓｔｒｉｎｇ）タイプである。

【0080】

ステップ８０４において、ｍ個のコントロールコンポーネントからバインディング条件を満たすターゲットコントロールコンポーネントを決定する。

【0081】

選択可能的に、バインディング条件は、コントロールコンポーネントにデータフィールドがバインディングされていないこと、又は、コントロールコンポーネントがｊ番目のデータフィールドのフィールドタイプとマッチングしていること、又は、コントロールコンポーネントにデータフィールドがバインディングされておらず、かつｊ番目のデータフィールドのフィールドタイプとマッチングしていることを含む。

【0082】

例示的に、３つのコントロールコンポーネントからバインディング条件を満たすターゲットコントロールコンポーネントを決定し、１つの例では、バインディング条件は、データフィールドがバインディングされておらず、かつ２番目のデータフィールド（ｊの値が２である）のフィールドタイプとマッチングすることを含む。選択可能的に、ＢＣＡは第ｉ＋１の配列順序であり、２番目のフィールドのフィールドタイプは文字列タイプである。

【0083】

１つの例では、ミニプログラムインターフェースにおけるピクチャコントロールコンポーネント１０３が２番目のデータフィールドのフィールドタイプとマッチングせず、ピクチャコントロールコンポーネント１０３のフィールドタイプがピクチャフィールドタイプである場合、ピクチャコントロールコンポーネント１０３は、ターゲットコントロールコンポーネントではなく、タイトルコントロールコンポーネント１０４にタイトルデータフィールドがバインディングされている場合、タイトルコントロールコンポーネント１０４は、ターゲットコントロールコンポーネントではなく、コンテンツコントロールコンポーネント１０５にデータフィールドがバインディングされておらず、しかもコンテンツコントロールコンポーネント１０５が２番目のデータフィールドのフィールドタイプとマッチングする場合、コンテンツコントロールコンポーネント１０５は、ターゲットコントロールコンポーネントである。

【0084】

ステップ８０５において、ターゲットコントロールコンポーネントとｊ番目のデータフィールドをバインディングする。

【0085】

例示的に、コンテンツコントロールコンポーネント１０５がターゲットコントロールコンポーネントであると決定した後、ターゲットコントロールコンポーネントと２番目のデータフィールドをバインディングし、即ちコンテンツコントロールコンポーネント１０５とコンテンツデータフィールドをバインディングする。

【0086】

ステップ８０６において、ｍ個のコントロールコンポーネントをいずれもバインディングした後、ｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示する。

【0087】

例示的に、上記のステップに従って、ピクチャコントロールコンポーネント１０３及びタイトルコントロールコンポーネント１４０をバインディングし、１つの例では、２番目のデータフィールド（タイトルデータフィールド）が既にコンテンツコントロールコンポーネント１０５にバインディングされており、タイトルコントロールコンポーネント１０４にコンテンツデータフィールドがバインディングされている場合、ピクチャコントロールコンポーネント１０３を、ピクチャデータフィールドにバインディングする。３つのコントロールコンポーネントがいずれもバインディングされた後、図９に示すように、３つのデータフィールドと３つのコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示する。

【0088】

図９は本出願の１つの例示的な実施例によるｍ個のデータフィールドが再度配列された後にターゲットコントロールコンポーネントにバインディングされるインターフェースの概略図である。再度バインディングインターフェース１４には、データテーブルバインディング状態１２１、データテーブル１２３、保存オプション１２４、キャンセルオプション１２５及びフィールド関連付け方式１２６、ミニプログラムインターフェースにおけるピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、及びコンテンツコントロールコンポーネント１０５が表示される。

【0089】

例示的に、ユーザによって選択されたフィールド関連付け方式１２６は、ランダム方式であり、３つのデータフィールドと３つのコントロールコンポーネントのバインディングプレビュー情報を確認し、ユーザが現在のバインディングプレビュー情報に不満が感じる場合、フィールド関連付けを再選択し、例えば、ランダム方式ボタンを再度クリックし、いくつかの実施例では、フィールド関連付けは、フィールド関連付けボタンを再度クリックすることにより、既存のデータフィールドとコントロールコンポーネントとの間のバインディング関係を切り替えることもできるが、本出願は、これを限定しない。

【0090】

１つの例では、ユーザがランダム方式ボタンをクリックすると、端末は、ミニプログラム作成インターフェースでの再度配列操作を受け取ったことに応答して、３つのデータフィールドのすべての配列順序を生成し、すべての配列順序から前回の配列順序（第ｉの配列順序）と異なる１組の配列順序を選択し、現在の配列順序（第ｉ＋１配列順序）として決定し、現在の配列順序がピクチャデータフィールド、タイトルデータフィールド、コンテンツデータフィールドであり、現在の配列順序に従って３つのデータフィールドの２番目のデータフィールド及びフィールドタイプ（２番目のデータフィールドはタイトルデータフィールドであり、フィールドタイプは文字列タイプである）を読み取り、コンテンツコントロールコンポーネント１０５にデータフィールドがバインディングされておらず、かつコンテンツコントロールコンポーネント１０５が２番目のデータフィールドのフィールドタイプとマッチングし（文字列タイプのフィールドに属する）、この場合、コンテンツコントロールコンポーネント１０５をターゲットコントロールコンポーネントとして決定し、コンテンツコントロールコンポーネント１０５と２番目のデータフィールド（タイトルデータフィールド）をバインディングし、同時に１番目のデータフィールドと３番目のデータフィールドをそれぞれ対応するコントロールコンポーネントにバインディングし、１番目のピクチャデータフィールドをピクチャコントロールコンポーネント１０３にバインディングし、３番目のコンテンツデータフィールドをタイトルコントロールコンポーネント１０４にバインディングする。

【0091】

再度バインディングインターフェース１４におけるミニプログラムインターフェースでは、ピクチャコントロールコンポーネント１０３にピクチャ（例えば、本の表紙）を表示し、タイトルコントロールコンポーネント１０４にコンテンツの要約（例えば、これは推薦に値する本である）を表示し、コンテンツコントロールコンポーネント１０５に関連タイトル（例えば、張さんの冒険記）を表示している。図７のミニプログラムインターフェースと比較して、図７のピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４及びコンテンツコントロールコンポーネント１０５は、それぞれ対応するピクチャデータフィールド、タイトルデータフィールド及びコンテンツデータフィールドにバインディングされ、それに対して、図９のタイトルコントロールコンポーネント１０４とコンテンツコントロールコンポーネント１０５は、それぞれコンテンツデータフィールド及びタイトルデータフィールドにバインディングされている。

【0092】

上述したように、データフィールドのすべての順列組み合せを順序付け（配列順序がランダムに生成され、又は予め設定される）、その中から第ｉ＋１の配列順序を選択し、当該配列順序が第ｉの配列順序と異なる１組の配列順序であるため、ランダム方式において、データフィールドとコントロールコンポーネントとのバインディング関係がダブらない。ランダム方式で、データフィールドとコントロールコンポーネントをバインディングすれば、ユーザは、再度配列操作をトリガするだけで、上記の実施例で提供される方法に従ってデータフィールドとコントロールコンポーネントを自動的にバインディングすることができ、データフィールドとコントロールコンポーネントのバインディングエラーが発生する箇所をコードで改修する必要がない。

【0093】

図１０は本出願の１つの例示的な実施例によるランダム方式及び手動でバインディングする方法のフローチャートである。当該方法は、図２に示すコンピュータシステムにおける第１端末１２０、又は第２端末１６０、又は当該コンピュータシステムにおける他の端末に適用される。当該方法は、以下のステップを含む。

【0094】

ステップ１００１において、バインディングを開始する。

【0095】

例示的に、ユーザは、タブレットコンピュータ上で、ミニプログラムを可視的に作成し、タブレットコンピュータ上でタッチによってミニプログラム作成インターフェースで編集する。

【0096】

ステップ１００２において、データテーブルを選択する。

【0097】

ユーザがデータテーブルを選択すると、データテーブルは、バインディングデータのデータソースになる。選択可能的に、データテーブルには少なくとも１つのデータフィールドが含まれる。選択可能的に、ユーザは、ミニプログラムのコンテンツに基づいて少なくとも１つのデータテーブルを選択する。選択可能的に、ユーザは、テーブルファイルを追加し、又は、ミニプログラム作成インターフェースの対応するデータテーブルにデータを追加し、又は、端末におけるテーブルアプリケーションプログラムを呼び出すことでデータテーブルの選択操作を行う。

【0098】

選択可能的に、ユーザは、タブレットコンピュータ上でのテーブルアプリケーションプログラムを呼び出してデータテーブルの選択操作を行い、テーブルアプリケーションプログラムにミニプログラムのコンテンツに対応する少なくとも１つのデータフィールドが含まれる。

【0099】

ステップ１００３において、ｍ個のデータフィールドのすべての配列順序を生成する。

【0100】

選択可能的に、ｍの値が３である場合、データテーブルに３つのデータフィールドが含まれる。ミニプログラム作成インターフェースは、ユーザのデータテーブルの選択操作を受け取った後に、３つのデータフィールドのすべての配列順序を生成し、３つのデータフィールドのすべての配列順序が６種類である。

【0101】

ステップ１００４において、配列順序をランダムに配列する。

【0102】

選択可能的に、３つのデータフィールドの６種類の配列順序すべてをランダムに配列し、又は、３つのデータフィールドの６種類の配列順序すべてを予め設定された配列順序に従って配列する。選択可能的に、予め設定された配列順序は、可視化作成プログラムプラットフォームによって予め設定された配列順序（デフォルト設定）、又は、設定オプションによって個人の習慣又は好みに応じてユーザによって自ら設定された配列順序、又はユーザの履歴バインディング関係の記録に従ってサーバによって知的に生成された配列順序である。

【0103】

ステップ１００５において、次の配列順序を選択する。

【0104】

選択可能的に、ミニプログラム作成インターフェースは、ユーザの再度配列操作を受け取った時に、すべての配列順序から第ｉの配列順序と異なる１組の配列順序をランダムに選択し、第ｉ＋１の配列順序として決定する。

【0105】

例示的に、ミニプログラム作成インターフェースにおけるデータフィールドとコントロールコンポーネントのバインディングは、データフィールドのすべての配列のうちの第１配列順序によって決定され、ユーザが再度配列操作を選択する（例えば、ランダム方式オプションをクリックする）と、すべての配列順序から第１配列順序と異なる１組の配列順序をランダムに選択し、例えば、全ての配列順序のうちの第３配列順序を選択して、次の（第ｉ＋１）の配列順序として決定する。

【0106】

ステップ１００６において、コントロールコンポーネントのタイプとマッチングする。

【0107】

選択可能的に、コントロールコンポーネントタイプは、テキストタイプ、ピクチャタイプ、ビデオタイプ、オーディオタイプ及びアニメーションタイプの少なくとも１つを含む。例示的に、可視化作成プログラムプラットフォームは、ピクチャデータフィールドとピクチャコントロールコンポーネントをマッチングする。

【0108】

ステップ１００７において、デフォルトのバインディング関係を確立する。

【0109】

可視化作成プログラムプラットフォームは、データフィールドとコントロールコンポーネントをバインディングし、バインディング関係を確立する。選択可能的に、当該バインディング関係は、可視化作成プログラムプラットフォームのデフォルトのバインディング関係であり、当該デフォルトのバインディング関係は、バインディング関係に対する可視化作成プログラムプラットフォームのデフォルト設定である。

【0110】

ステップ１００８において、ランダムなシーケンスを切り替える。

【0111】

例示的に、ユーザは、ランダム方式オプションをクリックしてデータフィールドの配列順序を切り替えると、ステップ１００５に戻り、そうでない場合はステップ１００９に進む。

【0112】

ステップ１００９において、バインディング関係を手動で調整する。

【0113】

選択可能的に、ユーザは、データフィールドとコントロールコンポーネントのバインディング関係を手動で調整することもできる。バインディング関係を手動で調整するプロセスについて図１１を参照して説明する。図１１は、本出願の１つの例示的な実施例によるバインディング操作を変更するためのインターフェースを示す概略図である。バインディング改修操作インターフェース１５には、データテーブルバインディング状態１２１、データテーブル１２３、保存オプション１２４、キャンセルオプション１２５及びフィールド関連付け方式１２６、候補データフィールド１２７、ミニプログラムインターフェースにおける、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、コンテンツコントロールコンポーネント１０５が表示される。

【0114】

ミニプログラム作成インターフェースにおけるターゲット基本ＵＩコントロールにおけるターゲットコントロールコンポーネントでのバインディング改修操作を受け取り、ターゲットコントロールコンポーネントに対応する少なくとも１つの候補データフィールド１２７を表示し、選択可能的に、候補データフィールド１２７は、テーブル又はダイアログボックスで表示されてもよく、候補データフィールド１２７は、最大ｍ個のデータフィールドのうち、フィールドタイプがターゲットコントロールコンポーネントとマッチングするデータフィールドである。１つの例では、候補データフィールド１２７は、ダイアログボックスで表示され、候補データフィールド１２７のダイアログボックスには、タイトルオプション１２７１、コンテンツオプション１２７２、バインディング解除オプション１２７３がある。タイトルオプション１２７１は、タイトルデータフィールドとタイトルコントロールコンポーネントをマッチングするために用いられ、コンテンツオプション１２７２は、コンテンツデータフィールドとコンテンツコントロールコンポーネントをマッチングするために用いられ、バインディング解除オプション１２７３は、選択されたデータフィールドとコントロールコンポーネントとのバインディング関係に対して解除操作を行うために用いられる。

【0115】

選択可能に、ユーザは、バインディング解除オプション１２７３をクリックし、コンテンツデータフィールドとコンテンツコントロールコンポーネント１０５に対してバインディング解除を行ってから、コンテンツオプション１２７２をクリックし、コンテンツデータフィールドをコンテンツコントロールコンポーネント１０５にバインディングし、又は、ユーザは、コンテンツオプション１２７２を直接クリックし、コンテンツデータフィールドをコンテンツコントロールコンポーネント１０５にバインディングする。選択可能的に、コンテンツデータフィールドをコンテンツコントロールコンポーネント１０５にバインディングすることは、可視化作成プログラムにインポートされたコンテンツデータフィールドをコンテンツコントロールコンポーネント１０５にバインディングすること、又は、データテーブル（即ち、データソース）から新しいコンテンツデータフィールドを再選択してコンテンツコントロールコンポーネント１０５にバインディングすることであってもよい。

【0116】

ステップ１０１０において、データフィールドとコントロールコンポーネントのバインディングを完了する。

【0117】

選択操作を受け取ると、少なくとも１つの候補データフィールドのうちの選択されたデータフィールドをターゲットコントロールコンポーネントにバインディングする。選択可能的に、当該選択操作は、シングルクリック操作、又はダブルクリック操作、又はドラッグ操作、又はスライド操作、又は長押し操作である。

【0118】

例示的に、ユーザは、コンテンツオプション１２７２をクリックし、コンテンツデータフィールドをコンテンツコントロールコンポーネント１０５にバインディングする。

【0119】

選択可能的に、ユーザは、データフィールドとコントロールコンポーネントのバインディングを完了した後、保存オプション１２４をクリックし、作成されたミニプログラムを保存すると、データバインディングインターフェースを終了してミニプログラム作成インターフェース１６に入る。

【0120】

図１２は本出願の１つの例示的な実施例によるミニプログラムを保存するインターフェースを示す概略図である。当該ミニプログラム作成インターフェース１６には、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、コンテンツコントロールコンポーネント１０５、バインディング済みデータフィールド１２８及びプレビューコントロール１２９が表示される。

【0121】

選択可能的に、当該ミニプログラム作成ンターフェイス１６にはデータバインディング済みのデータフィールド１２８が表示される。選択可能的に、当該データフィールドが計９個であり、テーブルファイルによってデータフィールドを追加し、テーブルファイルの名前がｔｅｘｔ－８である。ユーザは、プレビューコントロール１２９をクリックし、プレビューコントロール１２９は、ミニプログラムのプログラムパケットをホストプログラムにプッシュして実行及びプレビューの少なくとも１つの操作を行うために用いられ、プレビューとは、ミニプログラムがすでに作成されたが、ホストプログラム上でデプロイされていない時に、ユーザがミニプログラムを先に確認し又は使用することにより、ミニプログラムのコンテンツ又は機能にエラーがあるか否かを確認することができることを指し、実行とは、ミニプログラムがホストプログラムで正常に使用できることを指す。

【0122】

選択可能的に、プレビューコントロールの形状は三角形である。いくつかの実施例では、プレビューコントロールは、円形、矩形、六角形又は多角形であり、又は、プレビューコントロールは、「プレビュー」という文字が表示される仮想ボタンであり、本出願ではプレビューコントロールの形態が限定されない。

【0123】

図１３は本出願の１つの例示的な実施例によるミニプログラムプレビュープロンプト情報のインターフェースを示す概略図である。ミニプログラムプレビュープロンプトインターフェース１７には、ピクチャコントロールコンポーネント１０３、タイトルコントロールコンポーネント１０４、コンテンツコントロールコンポーネント１０５、バインディング済みデータフィールド１２８、プレビューコントロール１２９及びプレビュープロンプト情報１３０が表示される。

【0124】

選択可能的に、ユーザがプレビューコントロール１２９をクリックする時に、プレビュープロンプト情報１３０が表示され、又は、ユーザが、外部デバイスが接続された端末を使用する場合（例えば、マウスが接続されたデスクトップコンピュータを使用する場合）、外部デバイスに対応する標識がプレビューコントロールに移動すると、プレビュープロンプト情報１３０が表示され、又は、ユーザが初めてミニプログラムプレビュー機能を使用する時に、プレビュープロンプト情報１３０を表示してユーザに示す。１つの例では、ユーザは、デスクトップコンピュータ上で当該可視化作成プログラムプラットフォームを使用し、マウスポインタがプレビューコントロール１２９に移動すると、プレビュープロンプト情報１３０が表示され、ユーザがプレビューコントロール１２９をクリックすると、作成されたミニプログラムをプレビューする。

【0125】

選択可能的に、プレビュープロンプト情報１３０にはミニプログラムがホストプログラムに手動でプッシュされたことが表示されている。いくつかの実施例では、プレビュープロンプト情報１３０には「プッシュ済み」が表示され、本出願はこれを限定しない。

【0126】

選択可能的に、ユーザは、プレビュープロンプト情報１３０上の手動プッシュにより、自分でミニプログラムをホストプログラムにプッシュしてプレビューすることができる。選択可能的に、手動プッシュとは、ユーザがミニプログラムのリンクをホストプログラムにコピーして当該ミニプログラムのプレビューインターフェースを開くこと、又は、ユーザがミニプログラムのプレビューインターフェースに対応するグラフィックコードを生成することにより、端末におけるカメラ又はホストプログラムにおけるスキャン機能を呼び出してグラフィックコードをスキャンし、当該プレビューインターフェースを開くことであってもよい。本出願は、これを限定しない。

【0127】

図１４は本出願の１つの例示的な実施例による端末におけるミニプログラムのプレビューインターフェースを示す概略図である。ミニプログラムプレビューインターフェース２００には、ピクチャ２０１、タイトル２０２及びコンテンツ２０３が表示される。１つの例では、ピクチャ２０１は、本の表紙であり、タイトル２０２は本の名前（例えば、張さんの冒険記）であり、コンテンツ２０３は、本のコンテンツに関する紹介やコメント（例えば、これは推薦に値する本である）である。

【0128】

選択可能的に、ミニプログラムプレビューインターフェース２００には、他のデータフィールドとコントロールコンポーネントがバインディングされた後に表示されるコンテンツも含まれる。例示的に、ミニプログラムプレビューインターフェース２００には、６つのデータフィールドと対応するコントロールコンポーネントがバインディングされた後に生成された６つのコンテンツが表示される。

【0129】

選択可能的に、ミニプログラムは次の階層のプログラムインターフェースをさらに含み、次の階層のプログラムインターフェースは、ターゲット基本ＵＩコントロールがトリガされた後に表示されたプログラムインターフェースであり、ユーザは、次の階層のプログラムインターフェースを作成し、図１５は、本出願の１つの例示的な実施例による次の階層のプログラムインターフェースを作成するための作成インターフェースを示す概略図である。次の階層のプログラムインターフェースを作成するための作成インターフェース１８には、完成後のミニプログラムインターフェース（即ちミニプログラムプレビューインターフェース）２００、次の階層のプログラムインターフェース２２０、属性オプション１０６、データバインディングオプション１０７、削除オプション１０８、操作オプション１１１、ピクチャ変更オプション１１２及びプレビューコントロール１２９が表示される。

【0130】

選択可能的に、完成後のミニプログラムインターフェース２００は、図１４に示すミニプログラムインターフェースである。選択可能的に、ユーザは、当該ミニプログラムインターフェース２００をクリックして次の階層のプログラムインターフェースを生成し、又は、リスト項目テンプレート（図示せず）を追加して次の階層のプログラムインターフェースを生成し、リスト項目テンプレートとは、ミニプログラムのインターフェース又はレイアウトに対して設定されたテンプレート又はサンプルを指す。１つの例では、ユーザは、ミニプログラムインターフェース２００をクリックして次の階層のプログラムインターフェース２２０を生成する。選択可能的に、ユーザは、当該プログラムインターフェース２２０にページ１という名前を付けることができる。操作オプション１１１は、当該ミニプログラムインターフェース２２０を編集し、又は当該ミニプログラムインターフェース２２０に対してカスタマイズ設定を行うために用いられる。例示的に、ユーザは、操作オプション１１１を選択してミニプログラムカスタム設定インターフェースに入る。ピクチャ変更オプション１１２は、ミニプログラム内のピクチャを変更するために用いられ、選択可能的に、可視化作成プログラムプラットフォームによって端末のローカル画像ラブライブ又はアルバムを呼び出してピクチャを変更するために用いられ、又は、ネットワークに接続してネットワークからピクチャを取得することでミニプログラム内のピクチャを変更するために用いられ、又は、ピクチャファイルを受信することでミニプログラム内のピクチャを変更するために用いられる。

【0131】

ユーザは、データバインディングオプション１０７によって次の階層のプログラムインターフェース２２０に対してデータバインディング操作を行い、当該プロセスについて、図１６を参照して説明する。図１６は本出願の１つの例示的な実施例による次の階層のプログラムインターフェースに対してデータバインディングを行うインターフェースを示す概略図である。データバインディングインターフェース１９には完成後のミニプログラムインターフェース２００、次の階層のプログラムインターフェース２２０、ピクチャコントロールコンポーネント２２１、バインディングページ入力パラメータ２２２、削除オプション１０８、操作オプション１１１、ピクチャ変更オプション１１２及びプレビューコントロール１２９が表示される。

【0132】

選択可能的に、ユーザは、ピクチャコントロールコンポーネント２２１をクリックしてデータバインディングオプション１０７を表示し、データバインディングオプション１０７をクリックしてバインディングページ入力パラメータ２２２を表示する。選択可能的に、バインディングページ入力パラメータ２２２には、バインディングなしオプション２２２１及びピクチャデータフィールドオプション２２２２が表示される。選択可能的に、バインディングページ入力パラメータ２２２には、タイトルバインディングデータフィールド、コンテンツバインディングデータフィールド、ビデオバインディングデータフィールド及びアニメーションバインディングデータフィールドの少なくとも１つが表示される。一例では、ユーザは、バインディングなしオプション２２２１を選択し、このとき、ピクチャコントロールコンポーネント２２１は、いずれかのピクチャデータフィールドにバインディングされておらず、ユーザは、ピクチャデータフィールドオプション２２２２を選択し、ピクチャコントロールコンポーネント２２１を、当該ピクチャデータフィールドオプション２２２２の対応するデータフィールドにバインディングし、ピクチャコントロールコンポーネント２２１に対応する位置にピクチャが表示される。選択可能的に、ピクチャデータフィールドオプション２２２２は、データフィールドに対応するテーブルファイルの名前も含む。

【0133】

選択可能的に、ユーザが次の階層のプログラムインターフェース２２０に対するデータバインディング操作を完了した後、可視化作成プログラムプラットフォームは、ターゲットコントロールコンポーネントにバインディングされたデータフィールドを次の階層のプログラムインターフェース内の対応するコントロールコンポーネントに自動的にバインディングする。

【0134】

例示的に、ユーザが図１４に示すミニプログラムインターフェースにおける１つのリストオプションをクリックすると、例えば、ユーザが第１リストオプション（「張さんの冒険記」の欄に対応）をクリックすると、次の階層のプログラムインターフェースに遷移し（即ちトップページからページ１に遷移し）、第１リストオプションに対応するターゲットコントロールコンポーネントは、データフィールドにバインディングされた後、次の階層のプログラムインターフェース２２０内の対応するコントロールコンポーネントに自動的にバインディングされる（即ち、データのバインディング済みの次の階層のプログラムインターフェース２２０が表示され、即ち詳細ページが表示される）。

【0135】

図１７は本出願の１つの例示的な実施例による次の階層のプログラムインターフェースのプレビューインターフェースを示す概略図である。当該プレビューインターフェース２０には、完成済みのミニプログラムインターフェース２００、次の階層のプログラムインターフェース２２０、ピクチャコントロールコンポーネント２２１、プレビュープロンプト情報２０４及びプレビューコントロール１２９が表示される。

【0136】

選択可能的に、ユーザは、プレビューコントロール１２９を選択して、当該次の階層のプログラムインターフェース２２０をプレビューする。プレビュープロンプト情報２０４は、ミニプログラムがホストプログラムに既にプッシュされたことをユーザに示すために用いられ、選択可能的に、ユーザは、次の階層のプログラムインターフェース２２０をホストプログラムに手動でプッシュすることを選択することができ、当該プッシュプロセスがミニプログラムインターフェース（即ちトップページインターフェース）のプッシュプロセスと同じであるため、ここでは説明を省略する。

【0137】

図１８は本出願の１つの例示的な実施例による端末における次の階層のプログラムインターフェースを示す概略図である。次の階層のプログラムインターフェース２２０にはピクチャ２１、タイトル２１１及びコンテンツ２１２が表示される。選択可能的に、ユーザがミニプログラムのトップページインターフェースにおける第１リスト項目（図１４に示すように、第１リスト項目に対応するタイトルは張さんの冒険記である）をクリックすると、ページは、当該次の階層のプログラムインターフェース２２０（即ちページ１であり、ページ１に「張さんの冒険記」に関する具体的なコンテンツが表示され、例えば、これは、推薦に値する本であり、旅行中の張さんの物語を語る）に遷移する。

【0138】

ミニプログラムのプログラムインターフェースにおけるターゲット基本ＵＩコントロールに対応するデータバインディング操作を受け取った場合、データバインディング操作によりターゲット基本ＵＩコントロールをデータソースにバインディングした後、選択可能的に、ユーザは、ミニプログラムのプログラムコードを生成することを選択することができる。可視化作成プログラムプラットフォームは、ミニプログラムのプログラムインターフェースにおける基本ＵＩコントロールに基づいてミニプログラムのビューレイヤーコードを生成し、例示的に、ピクチャコントロールコンポーネントに基づいて、ミニプログラムのビューレイヤーコードを生成し、ミニプログラムのプログラムインターフェースにおける基本ＵＩコントロールにバインディングされたデータソースに基づいて、ミニプログラムのロジックレイヤーコードを生成し、例示的に、ピクチャコントロールコンポーネントにバインディングされたピクチャデータフィールドに基づいて、ミニプログラムのロジックレイヤーコードを生成し、ビューレイヤーコードとロジックレイヤーコードに基づいて、ミニプログラムのプログラムパケットを生成し、次に、ミニプログラムのプログラムパケットをホストプログラムに送信して実行及びプレビューの少なくとも１つの操作を行い、又は、ミニプログラムのプログラムパケットをホストプログラムのプログラムプラットフォームに送信して審査又はデプロイする。

【0139】

例示的に、可視化作成プログラムプラットフォームは、コードを生成する必要があるリスト項目テンプレートコンポーネントを決定し、当該ピクチャコントロールコンポーネントに対応するマークアップ言語（ＭＬ：Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）コードを再帰的に生成し、ループステートメントを表すコード（例えば、ループステートメントコード：ｆｏｒステートメント）をリスト項目テンプレートコンポーネントに追加し、ループステートメントを表すコードを使用して属性値を１つの配列にバインディングすると、配列における各データを使用して当該リスト項目テンプレートコンポーネントを繰り返してレンダリングすることができ、属性値がバインディングされたデータテーブルの名前又はデータフィールドに対応する名前であり、可視化作成プログラムプラットフォームは、コードを生成する必要があるコントロールコンポーネントを決定し、各コントロールコンポーネント及び対応するＭＬコードを再帰的に生成し、コントロールコンポーネントにデータフィールドにバインディングされているか否かをチェックし、当該コントロールコンポーネントにデータフィールドがバインディングされている場合、データフィールドの名前をＭＬコードに追加する。リスト項目テンプレートコンポーネントとは、ミニプログラムインターフェースにおけるデータを格納できる構造又はフレームに対応するテンプレートコンポーネントを指し、再帰的生成とは、プログラムが実行中に自身のプログラムを直接又は間接的に呼び出すことを指し、少量のプログラムコードだけで複雑な問題を元の問題に類似する簡単な問題に変換して解くことができる。

【0140】

例示的に、可視化作成プログラムプラットフォームは、バインディングされたデータテーブルのフォーマットをＪＳＯＮ（ＪａｖａＳｃｒｉｐｔ Ｏｂｊｅｃｔ Ｎｏｔａｔｉｏｎ：ＪＳオブジェクト表記、即ちＪＳ（ＪａｖａＳｃｒｉｐｔ）オブジェクト表記）フォーマットに変換し、当該フォーマットは、プログラミング言語から独立したテキストフォーマットを使用してデータを格納及び表現し、これは、ユーザが読み書きすることに便利であり、コンピュータがこのフォーマットのファイルを生成又は解析することがより容易になる。可視化作成プログラムプラットフォームは、ＪＳＯＮフォーマットに変換されたデータテーブルをページロジックコードに対応するデータオブジェクトに配置し、ミニプログラムのプログラムパケットをホストプログラムにプッシュして実行すると、ユーザは、データフィールドがバインディングされたリスト項目テンプレートコンポーネントが一緒に実際のリスト（即ち、ミニプログラムのページ）にレンダリングされたことを見ることができる。レンダリングとは、コードを使用してリスト項目又は基本ＵＩコントロール及び対応するデータを、対応するプログラムで表示されるコンテンツに変換することを指す。

【0141】

例示的に、リスト項目から新しいページに遷移する関係を作成する場合、可視化作成プログラムプラットフォームは、リスト項目にデータフィールドをバインディングしていることを検出した場合、遷移ページを表すコードの後ろにバインディングされたデータフィールドを追加し、バインディングのインタラクションタイプのコード（例えば、バインドタップ（ｂｉｎｄｔａｐ）コード）に対応するイベント応答関数で、データフィールドのインデックスを読み取り、当該インデックスに基づいて実際の新しいページに対応するデータフィールドを取得し、設定データ（ｓｅｔＤａｔａ関数はデータをロジックレイヤーからビューレイヤーに送信するためのものを指す）を呼び出す方法により、当該データフィールドを新しいページに更新する。

【0142】

専門的な知識を有する開発者は、ミニプログラムのプログラムコードを生成することを選択し、対応するコードを変更してミニプログラムのコンテンツを変更することができる。

【0143】

図１９は本出願の１つの例示的な実施例による論理レイアウトインターフェースを示す概略図である。図１９（ａ）に示すように、論理的構成インターフェース２１にはコード表示領域３００、ピクチャコントロールコンポーネント１０３が表示される。ユーザは、当該コード表示領域３００にコードを編集する時に、現在のページから次のページに遷移する場合、又はターゲットＵＩコントロールの属性を見る場合、関連するコード編集方法に従って操作すると、ユーザがターゲットＵＩコントロールの実現可能な各機能に対応するコードを編集する必要があり、ユーザがコードを編集する専門的な知識を有しないと、コード編集が困難になる。

【0144】

１つの例では、ユーザからのターゲットコントロールコンポーネントに対するトリガ操作を受け取った場合、可視化作成プログラムは、当該ターゲットコントロールコンポーネントに対応する機能オプション（例えば、属性オプション１０６、データバインディングオプション１０７、削除オプション１０８）を取得し、コード表示領域３００には、当該ターゲットコントロールコンポーネントに対応する機能コードを自動的に入力し、即ち現在の編集されているターゲットコントロールコンポーネントの関連する機能コード（例えば、機能（ｆｕｎｃｔｉｏｎ）コード）を、機能コードを入力する必要があるコード行に自動的に入力し、コード編集能力を有するユーザに便利を提供する。

【0145】

選択可能的に、ユーザからのターゲットコントロールコンポーネントに対するトリガ操作を受け取るステップの前に、ターゲットコントロールコンポーネントに対応する機能コードを入力する必要がある時にコード領域で生成されるトリガ操作を受け取るステップをさらに含む。選択可能的に、ターゲットコントロールコンポーネントに対するトリガ操作は、ターゲットコントロールコンポーネントに対するシングルクリック操作、ダブルクリック操作などを含むが、本出願の実施例は、これを限定しない。

【0146】

選択可能的に、図１９（ｂ）に示すように、コード表示領域３００において、変数領域３０１に入力する必要がある内容は、現在のターゲットコントロールコンポーネントの機能コードであり、ユーザからの変数領域３０１に対するクリック操作を受け取った後、ユーザからのターゲットコントロールコンポーネントに対するクリック操作を受け取ることを待機し、ユーザからのピクチャコントロールコンポーネント１０３に対するクリック操作を受け取った後、可視化作成プログラムは、ピクチャコントロールコンポーネントに対応する機能オプション、例えば、属性オプション１０６、データバインディングオプション１０７、削除オプション１０８、操作オプション１１１及びピクチャ変更オプション１１２を表示する。このとき、変数領域３０１に、当該ピクチャコントロールコンポーネント１０３に対応する機能コードが自動的に入力して表示され、ユーザがピクチャコントロールコンポーネントの機能コードを変数領域３０１に手動で入力する必要がない。

【0147】

選択可能的に、ユーザは、ミニプログラムの作成が完了された後、作成されたミニプログラムのコンテンツが正しいことを確認した後、ミニプログラムをホストプログラムに送信することができる。例示的に、ユーザは、サブミットコントロールをクリックし、可視化作成プログラムのミニプログラム作成インターフェースは、サブミットコントロールでのサブミット操作を受け取ると、ミニプログラムのプログラムパケットをホストプログラムのプログラムプラットフォームに送信して審査又はデプロイする。いくつかの実施例では、サブミットコントロールは、サブミットオプション、アップロードオプションとも名前付けられてもよく、本出願はこれを限定しない。選択可能的に、審査が通過した後、当該ミニプログラムは、他のユーザが使用することができるようになる。

【0148】

図２０は本出願の１つの例示的な実施例による端末の構造ブロック図である。ユーザの端末は、ホストプログラム１６２とミニプログラム１６４がインストールされて実行される。当該ホストプログラム１６２は、即時通信プログラム、ソーシャルプログラム、支払いプログラムのいずれかであり得る。本出願では端末が即時通信プログラムであることを例として説明する。ミニプログラムは、ホストプログラム１６２に依存して実行されるプログラムであり、ミニプログラムは、複数であってもよく、そのうちの１つのミニプログラムは、ユーザが作成したミニプログラムである。ユーザは、ホストプログラム１６２によって当該作成されたミニプログラム１６４に入り、選択可能的に、ユーザによって作成されたミニプログラムは、ユーザの情報（例えば、ユーザのアカウント、通信番号、地理的位置など）を取得する必要があり、又は、ユーザの情報を取得する必要がない。

【0149】

ホストプログラム１６２は、ユーザによって作成されたミニプログラム１６４のアプリケーションプログラムであり、ユーザによって作成されたミニプログラム１６４を実現するための環境を提供する。ホストプログラム１６２は、ネイティブアプリケーションプログラムである。ネイティブアプリケーションプログラムは、オペレーティングシステム１６１で直接実行可能なアプリケーションプログラムである。ホストプログラム１６２は、ソーシャルアプリケーションプログラム、ミニプログラム１６４の作成を専門的にサポートする専用アプリケーションプログラム、ファイル管理アプリケーションプログラム、メールアプリケーションプログラム又はゲームアプリケーションプログラムなどであってもよい。ソーシャルアプリケーションプログラムは、即時通信アプリケーション（例えばＷｅＣｈａｔ、ＱＱなど）、ソーシャルネットワークサービス（ＳＮＳ：Ｓｏｃｉａｌ Ｎｅｔｗｏｒｋ Ｓｅｒｖｉｃｅ）アプリケーション又はライブブロードキャストアプリケーションなどを含む。ミニプログラムは、ホストプログラムによって提供される環境で実行できるアプリケーションプグラムである。ミニプログラムは、ソーシャルアプリケーションプログラム、ファイル管理アプリケーションプログラム、メールアプリケーションプログラム又はゲームアプリケーションプログラムなどであるが、例示的に、ミニプログラムがユーザによって作成されたミニプログラム１６４であることを例として説明する。ホストプログラム１６２は、ウィーチャット（ＷｅＣｈａｔ）プログラムであってもよい。

【0150】

ミニプログラムロジックレイヤーユニット１６４ｂ及び対応するミニプログラムビューレイヤーユニット１６４ａは、ミニプログラムインスタンスを実現するために用いられる。１つのミニプログラムは、１つのミニプログラムロジックレイヤーユニット１６４ｂと、少なくとも１つのミニプログラムビューレイヤーユニット１６４ａとによって実現されてもよい。ミニプログラムビューレイヤーユニット１６４ａとミニプログラムページは１対１に対応してもよい。

【0151】

ミニプログラムビューレイヤーユニット１６４ａは、ミニプログラムのビューを編成してレンダリングするために用いられる。ミニプログラムロジックレイヤーユニット１６４ｂは、ミニプログラム及び対応するミニプログラムページのデータ処理ロジックを処理するために用いられる。ユニットはプロセス又はスレッドであってもよく、ミニプログラムビューレイヤーユニット１６４ａは、ミニプログラムビューレイヤーのスレッドであり、ミニプログラムロジックレイヤーユニット１６４ｂはミニプログラムロジックレイヤのスレッドである。ミニプログラムロジックレイヤーユニット１６４ｂは、仮想マシン上で動作することができる。ミニプログラムビューレイヤーユニット１６４ａとミニプログラムロジックレイヤーユニット１６４ｂは、ホストプログラムネイティブユニット１６２ａによって通信を中継することができ、ホストプログラムネイティブユニット１６２ａは、ホストプログラム１６２とミニプログラムとの間の通信インターフェースであり、ホストプログラムネイティブユニット１６２ａは、ホストプログラム１６２それ自体のスレッド又はプロセスであってもよい。各ミニプログラムページが属するプログラムパッケージのページロジックコードは、ミニプログラムロジックレイヤーユニット１６４ｂによって起動時に登録されてもよく、データ処理のためにページロジックコードが必要な場合に、登録されたページロジックコードが実行される。

【0152】

本出願の実施例で説明される方法、システム及びサービスシーンは、本出願の実施例の技術案をより明確に説明することを意図しており、本出願の実施例で提供される技術案を限定するものではない。当業者は、技術の進化と新しいサービスシーンの出現に伴い、本出願の実施例で提供される技術案が類似の技術的問題に対して、同様に適用可能であることを知っている。

【0153】

以下は本出願の装置の実施例であり、装置の実施例における詳細に説明されない部分については、上記の方法の実施例における対応する記載を参照することができ、ここでは説明を省略しない。

【0154】

図２１は本出願の１つの例示的な実施例によるミニプログラムのデータバインディング装置を示す構造図である。この装置は、ソフトウェア、ハードウェア、又は両者の組み合わせにより、端末の全部又は一部として実現されてもよく、当該装置は、表示モジュール２１１０、受け取りモジュール２１２０、取得モジュール２１３０及び制御モジュール２１４０を備え、受け取りモジュール２１２０は、オプションモジュールである。

【0155】

表示モジュール２１１０は、可視化作成プログラムのミニプログラム作成インターフェースを表示するように構成され、ミニプログラム作成インターフェースにパネル領域と編集領域が表示され、パネル領域にｎ種類の基本ユーザインターフェースコントロールが提供され、ｎが正の整数である。

【0156】

受け取りモジュール２１２０は、選択された基本ユーザインターフェースコントロールでのユーザ操作を受け取ったことに応答して、編集領域で、選択された基本ユーザインターフェースコントロールに基づいてミニプログラムのプログラムインターフェースを編集するように構成される。

【0157】

取得モジュール２１３０は、データソースを取得するように構成される。

【0158】

受け取りモジュール２１２０は、さらにミニプログラムのプログラムインターフェースにおけるターゲット基本ユーザインターフェースコントロールに対応するデータバインディング操作を受け取ったことに応答して、ターゲット基本ＵＩコントロールをデータソースにバインディングするように構成され、データソースは、ターゲット基本ＵＩコントロールを表示するために用いられる。

【0159】

１つの選択可能な実施例では、基本ユーザインターフェースコントロールは、ｍ個のコントロールコンポーネントに対応し、データソースは、ｍ個のデータフィールドを含み、ｍが１よりも大きい正の整数である。

【0160】

表示モジュール２１１０は、データバインディング操作を受け取ったことに応答して、第１配列順序に従ってｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するように構成される。

【0161】

表示モジュール２１１０は、再度配列操作を受け取ったことに応答して、第ｉ＋１の配列順序に従ってｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を表示するように構成され、第ｉ＋１の配列順序は、第ｉの配列順序とは異なる配列順序であり、ｉは開始値が１である正の整数であり、第ｉの配列順序はランダムに生成し又は予め設定したものである。

【0162】

受け取りモジュール２１２０は、バインディング確認操作を受け取ったに応答して、ｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするように構成される。

【0163】

１つの選択可能な実施例では、
制御モジュール２１４０は、ｍ個のデータフィールドのすべての配列順序を生成するように構成され、
受け取りモジュール２１２０は、再度配列操作を受け取ったことに応答して、すべての配列順序から第ｉの配列順序と異なる１組の配列順序をランダムに選択し、第ｉ＋１の配列順序として決定するように構成される。

【0164】

表示モジュール２１１０は、第ｉ＋１の配列順序に従ってｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するように構成される。

【0165】

１つの選択可能な実施例では、
取得モジュール２１３０は、第ｉ＋１の配列順序に従ってｍ個のデータフィールドのうちのｊ番目のデータフィールド及びフィールドタイプを読み取るように構成され、１≦ｊ≦ｍ、かつｊが正の整数であり、
制御モジュール２１４０は、ｍ個のコントロールコンポーネントからバインディング条件を満たすターゲットコントロールコンポーネントを決定し、バインディング条件には、コントロールコンポーネントにデータフィールドがバインディングされていないこと、又は、コントロールコンポーネントがｊ番目のデータフィールドのフィールドタイプとマッチングしていること、又は、コントロールコンポーネントにデータフィールドがバインディングされておらず、かつｊ番目のデータフィールドのフィールドタイプとマッチングしていることが含まれ、ターゲットコントロールコンポーネントとｊ番目のデータフィールドをバインディングするように構成され、
表示モジュール２１１０は、ｍ個のコントロールコンポーネントをいずれもバインディングした後、ｍ個のデータフィールドとｍ個のコントロールコンポーネントをそれぞれバインディングするバインディングプレビュー情報を、表示するように構成される。

【0166】

１つの選択可能な実施例では、
受け取りモジュール２１２０は、ターゲット基本ユーザインターフェースコントロールにおけるターゲットコントロールコンポーネントでのバインディング改修操作を受け取るように構成され、
表示モジュール２１１０は、ターゲットコントロールコンポーネントに対応する少なくとも１つの候補データフィールドを表示するように構成され、候補データフィールドがｍ個のデータフィールドのうち、フィールドタイプがターゲットコントロールコンポーネントとマッチングするデータフィールドであり、
制御モジュール２１４０は、選択操作を受け取ったことに応答して、少なくとも１つの候補データフィールドのうちの選択されたデータフィールドをターゲットコントロールコンポーネントにバインディングするように構成される。

【0167】

１つの選択可能な実施例では、ミニプログラムは、次の階層のプログラムインターフェースをさらに含み、次の階層のプログラムインターフェースは、ターゲット基本ユーザインターフェースコントロールがトリガされた後に表示されるプログラムインターフェースであり、
制御モジュール２１４０は、ターゲットコントロールコンポーネントにバインディングされたデータフィールドを次の階層のプログラムインターフェース内の対応するコントロールコンポーネントに自動的にバインディングするように構成される。

【0168】

１つの選択可能な実施例では、
表示モジュール２１１０は、第１テーブルファイルを表示するように構成され、受け取りモジュール２１２０は、追加操作を受け取るように構成され、追加操作は、第１テーブルファイルを可視化作成プログラムに追加するために用いられ、
又は、受け取りモジュール２１２０は、プログラム呼び出し操作を受け取るように構成され、プログラム呼び出し操作は可視化作成プログラムでテーブルアプリケーションプログラムを呼び出すために用いられ、テーブルアプリケーションプログラムは第２テーブルファイルを含み、
又は、受け取りモジュール２１２０は、近距離無線通信技術により、第３テーブルファイルを受信するように構成される。

【0169】

１つの選択可能な実施例では、
制御モジュール２１４０は、ミニプログラムのプログラムインターフェースにおける基本ユーザインターフェースコントロールに基づいて、ミニプログラムのビューレイヤーコードを生成し、ミニプログラムのプログラムインターフェースにおける基本ユーザインターフェースコントロールにバインディングされたデータソースに基づいて、ミニプログラムのロジックレイヤーコードを生成し、ビューレイヤーコードとロジックレイヤーコードによってミニプログラムのプログラムパケットを生成するように構成される。

【0170】

１つの選択可能な実施例では、ミニプログラム作成インターフェースにはプレビューコントロールも含まれ、
受け取りモジュール２１２０は、プレビューコントロールでのプレビュー操作を受け取ったことに応答して、ミニプログラムのプログラムパケットをプッシュして実行及び／又はプレビューするように構成される。

【0171】

１つの選択可能な実施例では、ミニプログラム作成インターフェースにはサブミットコントロールも含まれ、
受け取りモジュール２１２０は、サブミットコントロールでのサブミット操作を受け取ったことに応答して、ミニプログラムのプログラムパケットをホストプログラムのプログラムプラットフォームに送信して審査又はデプロイするように構成される。

【0172】

上述したように、本実施例によるミニプログラムのデータバインディング装置では、可視化作成プログラムのミニプログラム作成インターフェース上に操作し、ミニプログラムのターゲット基本ＵＩコントロールをデータソースにバインディングし、バインディングされたターゲット基本ＵＩコントロールは、データソースに対応するコンテンツを表示することができ、これにより、ユーザは、コードを書く必要がなく、ターゲット基本ＵＩコントロールにバインディングされたデータソースを変更し、又は、ターゲット基本ＵＩコントロールとデータソースの間のバインディング関係を解除するだけで、ターゲット基本ＵＩコントロールの表示コンテンツを編集又は変更する機能を実現でき、これにより、ユーザのミニプログラムの作成効率が向上する。

【0173】

以下に本出願に適用されるコンピュータデバイスを説明する。図２２を参照すると、それは本出願の１つの例示的な実施例によるコンピュータデバイス２２００を示す構造ブロックである。当該コンピュータデバイス２２００は、ポータブル型移動端末、例えば、スマートフォン、タブレットコンピュータ、ＭＰ３プレーヤー（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ａｕｄｉｏ Ｌａｙｅｒ ＩＩＩ：ムービングピクチャエキスパートグループオーディオレイヤーＩＩＩ）、ＭＰ４（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ａｕｄｉｏ Ｌａｙｅｒ ＩＶ：ムービングピクチャエキスパートグループオーディオレイヤーＩＶ）プレーヤーであってもよい。コンピュータデバイス２２００は、さらにユーザデバイス、ポータブル型端末などの他の名前と呼ばれてもよい。

【0174】

通常、コンピュータデバイス２２００は、プロセッサ２２０１とメモリ２２０２とを備える。

【0175】

プロセッサ２２０１は、１つ又は複数の処理コアを含むことができ、例えば、４コアプロセッサ、８コアプロセッサなどである。プロセッサ２２０１は、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｉｎｇ：デジタル信号処理）、ＦＰＧＡ（Ｆｉｅｌｄ－Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ：フィールドプログラマブルゲートアレイ）、ＰＬＮ（Ｐｒｏｇｒａｍｍａｂｌｅ Ｌｏｇｉｃ Ａｒｒａｙ：プログラマブルロジックアレイ）の少なくとも１つのハードウェア形態を採用することで実現されてもよい。プロセッサ２２０１はメインプロセッサ及びコプロセッサを含むこともでき、メインプロセッサは、アウェイク状態のデータを処理するためのプロセッサであり、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ：中央処理装置）とも呼ばれ、コプロセッサは、待機状態のデータを処理するための低電力プロセッサである。いくつかの実施例では、プロセッサ２２０１は、ＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ：グラフィックスプロセッシングユニット、画像プロセッサ）が統合されてもよく、ＧＰＵは、ディスプレイスクリーンに表示される必要があるコンテンツをレンダリング及び描画するために用いられる。いくつかの実施例では、プロセッサ２２０１は、ＡＩ（Ａｒｔｉｆｉｃｉａｌ Ｉｎｔｅｌｌｉｇｅｎｃｅ：人工知能）プロセッサをさらに含むことができ、当該ＡＩプロセッサは、機械学習に関連するコンピューティング操作を処理するために用いられる。

【0176】

メモリ２２０２は、１つ又は複数のコンピュータ可読記憶媒体を含むことができ、当該コンピュータ可読記憶媒体は有形及び非一時的であってもよい。メモリ２２０２は、高速ランダムアクセスメモリ、及び不揮発性メモリ、例えば、１つ又は複数の磁気ディスク記憶デバイス、フラッシュメモリ記憶デバイスをさらに含むことができる。いくつかの実施例では、メモリ２２０２内の非一時的なコンピュータ可読記憶媒体は、少なくとも１つの命令を記憶するために用いられ、当該少なくとも１つの命令は、本出願によって提供されるミニプログラムのデータバインディング方法を実現するために、プロセッサ２２０１によって実行されるために用いられる。

【0177】

いくつかの実施例では、コンピュータデバイス２２００は、周辺デバイスインターフェース２２０３と少なくとも１つの周辺デバイスをさらに備えることもできる。具体的には、周辺デバイスは、無線周波数回路２２０４、タッチディスプレイスクリーン２２０５、カメラ２２０６、オーディオ回路２２０７、測位コンポーネント２２０８及び電源２２０９のうちの少なくとも１つを含む。

【0178】

周辺デバイスインターフェース２２０３は、Ｉ／Ｏ（Ｉｎｐｕｔ／Ｏｕｔｐｕｔ：入力／出力）に関連する少なくとも１つの周辺デバイスをプロセッサ２２０１及びメモリ２２０２に接続するために利用可能である。いくつかの実施例では、プロセッサ２２０１、メモリ２２０２及び周辺デバイスインターフェース２２０３は、同じチップ又は回路基板上に統合され、いくつかの他の実施例では、プロセッサ２２０１、メモリ２２０２及び周辺デバイスインターフェース２２０３のいずれか１つ又は２つは、単独のチップ又は回路基板上で実現されてもよく、本実施例で限定されない。

【0179】

無線周波数回路２２０４は、電磁信号とも呼ばれるＲＦ（Ｒａｄｉｏ Ｆｒｅｑｕｅｎｃｙ：無線周波数）信号を送受信するために用いられる。無線周波数回路２２０４は、電磁信号によって通信ネットワーク及び他の通信デバイスと通信する。無線周波数回路２２０４は、電気信号を電磁信号に変換して送信し、又は受信された電磁信号を電気信号に変換する。選択可能的に、無線周波数回路２２０４は、アンテナシステム、ＲＦトランシーバ、１つ又は複数の増幅器、チューナ、発振器、デジタル信号プロセッサ、コーデックチップセット、ユーザ識別モジュールカードなどを含む。無線周波数回路２２０４は、少なくとも１つの無線通信プロトコルによって他の端末と通信することができる。当該無線通信プロトコルには、ワールドワイドウェブ、メトロポリタンエリアネットワーク、イントラネット、各世代のモバイル通信ネットワーク（２Ｇ、又は３Ｇ、又は４Ｇ、又は５Ｇ、又はそれらの組み合わせ）、無線ローカルエリアネットワーク及び／又はＷｉＦｉ（Ｗｉｒｅｌｅｓｓ Ｆｉｄｅｌｉｔｙ：ワイヤレス・フィディリティー）ネットワークが含まれるが、これらを限定しない。いくつかの実施例では、無線周波数回路２２０４は、ＮＦＣ（Ｎｅａｒ Ｆｉｅｌｄ Ｃｏｍｍｕｎｉｃａｔｉｏｎ：近距離無線通信）に関する回路をさらに含むことができるが、本出願はこれを限定しない。

【0180】

タッチディスプレイスクリーン２２０５は、ＵＩ（Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ：ユーザインターフェース）を表示するように構成される。当該ＵＩは、グラフィック、テキスト、アイコン、ビデオ及びそれらの任意の組み合わせを含むことができる。タッチディスプレイスクリーン２２０５は、タッチディスプレイスクリーン２２０５の表面又は表面の上方のタッチ信号を収集する能力を有する。当該タッチ信号は、制御信号としてプロセッサ２２０１に入力されて処理されてもよい。タッチディスプレイスクリーン２２０５は、ソフトボタン及び／又はソフトキーボードとも呼ばれる仮想ボタン及び／又は仮想キーボードを提供するように構成される。いくつかの実施例では、タッチディスプレイスクリーン２２０５は、１つであってもよく、コンピュータデバイス２２００のフロントパネルに設けられ、他のいくつかの実施例では、タッチディスプレイスクリーン２２０５は、少なくとも２つであってもよく、コンピュータデバイス２２００の異なる表面にそれぞれ設けられ、又は折り畳んで設計され、他のいくつかの実施例では、タッチディスプレイスクリーン２２０５は、コンピュータデバイス２２００の曲面又は折り畳み面上に設けられた可撓性ディスプレイスクリーンであってもよい。ひいては、タッチディスプレイスクリーン２２０５も非矩形の不規則なパターンに設けられてもよく、即ち異形スクリーンである。タッチディスプレイスクリーン２２０５は、ＬＤＣ（Ｌｉｑｕｉｄ Ｃｒｙｓｔａｌ Ｄｉｓｐｌａｙ：液晶ディスプレイ）、ＯＬＥＤ（Ｏｒｇａｎｉｃ Ｌｉｇｈｔ－Ｅｍｉｔｔｉｎｇ Ｄｉｏｄｅ：有機発光ダイオード）などの材質で作られてもよい。

【0181】

カメラアセンブリ２２０６は、画像又はビデオを収集するように構成される。選択可能的に、カメラアセンブリ２２０６は、フロントカメラ及びリアカメラを含む。通常、フロントカメラは、ビデオ通話又は自分撮りを実現するために用いられ、リアカメラは、写真又はビデオの撮影を実現するために用いられる。いくつかの実施例では、リアカメラは、少なくとも２つであり、それぞれがメインカメラ、被写界深度カメラ、広角カメラのいずれか１つであり、メインカメラと被写界深度カメラを融合して背景ぼかし機能を実現し、メインカメラと広角カメラを融合してパノラマ撮影とＶＲ（Ｖｉｒｔｕａｌ Ｒｅａｌｉｔｙ：バーチャルリアリティ）撮影機能を実現する。いくつかの実施例では、カメラアセンブリ２２０６は、フラッシュランプを含むこともできる。フラッシュランプは、単色温度フラッシュランプであってもよいし、二色温度フラッシュランプであってもよい。二色温度フラッシュランプとは、温光フラッシュランプと冷光フラッシュランプを組み合わせたものを指し、異なる色温度での光補正に用いられてもよい。

【0182】

オーディオ回路２２０７は、ユーザとコンピュータデバイス２２００との間のオーディオインターフェースを提供するために用いられる。オーディオ回路２２０７は、マイクロフォンとスピーカーを含むことができる。マイクロフォンは、ユーザ及び環境の音波を収集し、音波を電気信号に変換して処理のためにプロセッサ２２０１に入力し、又は無線周波数回路２２０４に入力して音声通信を実現するために用いられる。ステレオ収集又はノイズ低減の目的で、マイクロフォンが複数であってもよく、それぞれコンピュータデバイス２２００の異なる部位に設けられる。マイクロフォンは、アレイマイクロフォン又は無指向性収集マイクロフォンであってもよい。スピーカーは、プロセッサ２２０１又は無線周波数回路２２０４からの電気信号を音波に変換するために用いられる。スピーカーは、従来の薄膜スピーカーであってもよいし、圧電セラミックスピーカーであってもよい。スピーカーが圧電セラミックスピーカーである場合、電気信号を人間に聞こえる音波に変換するだけでなく、距離測定などのために電気信号を人間には聞こえない音波に変換することができる。いくつかの実施例では、オーディオ回路２２０７はヘッドホンジャックも含み得る。

【0183】

測位コンポーネント２２０８は、ナビゲーション又はＬＢＳ（Ｌｏｃａｔｉｏｎ Ｂａｓｅｄ Ｓｅｒｖｉｃｅ：位置に基づくサービス）を実現するために、端末２２００の現在の地理的位置を測位するために用いられる。測位コンポーネント２２０８は、米国のＧＰＳ（Ｇｌｏｂａｌ Ｐｏｓｉｔｉｏｎｉｎｇ Ｓｙｓｔｅｍ：全地球測位システム）、中国の北斗システム、ロシアのグレナスシステム又は欧州連合のガリレオシステムに基づく測位コンポーネントであってもよい。

【0184】

電源２２０９は、コンピュータデバイス２２００内の各コンポーネントに電力を供給するために用いられる。電源２２０９は、交流電流、直流電流、使い捨て電池又は充電式電池であってもよい。電源２２０９が充電式電池を含む場合、当該充電式電池は、有線充電式電池又は無線充電式電池であってもよい。有線充電式電池は、有線で充電される電池であり、無線充電式電池は、無線コイルで充電される電池である。当該充電式電池は急速充電技術をサポートするためにさらに使用されてもよい。

【0185】

いくつかの実施例では、コンピュータデバイス２２００は１つ又は複数のセンサ２２１０をさらに備える。当該１つ又は複数のセンサ２２１０は、加速度センサ２２１１、ジャイロセンサ２２１２、圧力センサ２２１３、指紋センサ２２１４、光学センサ２２１５及び近接センサ２２１６を含むがこれらを限定しない。

【0186】

加速度センサ２２１１は、コンピュータデバイス２２００によって確立された座標系の３つの座標軸上での加速度の大きさを検出することができる。例えば、加速度センサ２２１１は、３つの座標軸上での重力加速度の成分を検出するために用いられてもよい。プロセッサ２２０１は、加速度センサ２２１１によって収集された重力加速度信号によって、ユーザインターフェースを水平ビュー又は垂直ビューで表示するようにタッチスクリーン２２０５を制御することができる。加速度センサ２２１１は、ゲーム又はユーザの運動データの収集にも用いられてもよい。

【0187】

ジャイロスコープセンサ２２１２は、コンピュータデバイス２２００の本体方向及び回転角度を検出することができ、ジャイロスコープセンサ２２１２は、加速度センサ２２１１と協働して、コンピュータデバイス２２００に対するユーザの３Ｄ動作を収集することができる。プロセッサ２２０１は、ジャイロスコープセンサ２２１２によって収集されたデータに基づいて、動作センシング（ユーザの傾斜操作に応じてＵＩを変更するなど）、撮影時の画像安定化、ゲーム制御及び慣性ナビゲーションを実現することができる。

【0188】

圧力センサ２２１３は、コンピュータ装置２２００のサイドフレーム及び／又はタッチスクリーン２２０５の下層に設けられてもよい。圧力センサ２２１３は、コンピュータ装置２２００のサイドフレームに設けられている場合、コンピュータ装置２２００に対するユーザの把持信号を検出し、当該把持信号によって左右手識別又はショートカット操作を行うことができる。圧力センサ２２１３がタッチディスプレイスクリーン２２０５の下層に設けられている場合、タッチディスプレイスクリーン２２０５に対するユーザの圧力操作に応じてＵＩインターフェースにおける操作性コントロールを制御することができる。操作性コントロールは、ボタンコントロール、スクロールバーコントロール、アイコンコントロール、メニューコントロールの少なくとも１つを含む。

【0189】

指紋センサ２２１４は、ユーザの指紋を収集し、収集された指紋に基づいてユーザの身元を識別するために用いられる。ユーザの身元が信頼できる身元であると識別される場合、プロセッサ２２０１は、スクリーンのロック解除、暗号化された情報の閲覧、ソフトウェアのダウンロード、支払い及び設定の変更などを含む、関連する機密操作を実行することをユーザに許可する。指紋センサ２２１４は、コンピュータデバイス２２００の前面、後面又は側面に設けられてもよい。コンピュータデバイス２２００に物理的ボタン又は製造者のロゴ（ｌｏｇｏ）が設けられている場合、指紋センサ２２１４は、物理的ボタン又は製造者のロゴと統合することができる。

【0190】

光センサ２２１５は、周囲光の強度を収集するために用いられる。１つの実施例では、プロセッサ２２０１は、光センサ２２１５によって収集された周囲光の強度に応じてタッチディスプレイスクリーン２２０５の表示輝度を制御することができる。具体的には、周囲光が強い場合、タッチディスプレイスクリーン２２０５の表示輝度を上げ、周囲光が弱い場合、タッチディスプレイスクリーン２２０５の表示輝度を下げる。別つの実施例では、プロセッサ２２０１は、光センサ２２１５によって収集された周囲光の強度に応じてカメラアセンブリ２２０６の撮影パラメータを動的に調整することもできる。

【0191】

センサ２２１６は、距離センサとも呼ばれ、通常、コンピュータデバイス２２００の前面に設けられる。近接センサ２２１６は、ユーザとコンピュータデバイス２２００の前面の間の距離を収集するために用いられる。１つの実施例では、近接センサ２２１６が、ユーザとコンピュータデバイス２２００の前面との間の距離が徐々に小さくなることを検出する場合、プロセッサ２２０１は、スクリーンオン状態からスクリーンオフ状態に切り替えるようにタッチディスプレイスクリーン２２０５を制御し、近接センサ２２１６がユーザとコンピュータデバイス２２００の前面との間の距離が徐々に大きくなることを検出する場合、プロセッサ２２０１は、スクリーンオフ状態からスクリーンオン状態に切り替えるようにタッチディスプレイスクリーン２２０５を制御する。

【0192】

当業者であれば、図２１に示す構造がコンピュータデバイス２１００を限定するためのものではなく、図示するものよりも多く又は少ないコンポーネントを備えることができ、又はいくつかのコンポーネントを組み合わせることができ、又は、異なるコンポーネント配置を採用することができることを理解することができる。

【0193】

本出願はコンピュータデバイスをさらに提供する。当該コンピュータデバイスは、プロセッサとメモリとを備え、当該メモリには少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットが記憶されており、少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットは、上記の各方法の実施例で提供されるミニプログラムのデータバインディング方法を実現するためにプロセッサによってロードされて実行される。

【0194】

本出願はコンピュータ可読記憶媒体をさらに提供する。当該記憶媒体には少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットが記憶されており、少なくとも１つの命令、少なくとも１つのプログラム、コードセット又は命令セットは、上記の各方法の実施例で提供されるミニプログラムのデータバインディング方法を実現するために前記プロセッサによってロードされて実行される。

【0195】

本出願は、コンピュータプログラム製品又はコンピュータプログラムをさらに提供する。上記のコンピュータプログラム製品又はコンピュータプログラムは、コンピュータ命令を含み、上記のコンピュータ命令は、コンピュータ可読記憶媒体に記憶される。コンピュータデバイスのプロセッサは、コンピュータ可読記憶媒体から上記のコンピュータ命令を読み取り、プロセッサは、上記のコンピュータデバイスが上記の１つの態様の様々な任意の実施形態で提供されるミニプログラムのデータバインディング方法を実行するように、上記のコンピュータ命令を実行する。

【0196】

本明細書で言及される「複数」が２つ又は２つ以上を意味することを理解すべきである。「及び／又は」は、関連するオブジェクトの関連関係を記述するためのものであり、３種類の関係が存在してもよいことを示し、Ａ及び／又はＢは、Ａが単独で存在すること、ＡとＢが同時に存在すること、Ｂが単独で存在することの３つの状況を示すことができる。文字「／」は、一般的に前後にある関連オブジェクトが「又は」の関係であることを示す。

【0197】

当業者であれば、上記の実施例の全て又は一部のステップを実現することがハードウェアによって完了されてもよく、関連するハードウェアをプログラムで指示することで完了されてもよいことを理解でき、前記プログラムは、コンピュータ可読記憶媒体に記憶されてもよく、上記の記憶媒体は読み取り専用メモリ、磁気ディスク又は光ディスクなどであってもよい。

【0198】

上記は本出願の任意の実施例に過ぎず、本出願を限定するためのものではなく、本出願の精神及び原則の範囲内で行われるいかなる変更、同等の置き換え、改良等も本出願の保護範囲に含まれるべきである。

【符号の説明】

【0199】

１０ ミニプログラム作成インターフェース
１１ ミニプログラム作成インターフェース
１２ データバインディングインターフェース
１３ バインディングインターフェース
１４ 再度バインディングインターフェース
１５ バインディング改修操作インターフェース
１６ ミニプログラム作成インターフェース
１７ ミニプログラムプレビュープロンプトインターフェース
１８ 作成インターフェース
１９ データバインディングインターフェース
２０ プレビューインターフェース
２１ 論理的構成インターフェース
１００ コンピュータシステム
１０１ パネル領域
１０２ 編集領域
１０３ ピクチャコントロールコンポーネント
１０４ タイトルコントロールコンポーネント
１０５ コンテンツコントロールコンポーネント
１０６ 属性オプション
１０７ データバインディングオプション
１０８ 削除オプション
１０９ 他オプション
１１１ 操作オプション
１１２ ピクチャ変更オプション
１２０ 第１端末
１２１ データテーブルバインディング状態
１２２ データテーブル作成オプション
１２３ データテーブル
１２４ 保存オプション
１２５ キャンセルオプション
１２７ 候補データフィールド
１２８ データフィールド
１２９ プレビューコントロール
１３０ プレビュープロンプト情報
１４０ タイトルコントロールコンポーネント
１４２ メモリ
１４４ プロセッサ
１６０ 第２端末
１６１ オペレーティングシステム
１６２ ホストプログラム
１６２ａ ホストプログラムネイティブユニット
１６４ ミニプログラム
１６４ａ ミニプログラムビューレイヤーユニット
１６４ｂ ミニプログラムロジックレイヤーユニット

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】

【図21】

【図22】