基于位置的通訊錄(基于Node + MongoDB + AngularJS構建):OurTimes
OurTimes 是一個基于位置的通訊錄(built on Node + MongoDB + AngularJS)
寫在前面
-
注冊的用戶分為guest、ben(本班同學)、admin三種;
-
所有用戶注冊完成后,都是guest;本班同學我會在后臺設置為ben用戶;
-
其中郵箱注冊可以不是自己的郵箱,后綴名也可以自擬,目的是方便體驗的同學 可以放心注冊,瀏覽guest用戶信息(去除了敏感信息)。
-
當然,作為guest用戶,是無法看到ben用戶的信息。
一、技術方案
Node.js + AngularJS + MongoDB
二、項目
-
client-web:OurTimes主站
-
client-admin:后臺管理系統
-
client-webkit:node-webkit打包后臺
三、說明
時間匆忙,主要是為了練習angular.js,所以有很多地方比較粗糙,同時也沒有使用jquery類庫。秉著“小步快跑,不斷迭代”的策略,后 續針對特定功能使用最佳實現方式,比如后臺的文章管理,采用richEdit等等。至于Node.js實現服務,我個人覺得服務功能單一化更好,這 樣,node.js服務的維護較為便利。后期,會根據業務的復雜程度,采用async等庫進行優化。 開源的代碼和線上部署的代碼所有配置不一樣,所以大家可以根據自己的需要配置。我這里,數據庫服務部署在阿里云,靜態文件服務器就交給Github page啦!
四、部署 && 配置
-
pc端:client-web文件夾,修改相關配置,部署靜態文件服務器即可
-
后臺:client-admin:簡易的后臺管理系統。
五、項目截圖
1. 首頁:發表微博、點贊、評論、欣賞文章
2. 通訊錄:你會看到其他用戶地圖分布、修改個人信息、地圖搜索
3. 個人中心:刪除以前微博、修改密碼
4. 文章欣賞:根據首頁導過來的鏈接欣賞美文