文章目錄
- 前端
- 后端
- 提交信息服務
- 提交信息事件
- 跳轉列表頁事件
- 下載事件
- 詳情頁事件
https://editor.ivx.cn/
主題選擇一下
前端
在前臺新建一個頁面名為提交頁,內邊距左和內邊距右都設置為40,水平居中和垂直居中設置一下;
新建兩個輸入框,外邊距上設置為20,最上面設置為0,內容設置為"請輸入姓名",“請輸入聯系方式”。“請輸入聯系方式"輸入類型設置為手機。
新建兩個按鈕,外邊距上設置為20,內容設置為"提交”,“跳轉列表頁”
如果"請輸入姓名".內容類型為空,系統界面顯示提示語"請輸入姓名"
如果"請輸入聯系方式".內容類型非手機,系統界面顯示提示語"請輸入手機號"
“提交"按鈕綁定一個事件為點擊,當點擊時,調用信息提交服務,name為"請輸入姓名"輸入框內容,phone為"請輸入聯系方式"輸入框內容,當完成時清空內容
系統界面顯示提示語"提交成功”
“跳轉列表頁"按鈕綁定一個事件為點擊,前臺跳轉到頁面到詳情頁
添加一個對象數組叫信息列表,導入私有數據庫1
在詳情頁新建一個循環創建容器,數據選擇信息列表對象數組
詳情頁添加一個事件為"顯示后”,調用"輸出信息"服務,給信息列表對象數組賦值
下載設置一個點擊事件,當點擊后導入數組至excel,導入的數組是信息列表
在前臺新建一個頁面名為詳情頁,內邊距上、下、左、右都設置為40,水平對齊設置為居中
添加一個行組件,在行組件里添加兩個文本
文本的高設置為36,左邊的寬設置為30%,右邊的寬設置為70%,將兩個文本進行水平和垂直居中對齊,內容為姓名和聯系方式
設置1px的邊框寬度,設置顏色,將左邊文本的右側邊框取消掉
把行組件的自動換行取消掉
新建一個按鈕,外邊距上為20,內容設置為"下載"
后端
新建一個數據庫視圖(像后臺的邏輯組件,寫各種海量的邏輯放在上面,去和不同的數據庫進行連接,做數據的中轉和邏輯的復用),名為信息表
新建一個私有數據庫1,字段為姓名、聯系方式
新建一個服務,名稱為"提交信息",接收參數第一個參數名為name,第二個參數名為phone,返回參數第一個參數名為success,第二個參數名為message,第三個參數名為data
將私有數據庫1提交,姓名為從前端傳過來的name,聯系方式為從前端傳過來的phone
當前服務設置返回結果
新建一個服務,名稱為"輸出信息",不需接收參數,如果不用條件篩選或分頁的話,返回參數名為data
將私有數據庫1輸出
通過當前服務,設置輸出結果.對象數組.值