ionic3,nodejs,MongoDB搭建一個移動端APP

照例先貼上地址歡迎各位大佬指導

---

就是我,我是連接 (歡迎star)

項目簡介

首先說下要在本地運行項目的話,須要在電腦上安裝mongoDB,個人nodejs項目也須要clone一下,這裏也貼一下地址!!!

nodejs地址

前端部分

• 頁面搭建
  前端的頁面搭建和跳轉都是使用的ionic的components,由於ionic2開始的仿原生的頁面堆棧的概念,使得前端製做APP的難度減小了很多,也增長代碼的可讀性,代碼更加的簡潔易懂!

• 頁面的各個模塊介紹
  首先貼個首頁的圖,板塊介紹都在首頁有的,
  

  因爲api問題有幾個功能都沒法實現,由於本身至關的懶也不想寫模擬數據了,加上最近公司有項目要忙,因此就暫時先放在那裏了!之後有時間,有條件了我會補上,也歡迎各位有api能夠發我,我會在README裏寫感謝的

• 數據管理和登陸判斷使用了localstorage,mongoDB
  由於個人nodejs玩的並非很6,因此就集中生智想出了使用localstorage來保存登陸狀態和用戶暱稱,而後根據用戶名和密碼來查庫來判斷是否已經登陸,在個人頁面這個模塊裏面的更多裏面能夠設置用戶暱稱和退出登陸,退出登陸我也是使用清除localstorage來完成的,至關LOW,看我多麼的誠實的都說出來了,其實最近也在研究傳cookie到後臺,使用後臺的storage來判斷是否已經登陸!

• 前端待處理的部分
  1.個人,這個頁面
  

  這個頁面的BUG確實有點多,本身都快看不過去了,慢慢來吧,之後仍是要改的
  2.還有就是音樂這個板塊,我是想作一個能夠全局播放的components,由於這段時間有點忙,因此沒有時間去好好研究一下這個全局組件是怎麼整的;
  3.日推這個功能,我是想本身寫一個後臺錄入的,而後天天發一些技術文的,如今也正在構思這個東西應該怎麼弄,待我縷清頭緒來作一個!

---

後端部分

• 登陸和註冊
  這個功能使用了nodejs的express模塊和mongoose模塊,來處理請求和保存數據,先用mongoose來聲明好數據格式,而後根據前端傳過來的數據來對數據庫進行增刪改查,這些東西看着簡單,可繞死我了,哎,仍是羨慕後端那些大牛的頭腦呀!
  登陸頁面寫的不怎麼好看,logo沒有好好設計一下,往後再找咱們的UI幫我整一個
  

  註冊頁面是使用彈出的方式寫的,這樣我感受用戶的交互感受應該好一點可是註冊後返回登陸頁面我尚未處理好,一直都斷定的自動登陸,寫好這個頁面就沒怎麼看到過了,今天寫這個才發現這裏有這麼大一個BUG,往後處理!往後必定處理!

---

數據庫部分

數據庫部分就沒有什麼複雜的東西,就是使用nodejs關聯數據庫,而後實現一些數據格式的整理,和對於數據的增刪改查.

最後總結一下哦!由於平時寫移動端的東西仍是比較少的,因此項目也是比較粗糙,本身也是爲了溫習一下angular和nodejs,仍是感謝你們來看一下哦!!!

項目預覽,因爲只是gif因此好多東西沒有展示,想查看的各位請去下載源碼運行哦!