視頻教程地址：http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html
效果預覽：
登陸頁面 首頁用windowContainer裝載
注冊頁面
登陸成功后，跳轉至主題頁面
設計思路及代碼實現：
1.數據庫設計：
建立用戶相關字段
創建baas服務，並綁定到baasdata組件上
2.門戶頁設計：
注意事項：1.var ShellImpl = require('$UI/system/lib/portal/shellImpl') 引入shellimpl ,必不可少。
2.contentsXid : "pages" 頁面中必須創建contents頁面集合容器，並與此xid對應。
3.登陸頁面邏輯設計
登陸頁面加載，同時初如化model,model接收注冊頁面參數。如果用戶注測成功，將帳號密碼同時帶回到登陸頁面，不必再次手動輸入。
首先判斷登陸者，是否是admin.如果是管理員帳號，進入管理員頁面。用shell.showPage跳轉。
如果不是管理員，則用手機號作為帳號進行判斷。
-------------手機號正則表達式
----------驗證手機號碼格式，不正確提示重新輸入
用data.setFilter方法，過濾數據。注意過濾條件拼接方法："phone = '" + phoneInput + "'"，前后+號表示變量，驗證數據庫中帳號是否存在（即是否已經注冊）
如果存在，繼 續判斷帳號與密碼是否同時存在。仍然用data.setFilter方法過濾。如果存在，說明帳號和密碼同時驗證正確，跳轉到主頁面，並將帳號作為參數傳入。同時將日期，狀態等信息同步寫入數據庫。
關於數據過濾，這里只作演示思路，真正項目開發，可以用異步上傳的方式，用md5加密后的帳號和密碼提交到后台，由后台對數據庫過濾驗證后，將信息反回到前台。
記住密碼單選框，取值判斷，如果選中，用localStorage.setItem方法保存到本地，否則用removeItem方法清除本地存儲。
點擊注冊，進入注冊頁面，並將輸入的手機號作為參數傳遞到注冊頁面。
4.注冊頁面邏輯設計
先取出登陸頁面的參數，並保存。
手機帳號驗證，密碼復雜程度用正則表達式進行驗證。
兩次密碼輸入驗證一致，通過，並newData，創建一條新數據，寫入數據庫，否則提示。
保存成功后，自動跳轉到登陸頁，並將帳號密碼傳參。
相關視頻制作完成，上傳優酷。教學app制作中。我是邯鄲戲曲開發，tel：15175073123,qq:1017945251
掃描二維碼，看高清教學視頻。