Django个人博客搭建3pycharm上使用html前端BootStrap框架

作者：笑点已阵亡 | 来源：互联网 | 2023-01-21 16:01

基于BootStrap的网页前端在进行博客搭建的之前，我发现以前学的那点html+css基础根本不够用，本想找开源前端，发现都不是自己想要的，在朋友圈说：谁能帮我写个前端调侃一下，

基于BootStrap的网页前端

在进行博客搭建的之前，我发现以前学的那点html+css基础根本不够用，本想找开源前端，发现都不是自己想要的，在朋友圈说：谁能帮我写个前端调侃一下，结果就有好多朋友来给我推荐这个叫BootStrap的框架，所以就先花两天半的时间学习一下这个。

使用框架的前期准备

前往BootStrap中文网（不是中文网也行）
Django个人博客搭建--3--pycharm上使用html前端BootStrap框架
点击下载按钮

选择第二个：下载源码
下载完毕之后，会在桌面生成一个叫bootstrap的文件夹

我们需要的文件都在dist文件夹里面

在pycharm里的操作

在项目文件夹里创建一个名为static的文件夹，在此之前需要去setting.py引入
Django个人博客搭建--3--pycharm上使用html前端BootStrap框架
然后在static文件夹里创建一个css文件夹，一个js文件夹

打开bootstrap>dist>css，找到bootstrap.min.css

复制粘贴进pycharm刚创建的css文件夹里，顺便找到bootstrap.min.js和jquery.min.js导入js文件夹里
Django个人博客搭建--3--pycharm上使用html前端BootStrap框架
引入需要在头部添加这句话

在html尾部添加这两句，注意：jquery需要比js先引入
此时运行会发现报错，为什么呢？
因为我们没有在html引入static静态文件！！
如图：

这句话的前提是我们有static文件，并且在setting里有配置

推荐阅读

jquery
HTML5网页模板怎么加百度统计？

本文介绍了如何在HTML5网页模板中加入百度统计，并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题，并介绍了如何使用Visual Studio 2010创建HTML5模板。此外，还提到了使用Jquery编写美好的HTML5前端框架模板的方法，以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]

蜡笔小新 2023-12-11 12:06:41
node.js
从零基础到精通的前台学习路线

随着互联网的发展，前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线，包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习，可以掌握前台开发的基本技能，并有能力找到一份月薪8000以上的工作。 ... [详细]

蜡笔小新 2023-12-10 20:05:15
ip
Voicewo在线语音识别转换jQuery插件的特点和示例

本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]

蜡笔小新 2023-12-13 20:01:16
ip
高校天文共享平台开发过程中的思考与规划

本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面，并总结了项目存在的问题，如前后端未分离、代码混乱等。作者表示希望通过记录和规划，能够理清思路，进一步完善该平台。 ... [详细]

蜡笔小新 2023-12-13 18:08:58
string
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
string
springboot项目引入jquery浏览器报404错误的解决办法

本文介绍了在springboot项目中引入jquery时，可能会出现浏览器报404错误的问题，并提供了解决办法。问题可能是由于将jquery.js文件复制粘贴到错误的目录导致的，解决办法是将文件复制粘贴到正确的目录下。如果问题仍然存在，可能是其他原因导致的。 ... [详细]

蜡笔小新 2023-12-12 12:06:25
ip
如何压缩网站页面以减少页面加载时间

本文介绍了影响网站打开时间的两个因素，即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法，并推荐了相应的压缩工具。此外，还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ... [详细]

蜡笔小新 2023-12-09 09:17:00
string
Java实现大数乘法（分治算法）

本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]

蜡笔小新 2023-12-14 15:43:50
string
Mac OS 升级到11.2.2 Eclipse打不开了，报错Failed to create the Java Virtual Machine

本文介绍了在Mac OS升级到11.2.2版本后，使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 12:01:13
string
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
jar
SpringBoot集成前端模版（thymeleaf）的配置步骤

本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]

蜡笔小新 2023-12-14 10:11:46
string
关于cuowu类的错误提示和使用AdjustmentListener的问题

本文讨论了一个关于cuowu类的问题，作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案，并给出了两个可能导致错误的原因。 ... [详细]

蜡笔小新 2023-12-13 22:09:56
process
Linux进程控制块PCBtask_struct结构体结构及作用详解

本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用，包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]

蜡笔小新 2023-12-13 21:31:18
string
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
string
Python中如何隐藏密码输入

本文介绍了在Python中使用getpass模块隐藏密码输入的方法，以保护用户的密码不被其他人员看到。同时还提到了在PyCharm中运行该命令无效的问题，需要在terminal中运行。 ... [详细]

蜡笔小新 2023-12-11 13:46:19

笑点已阵亡

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章