用vue構建「你的名字」裏的筆記應用MyDiary

my-diary-vue  

github地址：https://github.com/ssshooter/...
很多不熟練的地方，請你們在issues提醒我

簡介

這個應用出自一部（曾經）很火的動畫電影，這個電影的水平仍是和人氣成正比的
看電影的時候注意到這個日記應用，忍不住馬上仿了一個，那時候用的是jquery
以後，學Vue也有一段時間，瀏覽器端用得還算熟練，開始想更瞭解Vue的生態系統
看完了各類資料後，以爲難懂的地方仍是必須從實踐中理解，因而再次想起了MyDiary
這個項目先後端分離，後端使用nodejs和express實現RESTful API（MyDiary API）
數據庫選擇了mongoDB，因爲對數據庫不太熟悉，數據庫構建仍是有所欠缺      
前端使用了vue全家桶，使用webpack進行打包

技術棧

vue2 / vuex / vue-router / webpack / ES6 / less

主要功能

• 電話本，有搜索功能，有側邊欄的字母索引

• 代辦事項，能夠新添、刪除事項，劃線表示完成

• 筆記本功能，有搜索功能可

• 可翻頁小日曆

todo

• [ ] 搜索功能待完成

• [ ] 數據庫結構優化

• [ ] 登錄界面

• [ ] 首頁設定頁面

• [ ] 交換日記

• [ ] 十分遙遠的下一個目標，重構爲PWA

界面截圖

安裝

其實在登錄系統沒作好以前，這個項目徹底能夠用做本身的網絡筆記本和代辦事項，歡迎各位使用
請先肯定安裝好了node.js和mongoDB
運行前請先安裝MyDiary API

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

PS

17.7.26 BD就要發售啦！到時候能夠仔細研究下劇中的App了～