top of page

WIX數據庫開發課程​

介紹

該站點在 WIX 主頁站點上創建了一個主頁。
早在20多年前,我第一次創建了一個主頁。
這只是一個手動過程,例如在 Windows 記事本中手動輸入 HTML 標籤,將它們保存為 HTML,然後將它們上傳到服務器。
之後,主頁構建器發布,軟件包高達8000日元。
至於可用性,在本地返工時,我必須在本地工作並上傳到服務器,這比現在麻煩得多。
在這個時代,您可以在雲端輕鬆創建主頁(在互聯網上提供服務),因此您可以非常及時、輕鬆地發送信息。

此外,該試用版是免費的,並將藉給您一個子域。
我想知道是否要使用 WordPress,但我決定使用 WIX,因為我可以永久免費創建許多站點,除非我將其設為我自己的域。
一開始我遇到了WIX的速度問題,但我認為現在緩存功能等設置沒有問題。
WIX 有很多示例設計,因此除非您是 HP 專家,否則 WIX 似乎更易於普通大眾使用。

我認為一開始免費啟動WIX是個好主意,如果你習慣了並且主頁完成了,你可以獲取一個域並切換到付費站點。
首先,讓我們練習並儘力而為,不要急躁。

 
WIX可以在WEB上免費使用數據庫。
 

使用WIX,您可以創建數據庫,因此如果您創建一個屏幕並註冊數據,您將能夠在一個頁面上動態查看大量數據。 (右圖)

從一開始,功能有限,通過使用WIX CODE,您可以自己創建一個簡單的程序並表達各種表達式。

例如,這個站點也有一些搜索屏幕,但我自己創建了程序。

任何人都可以通過顯示數據輕鬆完成WIX,但數據搜索等最初安裝的功能很少,所以我認為除非單獨編程,否則您不會滿意。因此,通過對右圖中的“動態頁面”部分進行編程,利用數據庫的頁面表達將發生顯著變化。

創建方法的參考只是API開發的解釋,在WEB上搜索多少都很難,WI X CODE初學者除非從頭學習,否則很難理解,對於完整的程序初學者來說也是需要學習程序的基礎知識。

尤其是日文站點,雖然有站點講解,但都是半途而廢,難以理解,所以參考了美國的實用站點來學習。

我還用 WIX CODE 整夜創建了這個時間大約 3 天的第一次編程。

您將希望能夠在 WIX 數據庫中動態搜索產品和內容。

我們將輕鬆發布程序以及如何創建數據庫連接。

WEB數據庫的運行機制(右圖)

首先,我將解釋數據庫是如何工作的。
如果你建立一個像右邊那樣的機制,你可以從世界各地訪問數據庫,只要你有一個可以使用互聯網的環境,你就可以從手機上看到信息。
大多數用於業務改進等的系統由數據庫組成。
將這些機制應用於業務改進時,建議使用 IT 顧問。

如果您在網站的頁面或數據庫上創建參考權限,您可以創建一個只有特定人才能看到的機制,例如,在網上商店中,任何人都可以看到該產品併購買它,但購買結果和個人信息等。只有相關人員才能看到,這樣的機制可以建立。

如果通過應用這些機制創建它,您可以在公司內部交換信息和EDI(訂購)等,從而可以提高業務效率和管理效率。
多個海外據點的管理也可以在日本總公司進行,經理、經理和員工即使在出差時也能看到來自世界各地的數據。
例如,當您出國旅行或國內或國際旅行時,您可以全天 24 小時看到此網站。
您可能不想看到它,但現在是嘗試一下的好時機。
右圖中的“動態頁面”部分是顯示數據庫的重要部分,需要編程,所以這次我們將向您展示如何在WIX中復制粘貼一個簡單的程序,信息很少。
データベース.png
首先,讓我們創建一個數據庫。

WIX 數據庫很容易讓任何人接觸一次。
在這裡我就不解釋了,所以請研究如何在其他站點上創建數據庫。

