接下來我們就來做一個最基本的頁面：登錄頁面。
1.index頭部
HBuilder默認生成的index.html里的meta部分，只有viewport一個屬性：
這些遠遠不夠你可以根據需要加入其它做移動端的meta屬性
其次，我們要引入 mui 需要的 css，以及相應的 javascript 文件。或者你自定義的一些js
至此，HTML 的 head 部分就結束了。接着我們開始寫body部分了。
2.body部分
按照官方的說法，頁面中所有的內容都應該放入一個 div 中，並且這個 div 的class 應該是 "mui-content" --- 當然，這是你使用 mui 的時候。這里我們暫定會使用 mui 。
按照一般的方式，我們都會在窗口的底部加一個 copyright 之類的文字。按照標准的說法，我們需要有一個class="mui-bar mui-bar-tab" 的 div，而且要注意：這個 mui-bar DIV 一定要放到 mui-content 之上。總之，最后的代碼應該是這個樣子：
接下來，我們來放入一些 mui 的組件：輸入框
3.與后台的交互
接下來就是登錄按鈕如何與服務器進行交互？
- 定義一個表單(form)，點擊登錄按鈕的時候提交到后台。后台處理完畢后，顯示新的頁面給前端。
- 在登錄按鈕上綁定一個click方法。點擊的時候，使用Ajax發送數據到后台，接受到數據后，前端頁面更新。
在手機的HTML5開發中，使用 form 提交方法不提倡。所以用 Ajax。
按照官方的說法，盡量不要使用JQuery，同時，也不要使用 onclick 這樣的方式，取而代之應該使用的是綁定一個事件：
這個事件的名字叫 ”tap“，也就是點擊屏幕的事件。
按照官方的說法，我們應該寫在 mui 組件和頁面組件全部加載完畢后，就如同 JQuery的ready方法一樣，mui 也有一個 ready 的方法：
對於mui，雖然你可以不使用mui 組件，但是一些基本的規則，例如 mui.init，mui.plusReady 這樣的方法，還是要使用的。
接下來，我們就要實現登錄按鈕通過ajax與后台進行交互。