31 整合會(huì)員登錄系統(tǒng)

項(xiàng)目2在線投票系統(tǒng)任務(wù)6整合會(huì)員登錄系統(tǒng)成都職業(yè)技術(shù)學(xué)院軟件學(xué)院主講教師：牟奇春在任務(wù)5中，我們實(shí)現(xiàn)了直接投票，就是游客投票。但在實(shí)際項(xiàng)目中，肯定是需要登錄用戶才能投票。我們的項(xiàng)目1，已經(jīng)解決了會(huì)員注冊(cè)登錄的問(wèn)題，所以我們?cè)谇懊嬉仓v過(guò)，項(xiàng)目1是其他項(xiàng)目的基礎(chǔ)，絕大多數(shù)項(xiàng)目都會(huì)用到會(huì)員注冊(cè)管理系統(tǒng)。程序設(shè)計(jì)我們?cè)陧?xiàng)目2中，就不需要完整的制作會(huì)員管理系統(tǒng)了，可以把項(xiàng)目1移植過(guò)來(lái)，進(jìn)行適當(dāng)?shù)男薷募纯伞８鶕?jù)項(xiàng)目2的需求分析，我們需要的會(huì)員管理系統(tǒng)功能有：會(huì)員注冊(cè)、登錄（包括管理員登錄）、會(huì)員修改個(gè)人資料。管理員登錄后可進(jìn)入后臺(tái)管理，但此處的后臺(tái)管理功能和項(xiàng)目1的后臺(tái)管理內(nèi)容完全不一樣了。程序設(shè)計(jì)接下來(lái)，我們把項(xiàng)目1中的以下文件復(fù)制過(guò)來(lái)：checkAdmin.php、checkUsername.php、code.php、login.php、logout.php、modify.php、nav.php、page.php、postLogin.php、postModify.php、postReg.php、singup.php。另外，img下面的0.jpg和1.jpg也要復(fù)制過(guò)來(lái)。然后在index.php中，給右上角的“登錄”和“注冊(cè)”添加鏈接，然后可以先打開(kāi)鏈接測(cè)試一下。Layer彈出組件的使用這個(gè)時(shí)候我們可以看到，這個(gè)會(huì)員管理系統(tǒng)，和我們的項(xiàng)目整合后，不太協(xié)調(diào)。在這里，我們會(huì)使用另外一種方法來(lái)顯示這個(gè)會(huì)員管理系統(tǒng)，那就是使用Layui開(kāi)源模塊化前端UI框架，通過(guò)其內(nèi)置的layer彈窗組件來(lái)顯示會(huì)員管理系統(tǒng)的相關(guān)功能，這樣就會(huì)避免前面所說(shuō)的情況了。Layer彈出組件的使用layer是一款近年來(lái)備受青睞的web彈層組件，這得益于她全方位的解決方案，并致力于服務(wù)各個(gè)水平段的開(kāi)發(fā)人員，您的頁(yè)面會(huì)輕松地?fù)碛胸S富友好的操作體驗(yàn)。在與同類(lèi)組件的比較中，layer總是能輕易獲勝。她盡可能地在以更少的代碼展現(xiàn)更強(qiáng)健的功能，且格外注重性能的提升、易用和實(shí)用性，正因如此，越來(lái)越多的開(kāi)發(fā)者將媚眼投上了layer。layer兼容了包括IE6在內(nèi)的所有主流瀏覽器。她數(shù)量可觀的接口，使得您可以自定義太多您需要的風(fēng)格，每一種彈層模式各具特色，皆廣受歡迎。Layer彈出組件的使用很遺憾的是，layer官網(wǎng)已經(jīng)停止更新，且無(wú)法訪問(wèn)了。不過(guò)，目前可以通過(guò)/來(lái)進(jìn)行訪問(wèn)，此網(wǎng)站保留了layer原來(lái)官網(wǎng)的絕大多數(shù)內(nèi)容。進(jìn)入網(wǎng)站后，可以在頂部導(dǎo)航欄中切換至layer，然后下載layer組件。現(xiàn)在能下載到的是3.5.1版，下載后，解壓縮，將其中的layer目錄復(fù)制到我們的項(xiàng)目中即可。Layer彈出組件的使用接下來(lái)，在index.php中引入layer核心js庫(kù)文件。值得注意的是，layer也會(huì)依賴于jQuery（前面說(shuō)過(guò)，bootstrap也依賴于jQuery），如果未引入jQuery，瀏覽器會(huì)報(bào)錯(cuò)。Layer彈出組件的使用我們?cè)趇ndex.php中添加如下JavaScript代碼：其中的open方法是顯示彈出層，closeLayer方法則關(guān)閉彈出層。Layer彈出窗口的關(guān)閉我們?cè)谧?cè)成功、登錄成功以后，需要關(guān)閉Layer彈出來(lái)的注冊(cè)和登錄頁(yè)面窗口。由于Layer彈窗是在父頁(yè)面實(shí)現(xiàn)的，因此，關(guān)閉彈窗出要在父頁(yè)面實(shí)現(xiàn)。我們先在父頁(yè)面index.php中添加一個(gè)關(guān)閉彈窗的方法closeLayer，然后在彈窗頁(yè)面中去調(diào)用window.parent.closeLayer()以關(guān)閉彈窗?？偨Y(jié)本次課程，我們的主要內(nèi)容是整合會(huì)員管理系統(tǒng)。內(nèi)容相對(duì)比較簡(jiǎn)單，如果大家對(duì)項(xiàng)目1