>> 如何創建數據庫

使用本示例程序時,
1、公司名稱=職稱,(TEXT類型)
2、Category=kubun,(TEXT類型)
3、區=chiku,(TEXT類型)
4、image = image01,(圖片類型)
5. 公司簡介 = Company_profile, (TEXT 類型)

如果您有上述數據庫字段,它將起作用。
上面的參考右圖,比如item name的公司名和field key是title。
如果字段類型是文本就可以了。

 
フィールド作成.jpg
データベース.jpg
​如果您有上述數據庫,則可以使用示例程序。
數據庫動態系統開發

首先,看一下樣本。

>> 帶檢查功能

在搜索功能之前,您可以看到所有已註冊的數據,但在搜索時,只會顯示包含輸入字符的數據。

請在 WIX 編輯頁面頂部啟用“開發模式”。
您應該會在編輯頁面底部看到類似於右圖的內容。

這是 WIX CODE 編輯屏幕,您可以在其中開發各種程序。
你將能夠做到。

如果你繼續到這一點,你可以繼續下一個故事。
開発.jpg
實際創造

編輯屏幕側。

如果單擊整個選定的中繼器,您將在左上角看到“# Repeter1”。
如果你點擊圖片,你會看到“# image1]”。
此外,如果您單擊該字符,您可以看到“#text1”等。


此處,按原樣使用開頭給出的“#○○ 號”。

然後創建數據集。
打開編輯屏幕左側的“內容管理器”並打開
轉到“添加內容元素”
點擊“數據集”進入編輯界面
添加了右側的數據集屏幕。

可以看到“#dataset1”等。

選擇您從此數據集創建的數據庫名稱。


# ○○ 號"。這是屏幕上部件的控制號。

注意Repeater中的設置只是連接數據庫(連接集合),不需要設置每個字段。
從 WIX CODE 中讀取。

到目前為止你做到了嗎?
如果你能做到這一點,它會在一段時間內完成。
 
リピータ.jpg
データセット1.jpg
2データセット.jpg
​選擇創建的數據庫
檢查開發程序。

檢查下面的示例程序。
我想你可以在某些地方看到“#〇〇號”。

把一開始的WIX CODE全部刪掉後,複製下面的程序,粘貼到WIX CODE編輯畫面上,自己在之前設置的畫面中製作#Repeater、#text、#image、#dataset,我們重寫一下用#○○號獲得。

自行編輯“#○○編號”和itemData.(您的數據庫字段名稱)部分。

除此之外,我解釋說你不需要編輯它,但你傳達了嗎?
首先,讓我們從沒有搜索屏幕的數據中創建一個數據列表。
​要在一頁上顯示的數據數
檢查程序結果

完成後,保存並預覽以查看它是否完成。
如果出現問題,WIX CODE 屏幕將顯示錯誤和錯誤行。
改寫時細節可能有誤。
讓我們仔細檢查一下。

接下來,創建一個“搜索功能”。
從 WIX 編輯屏幕創建一個“輸入框”。
由於“#○○號”也被分配給了這個,將上面示例程序的搜索部分添加到WIX CODE中,並將其更改為您自己的#號。

“保存”並使用“預覽”檢查操作。
好了嗎?


收尾工作

最後,在編輯屏幕上,放置一個文本框以顯示 TOTAL 數據的數量和一個分頁欄以將頁面從 WIX 部分更改為屏幕。
用TOTAL數據的#○○號重寫示例程序,設置分頁欄數據集完成。
之後,調整屏幕佈局就大功告成了。


最後

一開始一切都很痛苦,但如果你嘗試通過練習幾次來做到這一點,我想它會變成“哇!”(笑)。
挑戰對你所做的一切都很重要。
為了達到製作這個的目的,我熬了三天通宵(笑)
如果一切順利,你可以享受成就感(笑)。
美好的未來就在眼前,請不要氣餒,全力以赴。
 

© 2023 JP Seizo

bottom of page