WDA演練一：用戶登錄界面設計(一)

 

 

一，新建用戶表：

用戶和密碼參考標準的。這裏給用戶分了幾個維度，以便後面進行接下來的業務設定。

 

二，新建ZLY_PORTAL 程序。

除了MAIN視圖外，在添加LOGON視圖。

1.導入預先作好的主頁圖片。

2.雙擊COMPONENTCONTROLLER，在Context界面裏添加用戶登錄信息節點：

3.雙擊LOGON視圖，在Context界面，將全局的節點拖到當前視圖的Context下。

4.1.頁面設計：

在ROOT上新建佈局容器

4.2新建圖片組件，將上面上傳的圖片作主頁。

4.3新建用戶logon信息容器，將登錄界面須要輸入的信息放到一塊兒。

4.4.最後新建按鈕

4.5.將LOGON視圖添加到窗口中，並設爲默認視圖

 

4.6新建APPLICATION，測試效果；

 位置有點怪，這時候來調整總體佈局。

大容器設置上下都劇中。一樣調整小容器。結果如圖

三.程序功能設計：

1.添加內向，外向連接：

2.作登錄跳轉。

3.給MAIN視圖也添加跳轉連接：

4.給主頁視圖添加退出按鈕。

5.去窗口ZLY_PORTAL中，將兩個視圖的外向連接都綁定起來。

 

 

這時候能夠激活程序，測試看看了。

測試結果：已經能夠點機LOGON跳轉到主頁面了，也能從主頁面退出到登錄頁面。