參考：
PhoneGap Hybrid APP 開發(fā)實(shí)戰(zhàn)(3)：用戶登錄 鑒權(quán)
PhoneGap Hybrid APP 開發(fā)實(shí)戰(zhàn)(2)：Framework7 + Vue.js模板
PhoneGap Hybrid APP 開發(fā)實(shí)戰(zhàn)(1)：第一個(gè) Android APK
phonegap 部署到 heroku
目前網(wǎng)站已經(jīng)升級(jí)到0.5.0版本。
開發(fā)實(shí)際應(yīng)用網(wǎng)站律罢，跟自己練手還真不一樣嘱支，有很多心得需要總結(jié)淘菩，待續(xù)褥民。涤伐。盔憨。
最近徙菠，綜合之前的知識(shí)，快速開發(fā)了一個(gè)PT保種管理系統(tǒng)郁岩。得益于Vue+Flask快速性婿奔，兩天框架就成型、上線了问慎，后續(xù)也能無(wú)痛不斷添加新功能萍摊。
已經(jīng)部署到了Heroku.com，投入實(shí)際使用了如叼。這里記錄一下開發(fā)過(guò)程的心得冰木。
地址： http://ourbits.herokuapp.com
Paste_Image.png
簡(jiǎn)介：
- 技術(shù)棧：前端（Vue.js, Framework7, Vuex）+后端（Flask, SQLAlchemy）+打包（Phonegap, webpack）+平臺(tái)（Heroku/Python/Node.js）
- 用途：PT網(wǎng)站是一群個(gè)體，內(nèi)部分享資源的方式笼恰。官方種子如果無(wú)種踊沸，則需要保種員提供。這是一個(gè)方便保種組長(zhǎng)和保種員記錄任務(wù)的在線系統(tǒng)挖腰。分配任務(wù)雕沿、確認(rèn)任務(wù)、自助一鍵認(rèn)領(lǐng)猴仑、試算種子總大小审轮、一鍵生成ID/下載列表
- 訪問：通過(guò)瀏覽器訪問地址即可肥哎，推薦谷歌、火狐疾渣。傲游篡诽、UC等瀏覽器可能不兼容。由于使用了Phonegap開發(fā)榴捡，如有需要杈女，可以方便地創(chuàng)建iOS/Android App
- 一套系統(tǒng)同時(shí)適應(yīng)移動(dòng)端和桌面端：手機(jī)、電腦訪問時(shí)吊圾，自動(dòng)切換用戶界面
功能：
- 注冊(cè)/登錄/退出：前端Vue达椰，通過(guò)API訪問后端Flask, by Flask-Security
- Python爬蟲，快速爬取PT種子信息
- 分配任務(wù)项乒、確認(rèn)任務(wù)啰劲、自助一鍵認(rèn)領(lǐng)、試算種子總大小
- 等等檀何。蝇裤。。
快速開發(fā)心得：
- 前后端同一電腦同步開發(fā)：參考：Vue+Flask輕量級(jí)前端频鉴、后端框架栓辜，如何完美同步開發(fā)
- Phonegap: @^6.5
- 設(shè)計(jì)好的數(shù)據(jù)模型至關(guān)重要！Python SQLAlchemy是神器垛孔，而且可以用migration無(wú)痛修改藕甩、升級(jí)數(shù)據(jù)結(jié)構(gòu)
- 數(shù)據(jù)庫(kù)多對(duì)多關(guān)系
- Vuex：前端統(tǒng)一的數(shù)據(jù)管理
- 如何引入外部的js
- 后臺(tái)Flask-Admin，自帶后臺(tái)管理功能
- 查詢自動(dòng)分頁(yè) Pagination
- v-clipboard 剪切板工具
- to be continued...
