Flask, Vue.js 中集成 Bootstrap/BootstrapVue

r囧r小猫 2023-02-24 03:38 4阅读 0赞

紧接上一篇 [Flask 和 Vue.js 开发及整合部署实例][Flask _ Vue.js]，来体验一下它们与 Bootstrap/BootstrapVue 的集成。漂亮的网站少不得一个好的 CSS 框架，现在有许许多的 CSS 框架可选，纯 CSS 的, 轻量级的, 含 JS 的 CSS 框架，如 [Pure][], [Bulma][], [Spectre][], 国产的 [Element][] 等。而我总觉得 Bootstrap 更是五臟俱全，像 Element 专为 Vue.js 打造的一样，Bootstrap 也有 BootstrpVue 那样一个结晶品。

本文准确的内容应该是关于 Vue.js 与 Bootstrap/BootstrapVue 的话题，与 Flask 没什么事，不过这里呢，还是强拉上 Flask, 由 Flask 的 API 来产生一些数据。

同样是阅读 [Flask和Vue.js构建全栈单页面web应用【通过Flask开发RESTful API】][Flask_Vue.js_web_Flask_RESTful API]的一个实践品。本篇基于 [Flask 和 Vue.js 开发及整合部署实例][Flask _ Vue.js] 中的步骤建立的项目 [flask-vue-app][]，方便起见，用了一个新项目名称 [flask-vue-bootstrap][]。记得我们为 Flask 和 Vue.js 分别建立了 backend  和 frontend 两个子项目。 [阅读全文 >>][Link 1]

[Flask _ Vue.js]: https://yanbin.blog/flask-vue-js-integration-dev-deploy/
[Pure]: https://purecss.io/
[Bulma]: https://bulma.io/
[Spectre]: https://picturepan2.github.io/spectre/
[Element]: https://element.eleme.io/#/en-US
[Flask_Vue.js_web_Flask_RESTful API]: https://zhuanlan.zhihu.com/p/76588212
[flask-vue-app]: https://github.com/yabqiu/flask-vue-app.git
[flask-vue-bootstrap]: https://github.com/yabqiu/flask-vue-bootstrap
[Link 1]: https://yanbin.blog/flask-vue-js-integrate-with-bootstrap-bootstrapvue/#more-10333

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 VueJS总结

.v-for 循环中属性拼接字符串 <a v-bind:href="'/forum/list/?id=' + id" > /forum/list/?id=为拼...

ゞ浴缸里的玫瑰/ 2024年04月18日 07:52/ 0 赞/ 116 阅读

相关关于 Apache 与 Flask 的集成经历

在 Flask 的官方文档 [mod\_wsgi(Apache)][mod_wsgi_Apache], 说来倒是轻巧，实际操作起来不得不时刻要凝视眼前的无数大坑，或许 Linu

谁践踏了优雅/ 2023年02月27日 10:36/ 0 赞/ 1 阅读

相关 Flask, Vue.js 中集成 Bootstrap/BootstrapVue

紧接上一篇 [Flask 和 Vue.js 开发及整合部署实例][Flask _ Vue.js]，来体验一下它们与 Bootstrap/BootstrapVue 的集成。漂亮的

r囧r小猫/ 2023年02月24日 03:38/ 0 赞/ 5 阅读

相关 vuejs java_vuejs深入浅出—基础篇

一、从HelloWorld说起任何语言的都是从Hello World开始的，VueJs也不例外，直接上代码： \{ \{hello\}\} new Vue(\{ el

朱雀/ 2022年11月05日 12:56/ 0 赞/ 433 阅读

相关 VueJS初探

文章目录 Vue基本代码和MVVM之间对应关系 v-cloak、v-text、v-html的基本使用 v-bind指令-缩写是：

电玩女神/ 2022年10月26日 15:27/ 0 赞/ 339 阅读

相关【Vuejs】Vuejs 中避免滥用 this 读取 data 中数据

![0974f3162e9813dc5f58074756139b49.png][] 作者：红尘炼心 https://juejin.cn/post/6934911314871

本是古典何须时尚/ 2022年10月19日 05:43/ 0 赞/ 225 阅读

相关 Vuejs——（6）Vuejs与form元素

资料来于官方文档： http://cn.vuejs.org/guide/forms.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更

深藏阁楼爱情的钟/ 2022年07月18日 00:14/ 0 赞/ 348 阅读

相关 Vuejs

1. 入门案例 1. 创建vuejs-demo.html <!DOCTYPE html> <html> <he

灰太狼/ 2021年12月21日 19:23/ 0 赞/ 390 阅读

相关 VueJS中学习使用Vuex详解

[转载https://segmentfault.com/a/1190000015782272][https_segmentfault.com_a_119000001578227

梦里梦外;/ 2021年09月30日 05:58/ 0 赞/ 409 阅读

相关 Vuejs 中常用的工具函数

1. isUndef > 判断参数是否是 undefined 或者是 null function isUndef (v) { return v

柔情只为你懂/ 2021年09月07日 16:00/ 0 赞/ 545 阅读