Django项目中常使用的前端框架

最新推荐文章于 2024-02-29 07:32:06 发布
最新推荐文章于 2024-02-29 07:32:06 发布
阅读量6.5k 收藏 33
点赞数 3
分类专栏： # Django项目实战 文章标签： 前端框架 django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36581961/article/details/113344689
版权

文章目录


在项目开发中为了加快开发速度，提高研发效率，前端部分我们不会使用 原生的技术去实现，往往会使用一些 前端框架，前端有许多的框架，它们适配于不同的产品，我们会结合自身所需去考虑框架的选择。本篇就探索一下 django的快速开发中，我们可以使用那些前端的框架。

jQuery

jQuery是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

下载：https://jquery.com/download/
API文档：https://www.jquery123.com/

Bootstrap

Bootstrap是博主首选也是首推的框架，它相比于jQuery更为高级，最新的版本中功能更加的丰富，可以满足你开发中的大部分需求。而且文档清晰，上手也较为容易。

官方网站：https://getbootstrap.com/

Bootswatch

可以使用Bootswatch来装饰Bootstrap，有不同的免费主题

官方网站：https://bootswatch.com/

pure

pure很小，很强大的CSS框架，简洁干净

官方网站：https://purecss.io/

Materializecss

偏爱流行的Material Design风格？那么这个框架Materializecss，和这个框架Mui很适合你

官方网站：https://materializecss.com/

Bluma

Bluma也相当的不错、

官方网站：https://bulma.io/

