前端通常使用现代JavaScript框架（如React、Vue、Angular）进行开发，而后端使用服务器端语言和框架（如Django、Express等）进行开发。...代码复用性高：后端API可以被多个前端应用（如Web端和移动端）复用，提高了代码的可维护性和可复用性。...React来开发前端，通过Apollo Client与后端的GraphQL API进行交互。...children} );export default ApolloProviderComponent;创建查询和变更组件： 创建src/Posts.js来查询和显示文章...本文通过一个简单的博客系统示例，详细介绍了如何使用Django和GraphQL实现前后端分离，希望能对你的项目开发有所帮助。我正在参与2024腾讯技术创作特训营最新征文，快来和我瓜分大奖！
用自营商品设置价格提醒后，在京东秒杀时不提醒，在正常显示价格调整后往往在3.4个小时后才能收到提醒邮件。 于是，我从单个商品的监控下手，开始了这个小项目（与其说是项目，不如说仅仅是一个小脚本）。...如果让我推荐纯小白开始学Python后台开发，我会建议他从Django开始，在深入去了解Flask。 说回我的网站，网站初步上线后，我在自己的博客上还有Github上做了些宣传。...此外，为了应用前后台分离思想，我找了一个帅哥同学帮我写React前端，整个项目一下子就有模有样起来。...这一时期的主要改动有： 使用Springboot代替Django作为后台，向前端提供API 使用React作为前端，接受JSON数据 改用任务队列发送邮件 代理池支持免费代理，收费代理 免费代理使用Github...web网站：Springboot提供接口+React前端页面 Springboot（Api）+ Mysql（用户数据）+ React（前端） 表结构设计、Mybaits、Swagger2、Spring
好在我们已经在那篇《学习前端只需要三个月【框架篇】》中讨论了如何选择一个合适的技术栈。此时还有一个问题是，如何在一个合适的时机练习它。...GitHub 上找到相就的项目，如react-slingshot ?...我写过最多的应用就是与博客相关的应用了。当出现一个新的练手框架时，我总会用这个框架来把博客写一遍。...于是，我的博客的后台 API 用 Node.js、Flask、Django 实现过一遍，而前台则用 Backbone、Angular 1、React 实现过一遍，而 APP 方面也使用 Ionic 1...其它 假如，我们将前端和后台所要求的能力做一些对比，我们会发现前端在高级领域比后台简单一些。我的意思是，前端要在编程方面遇到瓶颈更快，并且需要从其他方面来补充，如后台，又或者是用户体验设计。
要在Python中监听HTML点击事件，我们通常会使用Web框架（如Flask、Django等）来构建Web应用，并结合JavaScript来处理前端交互。...当按钮被点击时，Flask应用会接收到这个POST请求，并在后台输出一条消息。通过这个代码示例，你可以了解到如何使用Flask和JavaScript来监听HTML点击事件，并在后端处理相关逻辑。...在/click路由中，每当接收到一个点击事件时，我们将点击次数加1，并将更新后的点击次数作为JSON响应返回给前端。前端可以根据这个响应来更新页面上显示的点击次数。...通过这个扩展示例，你可以进一步学习如何在Web应用中使用数据库来存储和处理数据，以及如何与前端进行数据交互。持续学习与探索Web开发是一个快速发展的领域，新技术和新工具不断涌现。...掌握前端框架: 学习并掌握流行的前端框架，如React、Vue.js、Angular等，能够帮助你更高效地构建复杂的前端应用。
服务端渲染（SSR）2.1 原理与工作流程SSR 的核心思想是：服务器在接收到用户请求后，通过后台模板引擎或服务器端框架将 HTML 模板与数据整合生成完整的 HTML 文件，然后将这份完整的页面内容一次性返回给用户...服务器处理请求：服务器通过后端应用（如 Node.js、Java、PHP 等）执行逻辑、查询数据库或调用其他服务。...加载并执行 JS：浏览器下载并执行前端框架代码（如 React、Vue、Angular 等）。前端请求数据：前端脚本向后端 API 请求数据（可能是 RESTful、GraphQL 等）。...4.3 典型案例分析搜索引擎依赖型网站：如营销型官网、博客或媒体站点。 SSR 能够保证页面在第一时间渲染出可读内容，并利于搜索引擎索引。若流量非常高，需做好服务器集群或缓存策略。...灰度发布与回滚 通过 Nginx 或容器编排（如 Kubernetes）进行灰度发布，在流量较低的时段测试新版本，若出现问题可及时回滚。7.
通过输出内容巩固知识：通过撰写博客、录制视频或与同学交流分享学习心得。 设立这些目标的原因很简单：技术的生命力在于实践与交流，而学习本身是为了解决问题和创造价值。...Django：全栈开发的捷径 在后端开发领域，Django是一个快速构建Web应用的优秀框架。通过学习，我掌握了从模型到视图再到模板的完整开发流程，并了解了如何设计数据库、优化查询效率等。...一个值得分享的项目是，我用Django开发了一个简单的任务管理系统，支持用户注册、任务创建和进度跟踪。这个项目让我理解了如何在实际开发中平衡功能和性能。 2....React：组件化开发的精髓 作为主流前端框架，React以其灵活性和组件化设计深受开发者喜爱。我学习React的主要目的是提高前端开发能力，同时掌握现代前端的开发理念。...在学习React过程中，我完成了一个动态天气查询应用，支持实时获取天气数据，并使用React Router实现了多页面切换。这一项目让我熟悉了React的核心特性，如状态管理和生命周期方法。 3.
我们可以在 Angular 应用、React 应用、Vue.js 应用 看到这些基本要素的影子，如：Vue Router、React Router、Angular 2 RouterModule 都是负责路由...如 Python 语言里的 Web 开发框架 Django 的 URLConf，使用正规表达式来表正 url(r'^articles/2003/$', views.special_case_2003),...稍有不同的是，后台的路由完全交由服务器端来控制，而前端的请求则都是在本地改变其状态。 ? 并且同时在不同的前端框架上，他们在行为上还有一些区别。...后台返回的值是可变的，它有可能不返回，有可能是 null，又或者是与我们要显示的值不一样——想要展示的是 54%，而后台返回的是 0.54。...举一个例子，当用户点击登录的时候，发送数据到后台，由后台返回这个值。由控制器一一的去修改这些状态，最后确认这个用户登录，并发一个用户已经登录的广播，又或者修改全局的用户值。
但是偶然发现了别人博客使用了一个开源的前端插件 tctip，可以公告栏和打赏还有微信群二维码显示，感觉非常符合我的要求，于是经过一轮考虑之后，我把这个前端插件做成了 django 的应用，可以非常方便地接入任何...这篇博客主要来介绍一下我编写这个应用插件 django-tctip 的过程和应用的用法。...新增特性： 由于所有配置都是后台控制，所以后台可以添加多套配置，有开关来控制当前使用哪一套配置 每个栏目也有开关，可以控制每个栏目是否显示 新增最小显示尺寸字段，可以通过设置最小显示尺寸来控制不同设备是否显示界面...的所有配置都被封装到了 django 的模型中，可以通过后台进行修改，前端是通过 django 的模板来渲染的，所以我们可以来看一下模板的内容： {% load static %} {% if tip... 第五步：前往后台添加配置 后台配置界面如图显示： 这时候就可以去前台查看显示界面了，直接看我博客的效果即可，不贴图了。
如Payload触发了却不在前端页面显示。 为了解决这个问题，我们开发了CEYE平台。通过使用诸如DNS和HTTP之类的带外信道，便可以得到回显信息。...前端框架？ 这里面临了2个选择，Vue or React？ 选择熟悉的？Vue （iView，Element） 选择适配公司技术栈的？React （AntDesign） 学习新技术！React！...作为一个二手前端，于是开始了踩坑React之旅，各种深坑浅坑不断，还好都一一解决了。...作为曾经的Vue粉简单对比下React和Vue： 生态圈： 明显感觉到了React生态圈的强大，蚂蚁金服前端团队的AntDesion项目，真的把我惊艳到了。...对于写惯了django template等等后端渲染模版的方式后再学Vue template就会很容易上手，而刚开始用React的JSX语法会觉得有点别扭，但是习惯了又会写得很爽。
猫头虎分享：Python库 Django 的简介、安装、用法详解入门教程 今天猫头虎收到了一位粉丝的问题：“猫哥，如何在项目中使用Django搭建一个Web应用呢？”。...别急，今天猫哥带您一步步解决这个问题！ Django 是Python最流行的Web框架之一，它帮助开发者快速、高效地构建功能强大的Web应用程序。...通过Django，你可以少写代码，快速开发出功能强大的应用程序。以下是Django的几个核心特点： 核心特点: 快速开发：内置了很多常见的Web开发组件，如用户认证、管理后台等。...编写视图 (Views) 视图决定了如何显示数据。...，大家应该已经掌握了如何安装Django并创建一个简单的博客应用。
通过使用一些 admin 自带的参数，可以定制出一套非常丰富的后台管理系统。这篇文章就来通过我的博客的实例介绍一下我认为比较实用的 admin 参数设置。...exclude 这个属性是用来设置不需要展示的字段的，接受一个元祖或者列表，只要设置了的字段就不会在后台显示，比如这个例子中我不想要后台显示文章的阅读量。...后台全局属性 可以通过以下设置后台的名称： # 自定义管理站点的名称和URL标题 admin.site.site_header = '网站管理' admin.site.site_title = '博客后台管理...使用 bootstrap_admin Django 默认的后台管理界面并不好看，为了让后台显示更加美观，可以引用一个后台的插件，这个插件就是 bootstrap-admin，它可以把后台的显示变成 bootstrap...的样式，正好跟我的前端很搭。
本篇介绍如何在vue端向django发送post请求，以及django处理post请求的方式 这次要实现的功能是：点击【身份证ID】生成指定数量的身份证号 1....=== "b01") { //通过event.target.id，获取浏览器监听到的点击事件，并查看点击元素的id，通过比对id值判断触发哪个请求 axios({...', ] 解决django-csrf认证-方法2 网上的资料繁杂，很多博主给的解决方式都已经失效(不清楚是不是和版本有关)，结合多篇博客，经过大量实践，终于找到一个可行的解决方法(虽然成功了，但是本人不理解其中的原理...(等下前端需要调这个方法获取token) create_data/urls.py from django.urls import path from . import views urlpatterns...= true 或者 前端没有调用后台生成csrftoken的方法，触发post请求时，django服务器便不会发给客户端这个cookie 网上也有博主说可以在axios请求中添加 withCredentials
在此之前我们完成了 Django 博客首页视图的编写，我们希望首页展示发布的博客文章列表，但是它却抱怨：暂时还没有发布的文章！...如它所言，我们确实还没有发布任何文章，本节我们将使用 Django 自带的 Admin 后台来发布我们的博客文章。...创建 Admin 后台管理员账户 要想进入Django Admin 后台，首先需要创建一个超级管理员账户。...在支持 Markdown 语法部分中将介绍如何在文章中插入图片的方法。...如果遇到问题，请通过下面的方式寻求帮助。 在下方评论区留言。 将问题的详细描述通过邮件发送到 djangostudyteam@163.com，一般会在 24 小时内回复。
前后端彻底分离 后来随着前端技术的飞速发展，浏览器的不断迭代，前端 MVC 框架应运而生，如 React、Vue、Angular ，利用这些框架，我们可以轻松的构建起一个无需服务器端渲染就可以展示的网站...--前端渲染 --> id="rander"> --请选择所属业务--...前后端彻底分离带来的优点是显而易见的： 1.提高工作效率，分工更加明确 前后端分离的工作流程可以使前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的...3.降低维护成本 通过目前主流的前端 MVC 框架，我们可以非常快速的定位及发现问题的所在，客户端的问题不再需要后台人员参与及调试，代码重构及可维护性增强。...什么是 REST API，可以看看阮一峰老师的博客上的解释，这里就不啰嗦了。
前言 上一篇已经实现在xadmin后台编辑markdown语法的文档，编辑完成之后发布博客，在前端html能把markdown语法显示出来。...Django 框架的核心组件有：- 用于创建模型的对象关系映射 - 为最终用户设计的完美管理界面 - 一流的 URL 设计 - 设计者友好的模板语言 - 缓存系统。# 图片展示图片显示!...): '''博客详情展示, 根据id读取''' blog = Blog.objects.filter(id=int(id)).first() blog.content = markdown.markdown...出于安全方面的考虑，任何的 HTML 代码在 Django 的模板中都会被转义（即显示原始的 HTML 代码，而不是经浏览器渲染后的格式）。...hello/css目录，执行以下指令，会在当前目录生成一个code.css文件 pygmentize -S default -f html -a .codehilite > code.css 在模板里面引入这个
Django 系列博客（一） 前言 学习了 python 这么久，终于到了Django 框架。...这可以说是 python 名气最大的web 框架了，那么从今天开始会开始从 Django框架的安装到使用一步步的学习，这系列博客不会像前端的那样水了（立个 flag），希望可以成为高质量的博客。...那么本篇博客介绍 Django 的安装以及如何在电脑上运行第一个 Django 应用。...Django 的安装 Django 的安装很简单，在 win 和 mac 上面都可以使用 pip 安装命令安装，也可以通过 pycharm 安装，或者下载文件在命令行使用安装工具安装。...因为我之前已经下载好了，所以这里直接显示请求已经完成，并且后面是安装的绝对路径。 前往目标文件夹 这个文件夹是你用来保存虚拟环境的文件夹，该文件夹一旦确定就不要轻易更改。 ?
目录 BBS项目（二） ORM 创建相关表 表模型 修改admin样式 Simple-UI 注册表添加数据 注册forms类编写 注册功能前端搭建 头像实时显示功能实现 BBS项目（二） 可以在本地写或虚拟环境...') # 博客表 class Blog(models.Model): # 博客标题 site_title = models.CharField(max_length=32)...admin.site.register(models.Commit) admin.site.register(models.Category) admin.site.register(models.Tag) 应用名改成中文在后台显示...verbose_name = '博客管理' # 如果想改表名为中文在后台显示，只需在类中添加Meta类 class Meta: # admin进入以后看到的名字...verbose_name_plural = '博客表' 注册forms类编写 '''forms校验''' from django import forms from django.forms import
本文是由马哥教育金牌讲师小智的文字分享《如何快速搭建一个博客》整理而来。 ---- 1.django简介 Django是一个开放源代码的Web应用框架，由Python写成。...视图（View）表现层 处理与表相关的决定： 如何在页面或其他类型文档中进行显示。 模板(Template)，业务逻辑层 存取模型及调取恰当模板的相关逻辑。模型与模板的桥梁。...02-pyenv-centos/ 3.通过pyenv 安装一个python3.6.2 pyenv install 3.6.2 4.使用pip安装: pip install django==1.11 pip...自带一个admin的后台，只需要简单的配置就能让我们快速的使用，这是django的一个强大之处。...2.配置admin.py之前，需要先了解一下admin的用法 需要继承admin.ModelAdmin list_display:admin 后台显示的字段 search_fields:admin 后台查询的字段
的auto_now、auto_now_add 7.获取已登录用户的名字 8.数据库表中属性的自增/自减操作 9.执行原始sql语句 10.分页显示数据 1.前后台的数据传递 view -> HTML：使用...-这个是django中的一个标签，用于防止恶意攻击使用，如果不加入这个标签，会遇到不能提交的问题，处理麻烦一点，建议加上。...前端显示 {% if messages %} {% for msg in messages %} alert('{{ msg.message...%} 8.数据库表中属性的自增/自减操作 通过相对更新的操作来更加快速、健壮地实现，而不是显示地(explicit)对新值进行赋值。...paginator.num_pages) return render(request, 'index1.html', {'posts': posts,"posts_list":posts_list}) 前端显示
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
