参考：
PhoneGap Hybrid APP 开发实战(3)：用户登录 鉴权
PhoneGap Hybrid APP 开发实战(2)：Framework7 + Vue.js模板
PhoneGap Hybrid APP 开发实战(1)：第一个 Android APK
phonegap 部署到 heroku
目前网站已经升级到0.5.0版本。
开发实际应用网站，跟自己练手还真不一样，有很多心得需要总结，待续。。。
最近，综合之前的知识，快速开发了一个PT保种管理系统。得益于Vue+Flask快速性，两天框架就成型、上线了，后续也能无痛不断添加新功能。
已经部署到了Heroku.com，投入实际使用了。这里记录一下开发过程的心得。
地址： http://ourbits.herokuapp.com
Paste_Image.png
简介：
- 技术栈：前端（Vue.js, Framework7, Vuex）+后端（Flask, SQLAlchemy）+打包（Phonegap, webpack）+平台（Heroku/Python/Node.js）
- 用途：PT网站是一群个体，内部分享资源的方式。官方种子如果无种，则需要保种员提供。这是一个方便保种组长和保种员记录任务的在线系统。分配任务、确认任务、自助一键认领、试算种子总大小、一键生成ID/下载列表
- 访问：通过浏览器访问地址即可，推荐谷歌、火狐。傲游、UC等浏览器可能不兼容。由于使用了Phonegap开发，如有需要，可以方便地创建iOS/Android App
- 一套系统同时适应移动端和桌面端：手机、电脑访问时，自动切换用户界面
功能：
- 注册/登录/退出：前端Vue，通过API访问后端Flask, by Flask-Security
- Python爬虫，快速爬取PT种子信息
- 分配任务、确认任务、自助一键认领、试算种子总大小
- 等等。。。
快速开发心得：
- 前后端同一电脑同步开发：参考：Vue+Flask轻量级前端、后端框架，如何完美同步开发
- Phonegap: @^6.5
- 设计好的数据模型至关重要！Python SQLAlchemy是神器，而且可以用migration无痛修改、升级数据结构
- 数据库多对多关系
- Vuex：前端统一的数据管理
- 如何引入外部的js
- 后台Flask-Admin，自带后台管理功能
- 查询自动分页 Pagination
- v-clipboard 剪切板工具
- to be continued...
网友评论