所在的位置: html >> html介绍 >> FlaskWeb使用Bootstrap框

FlaskWeb使用Bootstrap框

Bootstrap是Twitter开发的一组用于网站和网络应用程序开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。它提供的用户界面组件可用于创建简洁且具有吸引力的网页,而且这些网页能兼容所有现代web浏览器。

Bootstrap作为前端客户框架,不会直接涉及服务器,服务器需要做的是提供引用了Bootstrapcss和js文件的html响应,并在html,css,js代码中实例化所需组件。这些操作最理想的执行场所就是模板啦。

既然这个框架那么好,怎么用在Flaskweb程序中呢?这里有个Flask现成的扩展Flask-Bootstrap,可以简化安装与集成,使用pip就能安装。

导入初始化后,就可以在在程序中使用一个包含所有Bootstrap文件的基模板了,这个模板也是利用Jinja2的模板继承机制的。一般的做法都是,基础模板定义通用的大体结构,利用继承,在衍生模板实现具体细节。

前面介绍的方法也能实现页面,为什么使用这个框架呢?因为这个框架实现页面简单,漂亮啊,包含导航条等,不用自己再去代码实现。




转载请注明:http://www.aierlanlan.com/rzfs/1995.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了