接下來自定義一個(gè)登錄頁面，為了快速構(gòu)建登錄頁面，這里使用了thymeleaf模板在這個(gè)配置中，對登錄頁面進(jìn)行了設(shè)置，設(shè)置使用自定義的登錄頁面，在Controller需要添加對應(yīng)的頁面渲染一個(gè)很丑的登錄頁面，這不是重點(diǎn)重點(diǎn)是；目前有什么好用的開發(fā)html5app的框架建議使用uniapp框架uniapp框架一種用vue構(gòu)建的框架，只要懂的vue語法，基本可以無縫過度開發(fā)十分的便捷，一次開發(fā)，可同時(shí)打包成為HTML5安卓小程序IOS，多平臺，界面統(tǒng)一，功能。

第一步，進(jìn)入軟件，點(diǎn)擊右下方我的如下圖所示第二步，在我的頁面，點(diǎn)擊上方的登錄如下圖所示第三步，在登錄頁面，點(diǎn)擊本機(jī)號碼登錄如下圖所示第四步，點(diǎn)擊登錄后，會顯示個(gè)人信息頁面，即表示賬號已經(jīng)；第一種無需登錄 直接使用App的功能，主要是工具類的App，如日歷計(jì)算器，手電筒之類的App，不過現(xiàn)在這樣純粹的App幾乎不存在，因?yàn)闆]有用戶留存的App就沒有價(jià)值啊沒有經(jīng)濟(jì)價(jià)值就活不下去啊所以市場上沒有這樣的活雷鋒了，都被系統(tǒng)應(yīng)。

固定款是指直接套用已有的現(xiàn)成的APP固定模板，報(bào)價(jià)是固定的，所需要的功能5整個(gè)設(shè)計(jì)過程中不斷問自己“真的需要嗎？”支撐項(xiàng)目時(shí)候，找一些討巧 去登錄 我的現(xiàn)金 去登錄 做任務(wù)開寶箱 累計(jì)完成 0 個(gè)任務(wù)；請點(diǎn)擊輸入圖片描述 系統(tǒng)提示“菜鳥裹裹”需要使用電話權(quán)限是否允許 點(diǎn)擊“始終允許”按鈕請點(diǎn)擊輸入圖片描述 進(jìn)入菜鳥裹裹軟件后，點(diǎn)擊頁面右下角“我的”選項(xiàng)卡請點(diǎn)擊輸入圖片描述 在登錄界面，根據(jù)個(gè)人情況選擇登錄。

1隨機(jī)碼登錄輸入手機(jī)號碼，點(diǎn)擊短信驗(yàn)證碼登錄，進(jìn)入短信驗(yàn)證碼登錄頁面，點(diǎn)擊獲取后，對應(yīng)的號碼可以收到短信驗(yàn)證，輸入正確的短信驗(yàn)證碼后，點(diǎn)擊登錄按鈕即可登錄中國聯(lián)通APP驗(yàn)證碼登錄后僅可使用部分業(yè)務(wù)驗(yàn)證碼登錄后；通過與app有一定聯(lián)系的視覺頁面或文字營造一定的氛圍，宣揚(yáng)一定的產(chǎn)品理念，通過品牌logo展現(xiàn)品牌信息， 用戶進(jìn)入登錄頁面時(shí)，往往先會被圖片，文字吸引，其次登錄框 這時(shí)圖片文字最好能很好的傳達(dá)產(chǎn)品的相關(guān)信息，營造氛圍。

4 Appy該模板是一個(gè)基于Bootstrap 1170px的應(yīng)用程序著陸頁HTML模板該模板旨在幫助網(wǎng)站所有者銷售具有創(chuàng)意和現(xiàn)代設(shè)計(jì)元素的移動應(yīng)用程序，Appy包含了應(yīng)用程序登錄頁面應(yīng)包含的所有可能元素和頁面特色l 無限的顏色 l 響應(yīng)；一現(xiàn)在HTML5非?；鸬募夹g(shù)，主要方向在使用高端瀏覽器的高端移動設(shè)備，所以可以用作開發(fā)Android系統(tǒng)的App二html5對androidios系統(tǒng)都支持三HTML5可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下。

2下面點(diǎn)擊最下方一欄的“我”按鈕，進(jìn)入賬號登錄界面3可以看到幾種常見的登錄方式，和微信等，下面點(diǎn)擊登錄，系統(tǒng)提示當(dāng)前新用戶無法登錄4下面點(diǎn)擊上圖劃線處的“手機(jī)號登錄”，進(jìn)入登錄界面如下圖所示5輸入；登錄頁面設(shè)計(jì)流程 先選擇登錄的模式 整個(gè)界面背景填充顏色 多效果混合模式 選擇圖片的填充 視覺設(shè)計(jì)前先理清楚界面的邏輯，界面中每個(gè)元素的點(diǎn)擊從哪里來到哪里去App因?yàn)楫a(chǎn)品賬號體系不同的，所以有各種登錄注冊方式登錄注冊有。

登錄頁面設(shè)計(jì)流程先選擇登錄的模式整個(gè)界面背景填充顏色多效果混合模式選擇圖片的填充視覺設(shè)計(jì)前先理清楚界面的邏輯，界面中每個(gè)元素的點(diǎn)擊從哪里來到哪里去App因?yàn)楫a(chǎn)品賬號體系不同的，所以有各種登錄注冊方式登錄；metinfocnproduct 響應(yīng)式網(wǎng)站模板，不妨到這一看我喜歡用這個(gè)網(wǎng)站的原因是他的很多模板都是免費(fèi)的，最主要的一點(diǎn)是，這個(gè)網(wǎng)站的頁面非常的好看，對于我這個(gè)非常喜歡完美的人來說，這個(gè)網(wǎng)站滿足了我對模板的需求。

APP和HTML5有啥區(qū)別1html5的app比較輕巧，原生態(tài)app如比較正規(guī)，html5實(shí)現(xiàn)的功能有限，只能實(shí)現(xiàn)一些輕型的交互場景，而app則可以完美解決2html5雖然可以跨平臺，可是瀏覽器有個(gè)加載速度，對于用戶體驗(yàn)上說，有個(gè)加載的。