Framework7+Vue+Flask开发实战 - PT保种管理系统1 - 概述

参考：
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

简介：

1. 技术栈：前端（Vue.js, Framework7, Vuex）+后端（Flask, SQLAlchemy）+打包（Phonegap, webpack）+平台（Heroku/Python/Node.js）
2. 用途：PT网站是一群个体，内部分享资源的方式。官方种子如果无种，则需要保种员提供。这是一个方便保种组长和保种员记录任务的在线系统。分配任务、确认任务、自助一键认领、试算种子总大小、一键生成ID/下载列表
3. 访问：通过浏览器访问地址即可，推荐谷歌、火狐。傲游、UC等浏览器可能不兼容。由于使用了Phonegap开发，如有需要，可以方便地创建iOS/Android App
4. 一套系统同时适应移动端和桌面端：手机、电脑访问时，自动切换用户界面

功能：

• 注册/登录/退出：前端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...