vue2.0登錄注冊demo

VioletJack 發(fā)布于2019-08-21 11:19 / 906人閱讀

摘要：剛學的試著做了個基于全家桶的登錄注冊后臺接口使用和環(huán)境依賴模塊使用生產(chǎn)項目登錄注冊通過后臺生成的存放在游覽器中實現(xiàn)路由說明需要實現(xiàn)的路由和簡單的登錄權(quán)限首頁，不需要登錄可以訪問個人頁，需要登錄后可以訪問登錄，不需要登錄可以訪問，登錄

剛學的vue試著做了個demo
基于vue2全家桶spa的登錄注冊
后臺接口使用express和mongodb

環(huán)境依賴模塊

使用vue-cli生產(chǎn)項目,登錄注冊通過后臺生成的token存放在游覽器localstoage中實現(xiàn)

vue-cli

vue-router

vuex

vue-axios

express

mongoose

jsonwebtoken

路由說明

需要實現(xiàn)的路由,和簡單的登錄權(quán)限

/home ? ? ? ? ? ? ?   // 首頁，不需要登錄可以訪問
/person               // 個人頁，需要登錄后可以訪問
/login                // 登錄，不需要登錄可以訪問，登錄后不可以訪問
/reg                  // 注冊，不需要登錄可以訪問，登錄后不可以訪問
/logout               // 退出登錄，需要登錄后才可以訪問

運行程序

到這里基本實現(xiàn)了后前后端分離,不足的地方也請大神指出
還有很多能擴展的功能也沒有做,我也會在之后的項目中試著添加進去,把vue的坑一個個踩過去
放上源碼地址https://github.com/xuyd/vue-l...

npm install
//開啟mongodb
mongod --dbpath
node app
npm run dev
http://localhost:8080/

GPU云服務器云服務器 vue2.0 cdn 登錄注冊帳號登錄注冊登錄注冊表單

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/86567.html

Vue2.0簡易案例

摘要：由于眾所周知的原因，谷歌字體只能過墻后才能被正常加載，而中的原生使用了谷歌字體，在這個案例中改為使用。代碼存在，國內(nèi)訪問速度沒那么快，初次加載較慢請耐心等待。如果項目對你有所幫助，不妨一下，你的支持是我前進的最大動力。效果圖： showImg(https://segmentfault.com/img/remote/1460000008172654?w=303&h=545); show...

sourcenode 2019-08-20 13:52 評論0 收藏0
前端知識庫 - 收藏集 - 掘金

摘要：自適應的橢圓背景知識屬性的基本用法使用樣式畫各種圖形前端掘金下面是一些我在中經(jīng)常用到的圖案，還有一些是在看到的。像圖手把手教你使用前端掘金使用教程一是什么是目前世界上最先進的分布式版本控制系統(tǒng)。如何在 Vue.js 中使用第三方庫 - 前端 - 掘金在諸多 Vue.js 應用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 庫....

wall2flower 2019-08-20 17:15 評論0 收藏0
前端知識庫 - 收藏集 - 掘金

摘要：自適應的橢圓背景知識屬性的基本用法使用樣式畫各種圖形前端掘金下面是一些我在中經(jīng)常用到的圖案，還有一些是在看到的。像圖手把手教你使用前端掘金使用教程一是什么是目前世界上最先進的分布式版本控制系統(tǒng)。如何在 Vue.js 中使用第三方庫 - 前端 - 掘金在諸多 Vue.js 應用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 庫....

BetaRabbit 2019-08-29 12:46 評論0 收藏0
vue2.0開發(fā)聊天程序(八) 初步完成

摘要：主要表現(xiàn)在復雜的語句事務支持等。僅支持，在等瀏覽器中，會出現(xiàn)樣式布局混亂的情況。將群群對應的聊天記錄保存在數(shù)據(jù)庫。用戶進入群聊，則將其加入到對應的中。文件大小不能超過通過模塊操作登錄注冊將用戶名作為唯一值。登錄支持自動登錄，將密碼保存在中。 showImg(https://segmentfault.com/img/bV4jYr?w=402&h=710);showImg(https://...

wmui 2019-08-22 14:51 評論0 收藏0