liuwangleoooO
关注
  • 3
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于django写前端的几个好用的前端框架
python_jw的博客
12-27 3万+
前端CSS框架我选择了Bootstrap，不过后来还发现挺多好看的框架的，我是后悔了，列出来大家慢慢选  可以使用Bootswatch来装饰Bootstrap，有不同的免费主题可以选择semantic-ui，如果熟悉Bootstrap，学习这个基本没有成本pure很小，很强大的CSS框架，简洁干净偏爱流行的Material Design风格？那么这个框架Materializecss，和这个框
django环境测试前端代码
10-19
django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码django环境测试前端代码...
[Python] 基于Web框架Django 前端框架Vue.js + elementUi 实现前后端分离项目环境搭建指南
李威威wiwi的博客
04-15 9711
本文整合Django和Vue.js 并引入elementUi 实现前后端分离项目环境 最终的成品是设计出一个页面可以添加和显示学生信息. 一.前言 Django作为Python 三大Web框架之一,因其集成了大量的组件(例如: Models Admin Form 等等)而大受欢迎,但是他本身自带的template模板实在是有点弱.于是考虑引入Vue.js ,可以更加快速高效的开发出美观实用的Web页面. 二.环境及软件准备 Python: 本文版本:Python 3.5 安装教程:h...
python前端框架django_整合 Django + Vue.js 框架快速搭建 web 项目
weixin_39949584的博客
12-02 1072
一、 背景在工作中我们经常须要构件一些基于web的项目，例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前端Vue.js的技术栈快速地搭建起一套web项目的框架。为什么使用Django和Vue.js?Django是Python体系下最成熟的web框架之一，由于Python语言的易用性和受众面广，Django框架也因其能够快速开发网站应用的特性成为了中小型网站开发框架首选。且...
python web开发框架有哪些,python web前端开发框架
2301_81895949的博客
02-29 1051
优 点：Web2py 是一个用 Python 语言编写的免费的开源 Web 框架，旨在敏捷快速的开发 Web 应用，具有快速、可扩展、安全以及可移植的数据库驱动的应用，遵循 LGPLv3 开源协议。Web2py 提供一站式的解决方案，整个开发过程都可以在浏览器上进行，提供了 Web 版的在线开发，HTML 模版编写，静态文件的上传，数据库的编写的功能。优 点：Starlette 是一个轻量级的 ASGI 框架 / 工具包，非常适合构建性能异步服务，它是生产就绪的，并为您提供以下内容：令人印象深刻的表现。
手把手教你如何使用 Django + Vue.js 快速构建项目
hwijew的博客
08-19 5938
主要内容1. 前言2. 环境准备3. 创建 Django 项目4. 创建 Vue.js 前端项目 1. 前言 本篇将基于Django + Vue.js，手把手教大家快速的实现一个前后端分离的Web项目。 2. 环境准备 Python 3.6.1 Mysql 5.7.23 Pycharm （专业版） Node 3. 创建 Django 项目 创建完成后，目录结构如下所示 使用 Navicat 工具创建数据库 DjangoVue 安装 mysqlclient 库 配置 settings.py 文件
django框架使用方法详解
09-19
主要介绍了django框架使用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
python框架django项目部署相关知识详解
09-18
主要介绍了python框架django项目部署相关知识详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Django + Vue + HTTP实现后台管理项目
05-03
本PPT重在产出后端框架Django，前端框架Vue，交互协议HTTP，前后端交互流程这几个方面。其中以一个我已经设计好的项目为讲解路线，串联起web项目前后端分离开发思路，以及最主要的一点：数据交互。包括请求、响应、数据渲染等。有兴趣的朋友可下载观看，如有需要源码的朋友，可私信我获取gitee地址，方便更快速的学习知识点。
【web系列十】Vue3+Django+MySQL搭建前后端框架
Nicholson的博客
07-05 7233
这篇文章主要介绍前端、后端和服务器间的通信，如果有对这三个部分还不了解的或者不知道怎么搭建工程的可以去看博主的这三篇文章，希望能对你有帮助。
Python语言Django框架推荐
一米阳光的博客
03-05 332
一款 Python 语言基于Django、Layui、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架。
【转】整合 Django + Vue.js 框架快速搭建web项目
m0_37136911的博客
09-26 1311
转自：https://cloud.tencent.com/developer/article/1005607 可能遇到的问题及解决方法：https://segmentfault.com/q/1010000009075667/a-1020000011764624 一、 背景 在工作中我们经常须要构件一些基于web的项目，例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前...
单独使用django框架创建web项目
06-23
单独使用django框架创建web项目
基于Python Django框架的实战项目源码
最新发布
03-25
项目标题：基于Python Django的实战项目源码解析 技术栈：本项目主要采用Python语言开发，辅以HTML和CSS进行前端设计。 文件概览：总计174个文件，包括以下类型： - pyc文件（已编译的Python文件）：50个 - py文件（Python源码文件）：45个 - lrc文件（歌词文件）：16个 - ogg文件（音频文件）：11个 - css文件（层叠样式表）：10个 - html文件（超文本标记语言）：10个 - jpg文件（图片文件）：8个 - mgg文件（可能是音频或视频文件）：7个 - xml文件（可扩展标记语言）：5个 - png文件（图片文件）：3个 项目描述：本项目是基于Django框架开发的小型实战项目，主要用于个人练习和提升技术能力。项目涉及从前端设计到后端逻辑处理的全方位实践，适合作为学习Django框架的参考实例。
Python中 response[‘Content-Disposition‘] = ‘attachment；filename=测试.html‘ 无法下载或者中文乱码解决方法
qq_36581961的博客
02-14 2885
response[‘Content-Disposition’] = ‘attachment;filename=测试.csv’ 中文乱码 response = HttpResponse(content) response['Content_type'] = 'application/octet-stream' response['Content-Disposition'] = 'attachment;filename=%s.html' % (title) 我之前在开发某个需求时候，遇到这个问题，我希望下载的
Django项目中使用django-apscheduler执行定时任务
qq_36581961的博客
04-07 1743
文章目录依赖的模块Django中的配置使用问题 依赖的模块 pip install django-apscheduler Django中的配置 settings.py INSTALLED_APPS = [ ...... 'django_apscheduler',#定时执行任务 ] 迁移 python manage.py migrate 创建两张表：django_apscheduler_djangojob和django_apscheduler_djangojobexecution 使用
Django常用的插件总结和介绍
qq_36581961的博客
01-25 1674
其实呢 也就是python的一些组件
Django支持多语言开发—i18n
qq_36581961的博客
01-17 1564
文章目录Django 国际化简介安装配置gettext一个小的案例创建locale目录settings中的配置设置url视图和模板生成po、mo翻译文件总结 Django 国际化简介 国际化 -- Internationalization，i 和 n 之间有 18 个字母，简称 I18N 本地化 -- localization， l 和 n 之间有 10 个字母，简称 L10N 国际化意味着 Web 产品有适用于任何地方的潜力，针对程序开发人员；本地化则是指使一个国际化的程序为了在某个特定地区使用而进行实际
django项目创建vue前端文件
06-06
在 Django 项目中，你可以使用 Vue.js 创建前端文件。下面是一些简单的步骤： 1. 安装 Vue CLI 首先，你需要安装 Vue CLI。你可以使用以下命令安装： ``` npm install -g @vue/cli ``` 2. 创建 Vue.js 项目 在 Django 项目的根目录下创建一个新的文件夹，比如 `frontend`，然后在该文件夹中运行以下命令来创建一个新的 Vue.js 项目： ``` vue create . ``` 这将创建一个新的 Vue.js 项目，并将其添加到当前文件夹中。你需要选择一些选项，如 Babel、CSS 预处理器等，根据你的需求进行选择。 3. 配置 Django 项目 接下来，你需要将 Vue.js 项目与 Django 项目连接起来。可以在 Django 项目的 `settings.py` 文件中添加以下配置： ```python STATICFILES_DIRS = [ os.path.join(BASE_DIR, "frontend", "dist", "static"), ] TEMPLATES = [ { "BACKEND": "django.template.backends.django.DjangoTemplates", "DIRS": [ os.path.join(BASE_DIR, "frontend", "dist"), ], "APP_DIRS": True, "OPTIONS": { "context_processors": [ "django.template.context_processors.debug", "django.template.context_processors.request", "django.contrib.auth.context_processors.auth", "django.contrib.messages.context_processors.messages", ], }, }, ] ``` 这将使 Django 项目在运行时可以找到 Vue.js 生成的静态文件和模板。 4. 构建 Vue.js 项目 最后，你需要构建 Vue.js 项目并将生成的静态文件放入 Django 项目中。可以在 Vue.js 项目的根目录下运行以下命令来构建项目： ``` npm run build ``` 这将生成一个名为 `dist` 的文件夹，其中包含静态文件和模板。你需要将该文件夹复制到 Django 项目的根目录下。 现在，你已经成功地将 Vue.js 项目添加到 Django 项目中。在 Django 项目中使用 Vue.js 时，你可以在模板中使用 Vue.js 组件，或者使用 Django REST framework 创建 API 并从 Vue.js 组件中获取数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值