Bootstrap
-
前端开发的开源工具包
-
用 version 3 就好,社区已经完善中文文档便于查看
-
需要你下载
放在/static/plugins中, -
CSS
在head标签中引入()<link rel="stylesheet" href="static/plugins/bootstrap/css/bootstrap.css"> <!--开发版本--> 或 <link rel="stylesheet" href="static/plugins/bootstrap/css/bootstrap.min.css"> <!--生产版本(容量更小)-->
Django中则是
<link rel="stylesheet" href="{% static 'plugins/bootstrap-5.1.3-dist/css/bootstrap.css' %}">
在这里找到所需的组件 ,可以
ctrl + shift + C
检查元素
示例程序登陆界面 https://github.com/whatcarp/django_project -
JavaScript
Bootstrap依赖JavaSCript的类库: jQuery 能够实现一些动态的效果
点此下载 jQuery,放在 static/js/ 中
在 body 标签中加上<script src="static/js/jquery-3.6.0.min.js"></script> <script src="static/plugins/bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
之后便可以使用 Bootstrap 的 Js插件 了,如弹窗等,在这里找就好
Font Awesome
- Font Awesome 为您提供可缩放的矢量图标
- 虽然 bootstrap 有很多图标,但如果不够用可以选择 font awesome
Apache ECharts
- Apache ECharts 是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。