網(wǎng)站情侶

演示地址:182.254.213.223/yuanJu/index.jsp

(這里要兩人注冊(cè),可以直接賬號(hào)密碼登錄,否則游客基本什么都看不了。pc端網(wǎng)站,沒有適配移動(dòng)端。賬號(hào):小峰,密碼:zhangfeng)

這個(gè)小網(wǎng)站做的大體是差不多了,但是有部分細(xì)節(jié)沒有完善,比如登錄注冊(cè)沒有做非空等的驗(yàn)證,這些大家有興趣的話可以做下去。

構(gòu)想:

基于一次注冊(cè)終生注冊(cè)的理念及實(shí)現(xiàn),通過情侶間的互動(dòng)次數(shù)、時(shí)間等判斷他們的感情是否處于健康狀態(tài)并對(duì)他們進(jìn)行提醒或平臺(tái)功能使用限制如:無法進(jìn)入戀愛社區(qū),無法上傳圖片和日記等;若雙方分了,雙方將都不能與其他用戶進(jìn)行匹配除非獲取前任的平臺(tái)授權(quán)。

后來有點(diǎn)虎頭蛇尾了,一些功能沒有做,就是這個(gè)若雙方分了,雙方將都不能與其他用戶進(jìn)行匹配除非獲取前任的平臺(tái)授權(quán)。其余功能基本實(shí)現(xiàn)了。

注冊(cè):

注冊(cè)分為兩個(gè)場(chǎng)景:

注冊(cè)場(chǎng)景一:

注冊(cè)人是邀請(qǐng)人,獲取專屬碼,系統(tǒng)會(huì)隨機(jī)生成一個(gè)獨(dú)有的專屬碼,注冊(cè)人發(fā)這個(gè)專屬碼邀請(qǐng)自己的另一半

注冊(cè)場(chǎng)景二:

注冊(cè)人是被邀請(qǐng)人,此時(shí)該用戶已有邀請(qǐng)碼,點(diǎn)擊匹配,會(huì)出現(xiàn)輸入框,只要填寫正確的邀請(qǐng)碼,就可以和邀請(qǐng)人信息綁定。

首頁全局圖片:

這個(gè)一次截圖不完整,只能把圖片比例拉成這個(gè)樣子,大家可以假裝他的比例是正常的,大概就是這個(gè)樣子了............

上圖的戀愛日記,戀愛相冊(cè),戀愛協(xié)議和中間發(fā)光的那棵樹就是私人空間,只有注冊(cè)的兩人可看。

先點(diǎn)進(jìn)去那棵樹:

這里花花草草,白云啥的,效果都是動(dòng)態(tài)的,點(diǎn)擊那個(gè)水壺去給樹澆水,點(diǎn)擊太陽去給樹陽光,

這里水壺澆水效果還不錯(cuò),太陽給陽光效果做的略生硬。

戀愛日記:

戀愛相冊(cè):

上傳照片:

戀愛協(xié)議:

還有一個(gè)恩愛社區(qū)的模塊,前臺(tái)頁面做了,但是想著太麻煩就沒寫后臺(tái),本來計(jì)劃就是做一個(gè)簡(jiǎn)簡(jiǎn)單單的個(gè)人小情侶網(wǎng)站,結(jié)果越做越多.......

好了,介紹就到這里了,代碼就不貼了,可以直接去這里下載,覺得好的話給顆?哦:

https://git.oschina.net/amuxia/love

有興趣做一個(gè)有趣個(gè)人網(wǎng)站的快去試試吧!

轉(zhuǎn)載注明出處:華峰博客網(wǎng)

內(nèi)容版權(quán)聲明:除非注明,否則皆為本站原創(chuàng)文章。