好用的plugins

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的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

什鲤子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值