- 博客(391)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 Django开发一个学生选课系统
然后是如何区分是否为管理员：{% if request.user.is_staff %}学生登录系统以后，只能看到选课信息。管理员登录以后，可以看到选课信息和其他的管理系统。在这个选课系统中，分为管理员和学生两种角色。其他代码就是一些增删改查，没啥太大的难度。这里分享一些简单的代码片段。
2024-04-13 11:27:24
210
原创 Django开发一个简易学生管理系统
这个模板也稍微有点复杂，一个是性别的渲染，利用了for循环渲染和if条件渲染两种灵活的语法，用于标识被选中的值。另一个是生日的渲染，生日默认会渲染为“2024年1月1日”这样的格式，inpute:date标签无法渲染，需要手动转换为"2024-1-1"这样的格式。我们先根据学生ID查询学生信息，如果是GET请求，就将学生信息传递给前端，然前端渲染要修改的学生信息。如果是POST请求，我们就获取用户要修改的学生信息，进行替换，然后保存到数据库。启动服务，访问后台，然后添加几个学生，至少添加三个。
2024-04-13 08:43:07
756
原创 研究了一款Vue2开发的Markdown编辑器
然后我把目光看向了这个：https://github.com/nicejade/markdown-online-editor。虽然这个项目使用Vue2开发的，不过好的是全是用JavaScript写的，我个人还是比较喜欢JavaScript的风格。最近突然喜欢开始写作了，写笔记，写日记，写总结，各种写。所以，想要打造一个自己喜欢的编辑器，于是开始研究。但是我比较喜欢的是Markdown编辑器。这个项目里面没有，比较遗憾。开始感觉有一点点还可以了。所以我决定自己加一个。
2024-04-13 08:30:09
221
原创 Django 实现登录功能
登录页面：这个页面中，我们使用csrf生成一个隐藏输入框，这样Django会检测是否为CSRF跨站攻击。然后给出了用户名和密码的输入框，以及一个登录按钮。首页：这个页面非常简单，只需要展示自己是首页即可。
2024-04-12 07:08:33
547
原创 Django从模型到后台到模板完整开发图书列表的简易案例
最后，我们新建books/templates/books/book_list.html，用来显示HTML代码。此时，重启服务，再次访问首页，就能够看到刚才在后台管理界面中添加的图书了。你可以多添加几本图书再试试。登录后台：http://127.0.0.1:8000/admin。之后在后台中找到图书，新增基本图书。
2024-04-11 08:25:18
278
原创 Django的路由分组和路由转发器
复制zdpdjango_basic，然后在templates中新建一个articles.html文件，用来展示文章列表：创建视图函数在index/views.py中，创建一个articles_view的视图函数：修改路由接着，修改index/urls.py，定义文章列表的路由：此时，浏览器访问：http://localhost:8000/articles/2024/4/在实际的使用中，我们的年份和月份通常是根据实际的日期动态传递过来的，所以我们这里不能写死。改写index/urls.py如下：当
2024-04-11 08:22:23
432
原创 zdpdjango_materialadmin使用Django开发一个Material风格的后台管理系统
利用Django自带的后台管理系统功能，加上这套漂亮的UI，如果要开发一些简单的后台管理系统的话，已经基本足够了。如果想要完整的源码的话欢迎私信我。如果您想要学Python，找私教，欢迎私信我。
2024-04-08 07:28:20
516
原创 zdpdjango_argonadmin Django后台管理系统中的常见功能开发
效果预览首先，看一下这个项目最开始的样子：左侧优化将左侧优化为下面的样子：代码位置：代码如下：{% load i18n static admin_argon %}<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 " id="sidenav-main"> {#左侧LOG
2024-04-07 08:57:44
573
原创 zdpdjango_argonadmin使用Django开发一个美观的后台管理系统
今天的代码实战就到这里了，如果大家需要源代码，欢迎私信或者留言。Django零基础全栈班已正式开课，欢迎想学习Django的同学报名学习。
2024-04-07 08:34:29
583
原创 zdpreact_antdesginpro 继续优化Ant Design开发的后台管理系统
今天的优化就先到这里吧。想要源码的同学留言或私信即可。如果对您有帮助，麻烦打赏一些。
2024-04-06 12:35:00
314
原创 zdpdjango_softuiadmin 基于Soft UI的Django后台管理系统初探
作为第一次的一个代码基本梳理，到目前为止就差不多了。需要源码的同学欢迎留言或者私信。如果觉得本篇文字对您有帮助，麻烦打赏一下。如果需要Python私教，或者录播课程，欢迎私信我。另外，Django零基础全栈班正式开班了，欢迎咨询报名。
2024-04-06 00:45:00
401
原创 zdpreact_antdesginpro 研究一下react里面比较流行的一个UI框架，开发后台管理系统
首先看一下最开始的代码：这里面大部分的东西都可以删掉，比如README，只留下中文的那个就可以了。之后看看README.md中介绍的特性。
2024-04-05 09:35:11
1067
原创 zdpcss_transparent_animation_login：使用纯HTML+CSS+JS开发支持设置主题和带动画的科技风登录界面
因为这套代码交互比较复杂，这里无法贴上全部代码了。如果有感兴趣的朋友可以私信我获取。如果您觉得这篇文章对您有帮助麻烦打赏一下！另外，在输入账号和密码的时候，会有一个轻微的抖动动画效果，告诉用户当前正在输入的是什么。
2024-04-05 00:00:00
541
原创 zdpcss_transparent_login：不需要背景图，生成一个半透明的炫酷登录界面
这种半透明的登录界面还是比较炫酷的，和之前的黑客登录界面比起来，各有优点，适合不同的场景。比如这个就看上去科技感比较足，而且比较正式，适合大部分的登录界面。是不是特别的简单呢？只有两个shape元素，这个shape元素就是登录界面的背景图里面看到的那俩个圆。需要注意的是，这里的背景是使用CSS进行渲染的，而不是需要UI帮我们设计的背景图。如果需要完整的代码，可以私信我哦。如果对您有帮助，麻烦记得打赏一下。那么这种登录效果是怎么实现的呢？
2024-04-04 09:08:15
534
原创 zdpcss_hacker_login：制作一款黑客登录页面，超级炫酷，不信看图
废话不多说，先上图，有图有真相：这个是静态图，动态图不知道咋弄，动态图看起来要更炫酷一点，背景有那种绿色的流光效果，鼠标滑过的区域也会有对应的动画效果。首先，给大家看看背景图的元素咋实现的，目前是第一版本：<!--背景开始--> <span></span> <span></span> <span></span> <span></span> <span></span&g
2024-04-04 08:35:59
868
原创 CSS网页布局权威指南02 样式表内容
有时你会看到CSS的前面有连字符和标签，像这样:- border-image。这些供应商前缀是浏览器供应商将属性、值或其他CSS标记为实验性或专有(或两者兼而有之)的一种方式。截至2023年初，一些供应商的前缀还在使用，最常见的如表1-1所示。-epub- 国际数字出版论坛ePub格式-moz- 基于gecko的浏览器(例如，Mozilla Firefox) -ms- Microsoft Internet Explorer-o- 欧鹏浏览器。
2024-04-03 07:27:30
793
原创 CSS网页布局权威指南01 (网络)样式简史
模块化CSS的基本原理是，每个模块都可以按照自己的进度进行工作，特别是关键的(或流行的)模块可以沿着万维网联盟(W3C)的进度轨道推进，而不会被其他模块阻碍。这些问题威胁到CSS的发展，但幸运的是，一些聪明的建议被实现了，浏览器开始协调一致。在几年之内，由于互操作性的提高和高调的发展，如基于CSS的Wired杂志的重新设计和CSS禅宗花园，CSS开始流行起来。它的目标是为网页作者提供一种简单的、声明式的样式语言，这种语言非常灵活，最重要的是，为作者和用户提供样式功能。有了这些，我们就可以开始理解CSS了。
2024-04-03 07:24:48
812
原创 FastAPI+React全栈开发21 探索React路由器和其他好东西
我们可以通过React Motion通过微妙的动画来增强我们的用户体验，我们可以通过一些优秀的表单库(如Formik或React Hook form)来加速表单的开发。然而，单页应用程序并不局限于单一的URL，如果你导航到你的Gmail帐户，你会看到URL，事实上，随着你可能采取的每一个操作而改变。虽然有几种解决方案可以让我们在单页应用程序(spa)中实现路由，但React Router是事实上的标准解决方案，它是一个经过良好测试的成熟包，最近进行了一次重大更新(版本6)。
2024-04-02 07:35:23
742
原创 FastAPI+React全栈开发20 使用useEffect与api通信
在你的项目中还有一些其他的钩子，用于记忆函数值的useMemo书可以帮助我们避免不必要的重复的昂贵的函数调用。一些副作用可能是在本地存储或会话存储中设置或获取数据值(可能我们想要保存登录用户的数据直到下一个会话)，测量某些DOM元素的尺寸(例如，我们想要为不同的浏览器大小显示不同的布局)，最明显的是从外部系统获取或获取数据，可能以REST API调用的形式。就像某种魔法一样，页面似乎以我们想要的方式显示我们的数据，用户电子邮件列表，总共六个(我们的API不会给我们更多，但对于我们的目的来说已经足够了)。
2024-04-02 07:34:38
1138
原创 FastAPI+React全栈开发19 React Hooks事件和状态
FastAPI+React全栈开发19 React Hooks事件和状态React或其组件的一个重要定义是，它本质上是一个将状态转换为用户界面的函数，React组件实际上是一个函数，正如我们所看到的，它接受props作为参数。函数的输出(实际上是组件!)是一个JSX元素。从本质上讲，React钩子是功能结构，它使我们能够进入组件的生命周期并扰乱其状态。
2024-04-01 19:39:09
794
原创 FastAPI+React全栈开发18 JSX和组件
FastAPI+React全栈开发18 JSX和组件我们可以肯定地说，JSX是将整个React概念结合在一起的粘合剂。React页面或应用程序中最小的构建块是所谓的React元素。一个简单元素可能如下所示。这是一个有趣的概念，它看起来像一个H1 HTML元素，但它也肯定看起来像JavaScript。你是对的，JSX使我们能够创建React元素，这些元素可以插入到React的虚拟DOM树中，这与实际的HTML不同。
2024-04-01 19:37:03
1393
原创 FastAPI+React全栈开发17 让我们创建一个React应用
FastAPI+React全栈开发17 让我们创建一个React应用正如我之前提到的，create-react-app在开始一个项目时省去了很多繁重的工作，我们将在本书中使用它。但是，请记住，还有其他方法可以设置React，例如，如果您想要老式的jQuery，您可以通过CDN将其包含在内!让我们创建一个简单的应用程序，我们将在此基础上进行构建。找到一个文件夹，我的名为chapter4, cd进去，然后从你选择的终端输入下面的内容。现在看魔术发生在你眼前!
2024-03-31 07:56:47
1033
原创 FastAPI+React全栈开发16 设置一个React工作流
在本章中，我们将创建一个非常简单的React应用程序，或者更好的是，一个应用程序的前端，通过它我们将展示主要特性和最突出的概念，这些将使React值得你花时间使用。我已经涵盖了我认为足够开始的主题。在本章结束时，你将创建一个最小的，但功能齐全的React web应用程序，你将成为前端开发人员大军的一员，他们重视简单的工具，能够实现复杂的功能，而不受严格框架的限制。最后，我提到了一些React库，它们将使您在开发自定义应用程序时更轻松，它们都有优秀的文档，并且经常更新，因此深入讨论它们将违背本章的目的。
2024-03-31 07:56:17
1053
原创 FastAPI+React全栈开发15 让我们构建一个展示API
FastAPI+React全栈开发15 让我们构建一个展示APIREST api都是关于HTTP请求和响应的循环，它是为web提供动力的引擎，并且在每个web框架中实现，使用web的语言，HTTP协议。我觉得展示FastAPI功能的最好方法是直接进入并创建简单的端点，并专注于实现所需功能的代码的特定部分。与我们将在接下来的章节中实现的常规CRUD操作不同，我想重点关注检索和设置请求和响应元素的过程。
2024-03-30 07:16:11
1034
原创 FastAPI+React全栈开发14 FastAPI如何开发REST接口
我使用术语端点来指定URL(始终是相同的，在我们的示例中，是我们的开发服务器，即localhost:8000)、路径(斜杠后面的部分)和HTTP方法的唯一组合。这似乎是显而易见的，但我相信在开始时将事情分解成最小的部分是有用的。这只是一个Python类，它提供了我们API的所有功能，并公开了一个ASGI兼容的应用程序，这是我们必须传递给我们选择的服务器(Uvicorn)的应用程序。之后，我们使用了@get装饰器，它对应于GET方法，我们传递了一个URL，在我们的例子中，我们使用了/，这是根路径。
2024-03-30 07:15:35
1325
原创 FastAPI+React全栈开发13 FastAPI概述
FastAPI+React全栈开发13 FastAPI概述在第一章“我们开发和FARM栈”中，我已经提到了为什么FastAPI是我们在FARM栈中选择的REST框架。FastAPI与其他解决方案的不同之处在于它的编码速度和干净的代码，这使得开发人员能够更快、更早地发现bug。该框架的作者Sebastian Ramirez经常谦虚地强调FastAPI只是Starlette和Pydantic的混合，同时严重依赖于现代Python功能，特别是类型提示。
2024-03-29 07:03:36
815
原创 FastAPI+React全栈开发12 搭建FastAPI开发环境
FastAPI+React全栈开发12 搭建FastAPI开发环境让我们更详细地看看它们。
2024-03-29 07:01:55
1193
原创 FastAPI+React全栈开发11 开始使用FastAPI
在第5章，为我们的应用程序构建后端，当我们开始使用FastAPI和MongoDB开发我们的简单应用程序时，我们将学习如何将API连接到MongoDB数据库以及何时使用异步驱动程序。我们没有深入探讨具体的主题，而是介绍了一些非常简单的例子，说明FastAPI如何实现最常见的REST API任务，以及作为开发人员，它如何利用现代Python功能和库(如Pydantic)来帮助您。在本章中，您了解了FastAPI如何使您能够通过HTTP执行请求和响应，以及如何在任何时候使用它，并自定义和访问请求以及响应的元素。
2024-03-28 07:19:42
808
原创 FastAPI+React全栈开发10 MongoDB聚合查询
聚合框架是围绕管道的概念产生的(如果您做过一些分析，或者您曾经在Linux中连接过几个命令，您可能会熟悉这个概念)，它是最简单的一种从集合中检索文档集的替代方法，它类似于我们已经广泛使用的find方法，但具有在不同阶段或步骤中进行数据处理的可能性的额外好处。使用聚合管道，我们基本上从MongoDB集合中提取文档，并依次将它们提供给管道的各个阶段，其中每个阶段的输出被馈送到下一阶段的输入，直到返回最终的文档集。如果您想了解所有的可能性，MongoDB文档站点是最好的起点，但是我们想从几个简单的示例开始。
2024-03-28 07:19:01
1168
原创 FastAPI+React全栈开发09 MongoDB的增删改查操作
FastAPI+React全栈开发09 MongoDB的增删改查操作在所有这些设置、下载和安装之后，最后是时候看看MongoDB的实际运行，并尝试了解所有这些大惊小怪的事情。在本节中，我们将通过一些简单的示例展示最基本的MongoDB命令。虽然简单，但这些方法将使我们开发人员能够控制我们的数据、创建新文档、使用不同的标准和条件查询文档、执行简单和更复杂的聚合，以及以各种形式输出数据。你可能会说，真正的乐趣从这里开始!
2024-03-27 08:02:08
1015
原创 FastAPI+React全栈开发08 安装MongoDB
FastAPI+React全栈开发08 安装MongoDBMongoDB的生态系统是由不同的软件组成的，我记得当我开始使用它的时候，有一些困惑。事实上，我们会看到，这很简单。MongoDB的生态系统是不断发展的，很有可能当你阅读这些页面时，最新的版本号会更高，或者一些实用程序可能已经更改了它的名称。MongoDB最近发布了一个名为Realm的产品，这是一个实时开发平台，可用于构建移动应用程序或物联网(IoT)应用程序。我们不会涵盖安装所有所需软件所需的所有步骤，因为我们不会发现大量的截图特别鼓舞人心。
2024-03-27 08:01:30
1117
原创 安装并使用MongoDB Compass管理MongoDB数据库
下载：https://www.mongodb.com/products/tools/compass。
2024-03-26 13:40:21
179
原创 FastAPI+React全栈开发07 MongoDB数据库的结构
FastAPI+React全栈开发07 MongoDB数据库的结构MongoDB可以说是目前使用最多的NoSQL数据库，它的功能强大、易于使用和多功能性使其成为大型和小型项目的绝佳选择;它的可扩展性和性能让用户确信，至少我们的应用程序的数据层有一个非常坚实的基础。在下面几节中，我们将深入探讨MongoDB的基本单元:文档、集合和数据库。由于本书采用自下而上的方法，我们想从最底部开始，介绍和概述MongoDB中可用的最简单的数据结构，然后从那里开始到文档，集合等。
2024-03-26 10:05:30
1405
原创 FastAPI+React全栈开发06 使用MongoDB设置文档存储
FastAPI+React全栈开发06 使用MongoDB设置文档存储在本章中，我们将讨论MongoDB的一些主要特性，建立在介绍性章节中提到的基础上，然后我们将通过几个简单但说明性的例子深入到实际的介绍中。在回顾了本地机器上的安装过程之后，使用Windows或Ubuntu(这可能是当今最流行的Linux发行版)，并在Atlas上创建一个在线帐户，我们将介绍MongoDB查询框架的基本命令，使我们能够尽快启动。我们将引导您了解基本命令(方法)，这些命令(方法)将使您能够插入、管理、查询、更新和整理数据。
2024-03-26 07:31:52
1037
原创 FastAPI+React全栈开发05 React前端框架概述
FastAPI+React全栈开发05 React前端框架概述让我们从这里的一些背景开始。也许当我们谈论前端时，网络世界的变化是最明显的，前端是网站面向用户的部分。蒂姆·伯纳斯·李创造了第一个HTML。规范于1991年公开，它由文本和不到20个标签组成。在1994年，我们有了层叠样式表，网络开始看起来更好一些。传说在1995年，一种叫做Mocha的新的浏览器脚本语言只用了10天就被创造出来了。
2024-03-25 23:08:51
1638
原创 FastAPI+React全栈开发04 FastAPI概述
FastAPI+React全栈开发04 FastAPI概述现在我们将简要介绍所选择的Python REST-API框架—FastAPI。此外，我们将对使其成为FARM堆栈中的主角的特性进行高级概述。我将尝试比较FastAPI与Python和JavaScript的替代品，并解释为什么它可以非常适合现代和灵活的堆栈。
2024-03-25 23:06:35
1256
原创 FastAPI+React全栈开发03 为什么使用MongoDB
MongoDB是FARM堆栈中首选的数据库。它是一种快速的、可伸缩的、面向文档的数据库，支持灵活的模式和交互式的、快速的开发。现在我们已经了解了MongoDB在可伸缩性方面带来了什么，尤其是它的无模式方法的灵活性，让我们来看看选择的REST API框架FastAPI，并了解它如何帮助我们利用无模式方法并简化我们与数据的交互。我相信在某些情况下，这包括很多情况下，MongoDB应该是你的第一选择，特别是当你设计的东西仍然有一个非常流动或模糊的规范，让我们说实话，这种情况比我们想承认的要多得多。
2024-03-25 08:42:19
952
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人