為了更好地理解上述技術方案，下面透過圖式以及具體實施例對本說明書實施例的技術方案做詳細的說明，應當理解本說明書實施例以及實施例中的具體特徵是對本說明書實施例技術方案的詳細的說明，而不是對本說明書技術方案的限定，在不衝突的情況下，本說明書實施例以及實施例中的技術特徵可以相互組合。
第一態樣，本說明書實施例提供一種小程式產生方法。所述小程式產生方法應用於伺服器，所述伺服器可以是獨立的伺服器，也可以是由多個伺服器組成的伺服器集群。圖1是所述小程式產生方法的流程圖，所述小程式產生方法包括步驟S101至步驟S104。
步驟S101，接收範本選擇請求。
具體地，小程式是一種不需要下載和安裝就可以直接使用的應用程式，用戶可以透過掃描圖形碼(例如，二維碼或條碼等)或者透過搜尋引擎進行搜索就可以直接打開並使用小程式。本說明書實施例透過設置範本資料庫，在所述範本資料庫中儲存多個小程式範本供用戶選擇，其中，所述小程式範本為未進行頁面配置的小程式。所述範本選擇請求用於請求從所述範本資料庫中選擇目標範本，所述目標範本為用戶想要選擇的任意一個小程式範本。由於各個小程式範本具有不同的軟體架構，為對不同的小程式範本進行區分，可以預先為每個小程式範本設置對應的標識。因此，所述範本選擇請求可以包括所述目標範本的標識。
所述範本選擇請求可以由用戶透過終端設備的輸入裝置來產生，由所述終端設備發送給所述伺服器。所述終端設備可以為個人電腦、智慧型手機、平板電腦、桌上型電腦、一體式電腦等終端設備，所述輸入裝置可以為滑鼠、鍵盤、觸控螢幕或者語音輸入設備等。例如，若所述輸入裝置為滑鼠，可以透過所述終端設備的顯示裝置向用戶展示一個以上選擇按鈕，每個選擇按鈕對應一個小程式範本，當用戶採用滑鼠來點擊某個選擇按鈕時，即產生了該選擇按鈕對應的小程式範本對應的標識；又例如，若所述輸入裝置為鍵盤，可以透過所述終端設備的顯示裝置向用戶展示輸入區域，當用戶採用鍵盤在所述輸入區域輸入相應的選擇指令時，例如輸入“購物範本”、“加值範本”等選擇指令時，即產生了該選擇指令對應的小程式範本對應的標識。
步驟S102，根據所述範本選擇請求從範本資料庫中選擇目標範本，所述範本資料庫用於儲存一個以上小程式範本。
具體地，接收到所述範本選擇請求後，可以將所述目標範本對應的標識與所述範本資料庫中每個小程式範本對應的標識進行比對；若所述目標範本對應的標識與所述範本資料庫中某個小程式範本對應的標識匹配，則從所述範本資料庫中選擇該小程式範本作為所述目標範本。在本說明書實施例中，所述範本資料庫用於儲存一個以上小程式範本。需要說明的是，所述小程式範本可以由小程式開發方來開發，也可以由商家來開發，還可以由小程式開發方和商家來共同開發。
步驟S103，接收針對所述目標範本的頁面配置資訊。
具體地，所述頁面配置資訊用於確定目標小程式的頁面樣式，所述目標小程式為最終獲得的小程式，所述頁面樣式包括但不限於按鈕背景色、按鈕內容、視窗背景色、視窗內容、清單背景色以及清單內容等。所述頁面配置資訊的具體內容根據用戶實際需求來確定，本說明書實施例對此不進行限定。與所述範本選擇請求的產生類似，所述頁面配置資訊可以由用戶透過終端設備的輸入裝置來產生，所述輸入裝置可以為滑鼠、鍵盤、觸控螢幕或者語音輸入設備等。
例如，對於確定所述目標小程式的按鈕背景色、視窗背景色以及清單背景色等頁面樣式的頁面配置資訊，可以透過所述終端設備的顯示裝置向用戶展示需要配置的頁面樣式，每個頁面樣式對應多個配置選項。以頁面樣式為視窗背景色為例，該頁面樣式對應的多個配置選項可以為白色、紅色、黑色等顏色，當用戶採用滑鼠來點擊某個配置選項時，即產生了所述頁面配置資訊。又例如，對於確定所述目標小程式的按鈕內容、視窗內容以及清單內容等頁面樣式的頁面配置資訊，可以透過所述終端設備的顯示裝置向用戶展示需要配置的頁面樣式，每個頁面樣式對應一個輸入區域。以頁面樣式為視窗內容為例，當用戶在視窗內容對應的輸入區域輸入相關的文字時，即產生了所述頁面配置資訊。
步驟S104，根據所述頁面配置資訊對所述目標範本進行配置，獲得目標小程式。
在小程式開發過程中，程式都是以代碼的形式而存在的，所述目標範本也是以代碼的形式而存在。因此，在接收到所述頁面配置資訊後，將所述頁面配置資訊添加至所述目標範本中的預設位置，即完成了對所述目標範本的配置，獲得所述目標小程式。
本說明書實施例提供的小程式產生方法，由於所有小程式範本是預先創建好的，在小程式創建時只需要根據商家提供的頁面配置資訊來進行頁面配置，因而在實現小程式的資料展示、樣式差異化等能力的同時，對於商家來說降低了小程式的開發難度，能夠快速地打造屬於商家自己的小程式，從而縮短了小程式的開發週期，降低了小程式的開發成本。
在一種可選實現方式中，在所述獲得目標小程式之後，還包括：將所述目標小程式發布至小程式平台；或者，將所述目標小程式發送至終端設備。透過直接將所述目標小程式發布至小程式平台，可以由小程式開發方完成發布流程，適用於不具有開發能力的商家；而透過將所述目標小程式發送至終端設備，可以由具有開發能力的商家自己對所述目標小程式進行管理和發布。
在一種可選實現方式中，所述小程式範本可以透過圖2所示的流程獲得。
步驟S201，接收組件選擇請求。
具體地，小程式是由組件所構成，所述組件包括但不限於按鈕、輸入框、清單、彈出視窗以及日期選擇器等。每個組件可以單獨使用，也可以和其他組件組合起來共同使用。例如，按鈕可以根據用戶的點擊動作來打開一個清單。對於組成具有純介面的小程式範本的各個組件，其是單獨使用的。本說明書實施例透過設置組件資料庫，在所述組件資料庫中儲存多個組件供用戶選擇。所述組件選擇請求用於請求從所述組件資料庫中選擇目標組件，所述目標組件為用戶想要選擇的任意一個或多個組件。為對不同的組件進行區分，可以預先為每個組件設置對應的標識。因此，所述組件選擇請求可以包括所述目標組件的標識。
與所述範本選擇請求的產生類似，所述組件選擇請求可以由用戶透過終端設備的輸入裝置來產生，所述輸入裝置可以為滑鼠、鍵盤、觸控螢幕或者語音輸入設備等。例如，若所述輸入裝置為滑鼠，可以透過所述終端設備的顯示裝置向用戶展示一個以上選擇按鈕，每個選擇按鈕對應一個組件，當用戶採用滑鼠來點擊某個選擇按鈕時，即產生了該選擇按鈕對應的組件對應的標識；又例如，若所述輸入裝置為鍵盤，可以透過所述終端設備的顯示裝置向用戶展示輸入區域，當用戶採用鍵盤在所述輸入區域輸入相應的選擇指令時，例如輸入“按鈕”、“清單”等選擇指令時，即產生了該選擇指令對應的組件對應的標識。
步驟S202，根據所述組件選擇請求從組件資料庫中選擇目標組件，所述組件資料庫用於儲存一個以上組件。
具體地，接收到所述組件選擇請求後，可以將所述目標組件對應的標識與所述組件資料庫中每個組件對應的標識進行比對；若所述目標組件對應的標識與所述組件資料庫中某個組件對應的標識匹配，則從所述組件資料庫中選擇該組件作為所述目標組件。需要說明的是，所述一個以上組件可以由小程式開發方來開發，也可以由商家來開發。通常，一個小程式都是由一系列組件所構成，因此在創建小程式範本時也需要選擇多個組件。在一種可選實現方式中，可以透過多次重複執行步驟S201和步驟S202，每執行一次步驟S201和步驟S202就從所述組件資料庫中選擇一個相應的組件。在另一種可選實現方式中，所述組件選擇請求可以包括兩個以上組件對應的標識，根據兩個以上組件對應的標識，一次性地從所述組件資料庫中選擇兩個以上相應的組件，本說明書實施例對此不進行限定。
步驟S203，對所述目標組件進行組合，獲得具有純介面的小程式範本或者業務範本，其中，所述業務範本具有互動式介面。
不同組件在小程式介面所處的位置也是不一樣的，每個組件在小程式介面所處的位置可以在組件開發時預先進行設定。在對所述目標組件進行組合時，可以按照每個組件在小程式介面所處的位置進行組合。在一種可選實現方式中，在對所述目標組件進行組合時，還可以即時顯示所述小程式範本。透過即時顯示所述小程式範本，當用戶對所述組件的目前所處位置不滿意的時候，可以透過拖曳的方式來改變所述組件在小程式介面所處的位置。
進一步地，根據所述目標組件組合構成的小程式範本是否帶有業務流程，可以將所述小程式範本歸為兩類：一類是具有純介面的小程式範本，僅僅有視覺介面的呈現，組成所述具有純介面的小程式範本的各個組件之間無法建構關聯關係；另一類是業務範本，所述業務範本具有互動式介面，帶有業務流程，組成所述業務範本的各個組件之間可以建構關聯關係。
步驟S204，將所述具有純介面的小程式範本或者所述業務範本保存至所述範本資料庫。
所述具有純介面的小程式範本可以直接被選擇作為所述目標範本，而所述業務範本需要用戶把範本下載，自己增加業務屬性，例如增加介面資料請求、頁面跳轉等業務邏輯。因此，在一種可選實現方式中，所述小程式範本可以透過圖3所示的流程來獲得。
步驟S301，在將所述業務範本保存至所述範本資料庫之後，接收範本下載請求。
所述範本下載請求用於請求從所述範本資料庫中下載所述業務範本，與所述範本選擇請求類似，所述範本下載請求可以包括用戶想要下載的業務範本對應的標識。具體地，所述範本下載請求可以由用戶透過個人電腦、智慧型手機、平板電腦、桌上型電腦、一體式電腦等終端設備的輸入裝置來產生，所述輸入裝置可以為滑鼠、鍵盤、觸控螢幕或者語音輸入設備等。例如，若所述輸入裝置為滑鼠，可以透過所述終端設備的顯示裝置向用戶展示一個以上下載按鈕，每個下載按鈕對應一個業務範本，當用戶採用滑鼠來點擊某個選擇按鈕時，即產生了該選擇按鈕對應的業務範本對應的標識；又例如，若所述輸入裝置為鍵盤，可以透過所述終端設備的顯示裝置向用戶展示輸入區域，當用戶採用鍵盤在所述輸入區域輸入相應的下載指令時，例如輸入“購物範本”、“加值範本”等下載指令時，即產生了該選擇指令對應的業務範本對應的標識。
步驟S302，根據所述範本下載請求將所述業務範本發送給終端設備。
具體地，接收到所述範本下載請求後，可以將用戶想要下載的業務範本對應的標識與所述範本資料庫中每個小程式範本對應的標識進行比對；若用戶想要下載的業務範本的標識與所述範本資料庫中某個小程式範本對應的身份標識匹配，則從所述範本資料庫中選擇該小程式範本作為用戶想要下載的業務範本的標識，將所述業務範本發送給終端設備。
步驟S303，接收所述終端設備返回的調整後的業務範本，其中，所述調整後的業務範本是所述終端設備根據預設業務邏輯對所述業務範本中各個組件進行關聯而得到的。
由於各個組件可以根據用戶的操作指令執行相應的事件，因此每個組件都具有各自的基本邏輯功能。根據組件的基本邏輯功能，商家的開發人員可以根據需要小程式實現的功能，將組件之間的關係進行組合，也就是確定出各個組件之間的關聯關係。例如，針對購物小程式，涉及商品評價按鈕和評價輸入框等組件，當用戶想要對某個商品進行評價時，可以透過點擊商品評價按鈕，介面上就會出現評價輸入框，透過在所述評價輸入框內輸入評價內容，實現對商品的點評。由上述舉例可以看出，商品評價按鈕組件和評價輸入框組件之間存在關聯關係。對所述業務範本中各個組件進行關聯，就是將所述業務範本中各個組件的關聯關係產生邏輯代碼。本領域技術人員知曉如何建立各個組件之間的關聯關係，在此不再贅述。對所述業務範本中各個組件進行關聯後，就獲得了所述調整後的業務範本，所述終端設備將所述調整後的業務範本上傳至所述伺服器。
步驟S304，將所述調整後的業務範本保存至所述範本資料庫。
在一種可選實現方式中，在所述根據所述頁面配置資訊對所述目標範本進行配置時，還可以即時顯示所述目標小程式。圖4是所述即時顯示所述目標小程式的流程圖，所述即時顯示所述目標小程式包括步驟S401至步驟S405。
步驟S401，接收所述目標範本中各個組件對應的組件資訊。
在對所述目標範本進行配置的過程中，若用戶想要即時顯示所述目標小程式，可以透過終端設備向所述伺服器發送所述目標範本中各個組件對應的組件資訊，所述組件資訊通常組裝成json格式的字串傳輸。
步驟S402，根據所述組件資訊獲得所述目標範本中各個組件對應的組件代碼。
在接收到所述組件資訊後，由於所述組件資訊是json格式的字串，因而需要對json格式的字串進行解析，解析後獲得所述組件資訊。獲得所述組件資訊後，根據所述組件資訊拉取所述目標範本中各個組件對應的組件代碼。
步驟S403，將所述組件代碼封裝成應用程式。
在本實施例中，組件是透過react來開發，因而可以透過react來封裝編譯框架，將所述組件代碼封裝成一個小型的應用程式。
步驟S404，為所述應用程式產生URL位址。
封裝完成之後，啟動dev-server服務，產生一個本地服務，產生所述應用程式的URL位址。
步驟S405，將所述URL位址發送至終端設備，由所述終端設備根據所述URL位址來存取所述目標小程式對應的頁面。
將所述URL位址發送至終端設備後，用戶可以在本地存取所述目標小程式對應的頁面，實現所述目標小程式的即時顯示。
需要說明的是，本說明書實施例提供的小程式範本創建方法，組件的創建和範本的創建都是面向三方的，也就是說允許任何開發者、工程師以及營運人員來共同創建組件或者小程式範本，實現組件和小程式範本共用。
第二態樣，基於同樣的發明構思，本說明書實施例提供一種小程式產生裝置。所述小程式產生裝置包括：
第一接收模組，用於接收範本選擇請求；
第一選擇模組，用於根據所述範本選擇請求從範本資料庫中選擇目標範本，所述範本資料庫用於儲存一個以上小程式範本；
第二接收模組，用於接收針對所述目標範本的頁面配置資訊；
配置模組，用於根據所述頁面配置資訊對所述目標範本進行配置，獲得目標小程式。
在一種可選實現方式中，所述小程式產生裝置還包括：
第三接收模組，用於接收組件選擇請求；
第二選擇模組，用於根據所述組件選擇請求從組件資料庫中選擇目標組件，所述組件資料庫用於儲存一個以上組件；
組合模組，用於對所述目標組件進行組合，獲得具有純介面的小程式範本或者業務範本，其中，所述業務範本具有互動式介面；
第一保存模組，用於將所述具有純介面的小程式範本或者所述業務範本保存至所述範本資料庫。
在一種可選實現方式中，所述小程式產生裝置還包括：
第四接收模組，用於在將所述業務範本保存至所述範本資料庫之後，接收範本下載請求；
第一發送模組，用於根據所述範本下載請求將所述業務範本發送給終端設備；
第五接收模組，用於接收所述終端設備返回的調整後的業務範本，其中，所述調整後的業務範本是所述終端設備根據預設業務邏輯對所述業務範本中各個組件進行關聯而得到的；
第二保存模組，用於將所述調整後的業務範本保存至所述範本資料庫。
在一種可選實現方式中，所述小程式產生裝置還包括：
顯示模組，用於在所述根據所述頁面配置資訊對所述目標範本進行配置時，即時顯示所述目標小程式。
在一種可選實現方式中，所述顯示模組包括：
第六接收模組，用於接收所述目標範本中各個組件對應的組件資訊；
組件資訊獲得模組，用於根據所述組件資訊獲得所述目標範本中各個組件對應的組件代碼；
封裝模組，用於將所述組件代碼封裝成應用程式；
位址產生模組，用於為所述應用程式產生URL位址；
第二發送模組，用於將所述URL位址發送至終端設備，由所述終端設備根據所述URL位址來存取所述目標小程式對應的頁面。
在一種可選實現方式中，所述小程式產生裝置還包括：
發布模組，用於將所述目標小程式發布至小程式平台；或者，
第三發送模組，用於將所述目標小程式發送至終端設備。
第三態樣，基於與前述實施例中小程式產生方法同樣的發明構思，本說明書實施例還提供一種電腦設備，如圖5所示。所述電腦設備包括記憶體504、處理器502以及儲存在所述記憶體504上並可在所述處理器502上運行的電腦程式，所述處理器502執行所述電腦程式時實現前述實施例中小程式產生方法的步驟。
在圖5中，匯流排架構用匯流排500來代表，匯流排500可以包括任意數量的互聯的匯流排和橋，匯流排500將包括由處理器502代表的一個或多個處理器和記憶體504代表的記憶體的各種電路連結在一起。匯流排500還可以將諸如周邊設備、穩壓器和功率管理電路等之類的各種其他電路連結在一起，這些都是本領域所公知的，因此，本文不再對其進行進一步描述。匯流排介面505在匯流排500和接收器501和發送器503之間提供介面。接收器501和發送器503可以是同一個元件，即收發機，提供用於在傳輸媒體上與各種其他裝置通訊的單元。處理器502負責管理匯流排500和通常的處理，而記憶體504可以被用於儲存處理器502在執行操作時所使用的資料。
第四態樣，基於與前述實施例中小程式產生方法同樣的發明構思，本說明書實施例還提供一種電腦可讀儲存媒體，其上儲存有電腦程式，該程式被處理器執行時實現前述實施例中小程式產生方法的步驟。
本說明書是參照根據本說明書實施例的方法、設備(系統)、和電腦程式產品的流程圖和／或方塊圖來描述的。應理解可由電腦程式指令實現流程圖和／或方塊圖中的每一個流程和／或方塊、以及流程圖和／或方塊圖中的流程和／或方塊的結合。可提供這些電腦程式指令到通用電腦、專用電腦、嵌入式處理機或其他可編程資料處理設備的處理器以產生一個機器，使得透過電腦或其他可編程資料處理設備的處理器執行的指令產生用於實現在流程圖中的一個流程或多個流程和／或方塊圖中的一個方塊或多個方塊中指定的功能的設備。
這些電腦程式指令也可被儲存在能引導電腦或其他可編程資料處理設備以特定方式操作的電腦可讀記憶體中，使得儲存在該電腦可讀記憶體中的指令產生包括指令設備的製造品，該指令設備實現在流程圖中的一個流程或多個流程和／或方塊圖中的一個方塊或多個方塊中指定的功能。
這些電腦程式指令也可被裝載到電腦或其他可編程資料處理設備上，使得在電腦或其他可編程設備上執行一系列操作步驟以產生電腦實現的處理，從而在電腦或其他可編程設備上執行的指令提供用於實現在流程圖中的一個流程或多個流程和／或方塊圖中的一個方塊或多個方塊中指定的功能的步驟。
儘管已描述了本說明書的較佳實施例，但本領域內的技術人員一旦得知了基本創造性概念，則可對這些實施例作出另外的變更和修改。所以，所附申請專利範圍意欲解釋為包括較佳實施例以及落入本說明書範圍中的所有變更和修改。
顯然，本領域的技術人員可以對本說明書進行各種改動和變型而不脫離本說明書的精神和範圍。這樣，倘若本說明書的這些修改和變型屬於本說明書申請專利範圍及其等同技術的範圍之內，則本說明書也意圖包含這些改動和變型在內。
In order to better understand the above technical solutions, the technical solutions of the embodiments of this specification are described in detail below through the drawings and specific embodiments. It should be understood that the embodiments of this specification and the specific features in the embodiments are the technical solutions of the embodiments of this specification. The detailed description is not a limitation on the technical solution of this specification. The embodiments of this specification and the technical features in the embodiments can be combined with each other if there is no conflict.
In the first aspect, the embodiment of this specification provides a method for generating a small program. The applet generating method is applied to a server, and the server can be an independent server or a server cluster composed of multiple servers. FIG. 1 is a flowchart of the method for generating the small program. The method for generating the small program includes steps S101 to S104.
Step S101: Receive a template selection request.
Specifically, a mini program is an application that can be used directly without downloading and installation. Users can directly open and use the mini program by scanning the graphic code (for example, a QR code or barcode, etc.) or searching through a search engine. . In the embodiment of this specification, by setting a template database, a plurality of small program templates are stored in the template database for the user to select, wherein the small program templates are small programs without page configuration. The template selection request is used to request a target template to be selected from the template database, and the target template is any small program template that the user wants to select. Since each small program template has a different software structure, in order to distinguish between different small program templates, a corresponding logo can be set for each small program template in advance. Therefore, the template selection request may include the identification of the target template.
The template selection request may be generated by the user through the input device of the terminal device, and sent by the terminal device to the server. The terminal device may be a personal computer, a smart phone, a tablet computer, a desktop computer, an all-in-one computer, and other terminal devices, and the input device may be a mouse, a keyboard, a touch screen, or a voice input device. For example, if the input device is a mouse, more than one selection buttons can be displayed to the user through the display device of the terminal device. Each selection button corresponds to a small program template. When the user clicks a selection button with a mouse , That is, the identification corresponding to the small program template corresponding to the selection button is generated; for another example, if the input device is a keyboard, the input area can be displayed to the user through the display device of the terminal device. When the user uses the keyboard to enter the input When the corresponding selection instruction is input in the area, for example, when the selection instruction such as "shopping template", "additional template", etc. is input, the logo corresponding to the small program template corresponding to the selection instruction is generated.
In step S102, a target template is selected from a template database according to the template selection request, and the template database is used to store more than one small program template.
Specifically, after receiving the template selection request, the logo corresponding to the target template can be compared with the logo corresponding to each applet template in the template database; if the logo corresponding to the target template matches the logo If the identifier corresponding to a certain applet template in the template database matches, the applet template is selected from the template database as the target template. In the embodiment of this specification, the template database is used to store more than one applet template. It should be noted that the mini-program template can be developed by the mini-program developer, can also be developed by the merchant, and can also be jointly developed by the mini-program developer and the merchant.
Step S103, receiving page configuration information for the target template.
Specifically, the page configuration information is used to determine the page style of the target applet, the target applet being the finally obtained applet, and the page style includes but not limited to button background color, button content, window background color, window Content, background color of the list, and list content, etc. The specific content of the page configuration information is determined according to the actual needs of the user, which is not limited in the embodiment of this specification. Similar to the generation of the template selection request, the page configuration information can be generated by the user through an input device of a terminal device, and the input device can be a mouse, a keyboard, a touch screen, or a voice input device.
For example, for page configuration information that determines page styles such as the button background color, window background color, and list background color of the target applet, the page style that needs to be configured can be displayed to the user through the display device of the terminal device. The style corresponds to multiple configuration options. Taking the page style as the window background color as an example, the multiple configuration options corresponding to the page style can be white, red, black and other colors. When the user clicks on a configuration option with a mouse, the page configuration information is generated . For another example, for page configuration information that determines page styles such as button content, window content, and list content of the target applet, the page style that needs to be configured can be displayed to the user through the display device of the terminal device, and each page style corresponds to An input area. Taking the page style as the window content as an example, when the user inputs relevant text in the input area corresponding to the window content, the page configuration information is generated.
Step S104: Configure the target template according to the page configuration information to obtain a target applet.
In the process of small program development, the program exists in the form of code, and the target template also exists in the form of code. Therefore, after the page configuration information is received, the page configuration information is added to the preset position in the target template, that is, the configuration of the target template is completed, and the target applet is obtained.
In the mini program generation method provided in the embodiments of this specification, all mini program templates are pre-created. When the mini program is created, only the page configuration information provided by the merchant is required to configure the page. Therefore, the display of data in the mini program is implemented. With the ability to differentiate styles, it also reduces the difficulty of small program development for merchants, and can quickly create their own small programs, thereby shortening the development cycle of small programs and reducing the development cost of small programs.
In an optional implementation manner, after the obtaining of the target applet, the method further includes: publishing the target applet to the applet platform; or, sending the target applet to a terminal device. By directly publishing the target mini program to the mini program platform, the mini program developer can complete the publishing process, which is suitable for merchants who do not have the development ability; and by sending the target mini program to the terminal device, the developer can complete the publishing process. Competent merchants manage and publish the target mini programs themselves.
In an optional implementation manner, the small program template can be obtained through the process shown in FIG. 2.
Step S201: Receive a component selection request.
Specifically, the applet is composed of components, which include, but are not limited to, buttons, input boxes, lists, pop-up windows, and date pickers. Each component can be used alone or in combination with other components. For example, a button can open a list based on the user's click action. For each component that composes a small program template with a pure interface, it is used separately. In the embodiment of this specification, a component database is set, and multiple components are stored in the component database for the user to select. The component selection request is used to request to select a target component from the component database, and the target component is any one or more components that the user wants to select. In order to distinguish different components, a corresponding identification can be set for each component in advance. Therefore, the component selection request may include the identification of the target component.
Similar to the generation of the template selection request, the component selection request may be generated by the user through the input device of the terminal device, and the input device may be a mouse, a keyboard, a touch screen, or a voice input device. For example, if the input device is a mouse, more than one selection button can be displayed to the user through the display device of the terminal device, and each selection button corresponds to a component. When the user clicks a selection button with a mouse, that is, The corresponding identification of the component corresponding to the selection button is generated; for another example, if the input device is a keyboard, the input area can be displayed to the user through the display device of the terminal device. When the user uses the keyboard to input the corresponding input area in the input area When selecting an instruction, for example, inputting a selection instruction such as "button", "list", etc., an identifier corresponding to the component corresponding to the selection instruction is generated.
In step S202, a target component is selected from a component database according to the component selection request, and the component database is used to store more than one component.
Specifically, after receiving the component selection request, the identifier corresponding to the target component can be compared with the identifier corresponding to each component in the component database; if the identifier corresponding to the target component is compared with the component If the identifier corresponding to a certain component in the database matches, the component is selected from the component database as the target component. It should be noted that the one or more components can be developed by a small program developer or a merchant. Usually, a small program is composed of a series of components, so when creating a small program template, you also need to select multiple components. In an alternative implementation manner, step S201 and step S202 can be repeatedly executed multiple times, and a corresponding component is selected from the component database every time step S201 and step S202 are executed. In another alternative implementation manner, the component selection request may include identifications corresponding to more than two components, and according to the identifications corresponding to the two or more components, two or more corresponding components are selected from the component database at one time The embodiments of this specification do not limit this.
Step S203: Combine the target components to obtain a small program template or a business template with a pure interface, wherein the business template has an interactive interface.
The position of different components in the small program interface is also different. The position of each component in the small program interface can be preset during component development. When combining the target components, they can be combined according to the position of each component in the applet interface. In an optional implementation manner, when the target components are combined, the small program template can also be displayed in real time. By displaying the small program template in real time, when the user is not satisfied with the current position of the component, the position of the component on the small program interface can be changed by dragging.
Further, according to whether the applet template formed by the target component combination has a business process, the applet template can be classified into two types: one type is an applet template with a pure interface, which only presents a visual interface and constitutes The various components of the small program template with a pure interface cannot establish an association relationship; the other is a business template, which has an interactive interface with a business process, and the various components that make up the business template can be Construct an association relationship.
Step S204, saving the small program template with pure interface or the business template to the template database.
The small program template with a pure interface can be directly selected as the target template, and the business template requires users to download the template and add business attributes by themselves, such as adding business logic such as interface data request and page jump. Therefore, in an optional implementation manner, the small program template can be obtained through the process shown in FIG. 3.
Step S301, after saving the business template in the template database, receive a template download request.
The template download request is used to request to download the service template from the template database. Similar to the template selection request, the template download request may include an identifier corresponding to the service template that the user wants to download. Specifically, the template download request may be generated by the user through an input device of a terminal device such as a personal computer, a smart phone, a tablet computer, a desktop computer, an all-in-one computer, etc. The input device may be a mouse, a keyboard, Touch screen or voice input device, etc. For example, if the input device is a mouse, more than one download button can be displayed to the user through the display device of the terminal device. Each download button corresponds to a business template. When the user clicks a selection button with the mouse, That is, the identification corresponding to the business template corresponding to the selection button is generated; for another example, if the input device is a keyboard, the input area can be displayed to the user through the display device of the terminal device, and when the user uses the keyboard to input in the input area When the corresponding download instruction is input, for example, when a download instruction such as "shopping template" or "value-added template" is input, an identifier corresponding to the business template corresponding to the selection instruction is generated.
Step S302: Send the service template to the terminal device according to the template download request.
Specifically, after receiving the template download request, the identifier corresponding to the business template that the user wants to download can be compared with the identifier corresponding to each small program template in the template database; if the user wants to download the business If the identity of the template matches the identity of a certain applet template in the template database, the applet template is selected from the template database as the identity of the business template that the user wants to download, and the business template Send to the terminal device.
Step S303: Receive an adjusted service template returned by the terminal device, where the adjusted service template is obtained by the terminal device associating each component in the service template according to preset service logic.
Since each component can execute corresponding events according to the user's operating instructions, each component has its own basic logic function. According to the basic logic function of the component, the developer of the merchant can combine the relationship between the components according to the functions that need to be implemented by the small program, that is, determine the association relationship between the various components. For example, for a shopping applet, involving components such as product evaluation buttons and evaluation input boxes, when users want to evaluate a product, they can click the product evaluation button, and the evaluation input box will appear on the interface. Enter the evaluation content in the evaluation input box to realize the comment on the product. It can be seen from the above examples that there is an association relationship between the product evaluation button component and the evaluation input box component. Associating each component in the business template is to generate logic codes for the association relationship of each component in the business template. Those skilled in the art know how to establish the association relationship between the various components, which will not be repeated here. After associating each component in the service template, the adjusted service template is obtained, and the terminal device uploads the adjusted service template to the server.
Step S304: Save the adjusted business template to the template database.
In an optional implementation manner, when the target template is configured according to the page configuration information, the target applet can also be displayed in real time. 4 is a flowchart of the real-time display of the target applet, and the real-time display of the target applet includes steps S401 to S405.
Step S401, receiving component information corresponding to each component in the target template.
In the process of configuring the target template, if the user wants to display the target applet in real time, he can send the component information corresponding to each component in the target template to the server through the terminal device. The component information Usually assembled into a string of json format for transmission.
Step S402: Obtain the component code corresponding to each component in the target template according to the component information.
After receiving the component information, since the component information is a string in json format, it is necessary to parse the string in json format, and obtain the component information after parsing. After the component information is obtained, the component code corresponding to each component in the target template is pulled according to the component information.
In step S403, the component code is packaged into an application program.
In this embodiment, the component is developed through react, so react can be used to encapsulate the compilation framework, and the component code can be packaged into a small application.
Step S404: Generate a URL address for the application program.
After the encapsulation is completed, the dev-server service is started, a local service is generated, and the URL address of the application program is generated.
Step S405, the URL address is sent to a terminal device, and the terminal device accesses the page corresponding to the target applet according to the URL address.
After the URL address is sent to the terminal device, the user can access the page corresponding to the target applet locally to realize the real-time display of the target applet.
It should be noted that the method for creating small program templates provided in the embodiments of this specification, the creation of components and the creation of templates are oriented to three parties, which means that any developer, engineer, and operator are allowed to jointly create components or small program templates. , To realize the sharing of components and small program templates.
In the second aspect, based on the same inventive concept, an embodiment of this specification provides a small program generating device. The small program generating device includes:
The first receiving module is used to receive a template selection request;
The first selection module is configured to select a target template from a template database according to the template selection request, and the template database is used to store more than one small program template;
The second receiving module is configured to receive page configuration information for the target template;
The configuration module is used to configure the target template according to the page configuration information to obtain a target applet.
In an optional implementation manner, the small program generating device further includes:
The third receiving module is used to receive a component selection request;
The second selection module is configured to select a target component from a component database according to the component selection request, and the component database is used to store more than one component;
The combination module is used to combine the target components to obtain a small program template or a business template with a pure interface, wherein the business template has an interactive interface;
The first saving module is used to save the small program template with a pure interface or the business template to the template database.
In an optional implementation manner, the small program generating device further includes:
The fourth receiving module is configured to receive a template download request after saving the business template in the template database;
The first sending module is configured to send the service template to the terminal device according to the template download request;
The fifth receiving module is configured to receive the adjusted service template returned by the terminal device, where the adjusted service template is that the terminal device associates each component in the service template according to preset service logic And got
The second saving module is used to save the adjusted business template to the template database.
In an optional implementation manner, the small program generating device further includes:
The display module is used to display the target applet in real time when the target template is configured according to the page configuration information.
In an optional implementation manner, the display module includes:
The sixth receiving module is used to receive component information corresponding to each component in the target template;
The component information obtaining module is used to obtain the component code corresponding to each component in the target template according to the component information;
The packaging module is used to package the component code into an application program;
The address generating module is used to generate a URL address for the application program;
The second sending module is used for sending the URL address to a terminal device, and the terminal device accesses the page corresponding to the target applet according to the URL address.
In an optional implementation manner, the small program generating device further includes:
The publishing module is used to publish the target applet to the applet platform; or,
The third sending module is used to send the target applet to the terminal device.
In the third aspect, based on the same inventive concept as the applet generating method in the foregoing embodiment, an embodiment of this specification also provides a computer device, as shown in FIG. 5. The computer equipment includes a memory 504, a processor 502, and a computer program stored on the memory 504 and running on the processor 502. The processor 502 implements the foregoing embodiments when the computer program is executed. Steps of the method for generating small and medium programs.
In Figure 5, the bus architecture is represented by a bus 500. The bus 500 can include any number of interconnected buses and bridges. The bus 500 will include one or more processors and memories represented by the processor 502. The various circuits of the memory represented by 504 are connected together. The bus bar 500 can also connect various other circuits such as peripheral devices, voltage regulators, and power management circuits, which are all known in the art, and therefore, no further descriptions thereof are provided herein. The bus interface 505 provides an interface between the bus 500 and the receiver 501 and the transmitter 503. The receiver 501 and the transmitter 503 may be the same component, that is, a transceiver, which provides a unit for communicating with various other devices on the transmission medium. The processor 502 is responsible for managing the bus 500 and general processing, and the memory 504 can be used to store data used by the processor 502 when performing operations.
In the fourth aspect, based on the same inventive concept as the mini-program generation method in the foregoing embodiment, an embodiment of this specification also provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the foregoing embodiment is realized Steps of the method for generating small and medium programs.
This specification is described with reference to flowcharts and/or block diagrams of methods, equipment (systems), and computer program products according to the embodiments of this specification. It should be understood that each process and/or block in the flowchart and/or block diagram, and the combination of processes and/or blocks in the flowchart and/or block diagram can be realized by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a dedicated computer, an embedded processor or other programmable data processing equipment to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing equipment can be generated. It is a device that implements a process or multiple processes in the flowchart and/or a block or multiple blocks in the block diagram.
These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to operate in a specific manner, so that the instructions stored in the computer-readable memory produce a manufactured product including the instruction device , The instruction device realizes the function specified in one or more processes in the flowchart and/or one or more blocks in the block diagram.
These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to generate computer-implemented processing, which can be executed on the computer or other programmable equipment. The instructions provide steps for implementing functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
Although the preferred embodiments of this specification have been described, those skilled in the art can make additional changes and modifications to these embodiments once they learn the basic creative concept. Therefore, the scope of the attached patent application is intended to be interpreted as including the preferred embodiments and all changes and modifications falling within the scope of this specification.
Obviously, those skilled in the art can make various changes and modifications to this specification without departing from the spirit and scope of the specification. In this way, if these modifications and variations of this specification fall within the scope of the patent application of this specification and its equivalent technology, this specification is also intended to include these modifications and variations.
