成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

分享一個用vue2 + node-webkit + koa2 + mongodb開發(fā)的，可以實時編輯

LeoHsiun / 3589人閱讀

摘要：若用戶已登錄，數(shù)據(jù)存儲在遠程服務器用戶未登錄時，數(shù)據(jù)存儲在。開發(fā)服務端部署服務端已經(jīng)部署在我自己的服務器上，不需要你進行部署啦。有什么好的建議也可以提哈

記事本

該項目分為兩部分：桌面客戶端(node-webkit) + 服務端(koa2)。

效果

源碼地址

https://github.com/hu-ke/nw-t...

技術(shù)棧

vue2 + node-webkit + koa2 + mongodb

數(shù)據(jù)存儲

數(shù)據(jù)存儲由用戶登錄狀態(tài)決定。若用戶已登錄，數(shù)據(jù)存儲在遠程服務器；用戶未登錄時，數(shù)據(jù)存儲在localStorage。

項目結(jié)構(gòu) 
|-- nw-todo-app
| |-- client                // 客戶端
|   |-- assets              // 各種靜態(tài)資源 
|     |-- css               // 樣式資源
|     |-- images            // 圖片資源
|     |-- js                // js資源
|       |-- data.js         // 定義的數(shù)據(jù)存儲結(jié)構(gòu)
|       |-- fetch.js        // api請求文件
|       |-- index.js        // 業(yè)務邏輯文件
|       |-- taskManager.js  // 操作任務的一些方法
|       |-- vue.min.js      // 依賴的vue庫
|   |-- TodoManager.app     // 應用文件(可以直接打開)
|   |-- app-screenshot.png  // 效果圖
|   |-- index.html          // 頁面
|   |-- package.json        // 配置文件
|   |-- README.md           // client說明文檔
| |-- server                // 服務端
|   |-- controllers         // 控制器
|     |-- index.js
|     |-- tasks.js          // 任務管理
|     |-- users.js          // 用戶管理
|   |-- global              // 全局配置
|   |-- middlewares         // 中間件
|   |-- models
|     |-- tasks.js          // 任務模型
|     |-- users.js          // 用戶模型
|   |-- test
|     |-- api.test.js       // 接口測試文件
|   |-- utils
|     |-- index.js          // 工具方法
|   |-- .babelrc            // ES6語法編譯配置
|   |-- .eslintrc           // 代碼規(guī)范
|   |-- package.json        // 項目及工具的依賴配置文件
|   |-- server.js           // 服務啟動入口
|   |-- README.md           // server說明文檔
| |-- README.md             // 說明文檔
客戶端 運行

你可以像打開一般Mac應用一樣，直接打開TodoManager.app文件運行。

開發(fā) 
TodoManager.app/Contents/MacOS/node-webkit .
服務端 部署

服務端已經(jīng)部署在我自己的服務器上，不需要你進行部署啦。
當然如果你希望將服務端部署在你自己的服務器上，你需要：

1.安裝mongodb 

2.將client/js/fetch.js中的baseUrl改為你自己的服務器地址。

3.啟動node服務。
安裝依賴 
npm install
啟動 
npm start
測試 
npm test
功能

[x] 注冊登錄

[x] 本地/服務端存儲數(shù)據(jù)

[x] 實時編輯

[x] 重命名任務

[x] 添加/刪除一個任務

[x] 改變?nèi)蝿諣顟B(tài)

展示 注冊登錄


編輯

補充說明

本項目實現(xiàn)的功能比較簡單。由于我之前沒有寫過node服務和node-webkit桌面應用，所以本項目算是對這兩者的一次窺探和嘗試吧。項目當中若存在的不足之處還望指正。有什么好的建議也可以提哈~

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107275.html

相關(guān)文章

  • vue2全家桶+koa2+mongodb搭建一個簡單偽全棧博客

    摘要：本來不想推的，看到上有個項目很簡單，都有，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門和以及再好不過了。 本來不想推的，看到github上有個項目很簡單，都有300 star，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門vue2和nodejs以及mongodb再好不過了。 等這幾天把公司手頭的事情忙完，再把vuex的部分強化下。 基于vue2/vuex/vue-rout...

    bitkylin 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

  • 2017年3月份前端資源分享

    平日學習接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個網(wǎng)址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析 深入 Promise(二)——進擊的 Promise Effective JavaScript leeheys blog -...

    kamushin233 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<