​贊助廣告

WiX免費自助建網站-第七篇-客製化表單與網頁權限管理


申請新的免費帳號並啟用空白範本,請先點選以下教學連結設定好後,即可進入客製化表單與網頁權限管理部分

WiX免費架站申請/建立範本教學

注意:

*本篇的難度比較高,有牽涉到資料庫的部分,WiX有資料庫每次存取只能有筆數1000筆的限制,如果有超過1000筆以上的資料,需要多次存取資料,我們以簡單的應用教學,本篇假設筆數不超過1000筆來設計。

我們範例設計如下:

頁面一

客戶經銷申請: 客戶可以自行輸入資料於表單上,可以選擇檔案上傳......等

頁面二

客戶資料管理: 本頁只給知道密碼的管理人員登入,並查看客戶填入的資料

===========================================================================

1. 首先我們先建立兩個頁面(客戶經銷申請、客戶資料管理),並於客戶資料管理設定密碼的權限

2. 到上方的 "Tools" 打開 "Developer Tools" 進入開發者模式

3. 點Database右邊的 "+" 來新增資料庫

我們建立一個 "company" 的資料庫,並選Custom Use

讀取和建立的部分要選Anyone(因為讀取的部份我們有建立密碼保護,所以可以設Anyone),更新與刪除就只給Admin

介紹一下這個圖,Sandbox為測試用,Live為實際資料庫,Title的部分預設是不能更改的,所以請點 "+" 新增欄位

新增name為Text格式

新增tel為Text格式

新增money為Text格式

新增description為Text格式

新增upload為Document格式

新增time為Date and Time格式

新增name為Text格式

4. 點選左邊工具列 Add >> User Input 新增各個元件

*Input: 可輸入文字

*Radio Buttons: 單選按鈕

*Drop Down: 下拉選單

*Checkbox: 檢查的小框框

*Text Box: 可輸入大量文字

*Upload Button: 上傳按鈕

*Date Picker: 日期選擇

*Table: 表格

公司名稱 使用 Input 元件

公司電話 使用 Input 元件

資本額 使用 Drop Down 元件

公司描述 使用 Text Box 元件

上傳銀行帳戶PDF檔案 使用 Upload Button 元件

公司成立時間 使用 Date Picker 元件

公司人數 使用 Radio Buttons 元件

同意資料收集 使用 Checkbox 元件

我們點選左方工具列 "Add >> Database" 新增一個Dataset來告訴頁面要和資料庫連結

客戶經銷申請 頁面模式為 Write-only(只給寫入)

客戶資料管理 頁面模式為 Read-only(只給讀取)

在"客戶經銷申請"頁面,我們點在元件上可以找到最右邊有四個圓盤的圖點進去後設定各個元件與資料庫的誰連結在一起,並設定所有元件對應如下

公司名稱 對應name

公司電話 對應tel

資本額 對應money

公司描述 對應description

上傳銀行帳戶PDF檔案 對應upload

公司成立時間 對應time

公司人數 對應people

同意資料收集 不用對應(代表使用者同意)

5. 我們到"客戶資料管理" 頁面 拉一個Table讓管理者可以看的表格

並將這個表格與dateset連結,以及設定誰能顯示在表格上,請注意表格只能接受有Text格式的資料

6. 開始來驗證是否設定成功,記得要Save和Publish,首先進去"客戶經銷申請" 頁面填入資料,並送出

在來我們切到 "客戶資料管理" 頁面,它會要求我們輸入密碼

輸入後可以看到剛剛的輸入資料

問題: 如何更新與刪除資料呢?

到Dashboard>>Wix Database點入資料庫

更新的部分可以直接點欄位修改,刪除的部分可以點右鍵的Delete

本篇介設完畢!