1. 程式人生 > >前端流程實現方法(用戶選擇記錄完成記錄並支持server訪問更改)

前端流程實現方法(用戶選擇記錄完成記錄並支持server訪問更改)

tab 名稱 order 界面 main chan add img class

進行用戶選擇後記錄信息並完成記錄(關於寫入前端信息的詳細分析)

chang_jw

將每個頁面的<a href…>告訴後端server, 按照做server的組員的要求進行更改了網頁名稱,並做好href信息

後端根據此進行訪問網頁並更改頁面上value

後端通過console.log()進行調試,獲取接口處的id值(如/film ?id, /cinema?id),並通過id值訪問並進行接口處的操作。

技術分享

後端記錄這些寫入表中等待訪問。

通過href = film.html進行當用戶選擇完cinema 進行film界面的跳轉實現,

同樣方法選擇先選film。會直接進行cinema

的界面的跳轉。

工作流程:

用戶操作流程

1.用戶註冊或者登錄:

存取id111911

用戶名為chan

密碼為chan

技術分享

用戶進行輸入個人的id,用戶名以及密碼。服務器會進行存儲這些信息,到database,並將這些信息存儲為一行信息。

通過表的main-key id值來進行記錄用戶的一整套的操作信息。

2.確定登錄成功

點擊確定後直接跳轉並在頁面上顯示用戶名字信息,為了用戶友好化,而最開始是為了後端能夠更好的測試是否在寫進數據庫讀取調用到頁面上成功。

技術分享

3.選擇filmcinema

在這裏(電影頁面)可以選擇電影,並立刻跳轉到電影院界面,在電影院界選擇電影院,並自動跳轉到電影頁面。

電影頁面

技術分享

電影院頁面:

技術分享

這裏選擇jinyi_cinema Doraemon電影

4.將用戶信息以及選擇的信息通過點擊提交訂單按鈕來完成顯示

技術分享

.5.最後顯示預定成功的信息,並可以點擊跳轉回主頁面

技術分享

進行用戶選擇後記錄信息並完成記錄(關於寫入前端信息的詳細分析)

前端流程實現方法(用戶選擇記錄完成記錄並支持server訪問更改)