360SDN.COM

首页/Vue.js/列表

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

来源:  2018-04-12 09:27:14    评论:0点击:

参考:

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

技术栈:前端(Vue.js, Framework7, Vuex)+后端(Flask, SQLAlchemy)+打包(Phonegap, webpack)+平台(Heroku/Python/Node.js)
Paste_Image.png

 

简介:

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

功能:

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


作者:非梦nj
链接:https://www.jianshu.com/p/8609bc035b96
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权