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

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

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

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

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

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

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

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