本文记录了从零开始入门flask与vue开发。
后端接受API并返回数据。返回的数据可以从数据库中查询修改
前端构建和展示页面,一些交互通过ajax等库向后端发送API请求,然后对返回的结果进行处理
如果是vue,则通过axios从后端取需要的数据
我主要是参考文章[1]进行环境准备。[1]应该是参考了英文文章[2],两篇多看几遍的话,可以非常浅薄的入门。当然英文作者写了更多类似文章,可以多阅读几篇[3]。[0]也是非常基础的入门文章
代码:https://github.com/testdrivenio/flask-vue-crud
npm install --save vue-router
npm install eslint-plugin-standard --save-dev
每一个vue都通过 Vue.createApp({}) 作为入口,例子中位于main.js。
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
也可以位于 index.html的中
mount这句连接Vue instance和HTML code
先把这个跑通: https://github.com/oleg-agapov/flask-vue-spa
进一步学习了[4]中的结构和学习
[0] https://codeburst.io/full-stack-single-page-application-with-vue-js-and-flask-b1e036315532?gi=dd0f9c94d622
[1] https://www.cnblogs.com/dream-on-all-in/p/12630690.html
[2] https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
[3] https://testdriven.io/blog/accepting-payments-with-stripe-vuejs-and-flask/
[4] https://github.com/Yy2z/Smart-park-management-platform
https://github.com/gtalarico/flask-vuejs-template
https://github.com/nmgwap/vue-ManagementPlatform
https://github.com/Oudanlu/vue3-Member-Management-Center
https://learnku.com/python/t/24985
https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
https://github.com/secrul/factory-manage
https://github.com/mars-knowsnothing/travel-application-system
https://cn.vuejs.org/