Zman777-优快云博客

原创 Bootstrap5

col-针对所有设备。.col-sm-平板 - 屏幕宽度等于或大于 576px。.col-md- 桌面显示器 -屏幕宽度等于或大于 768px。.col-g-大桌面显示器-屏幕宽度等于或大于 992px。.col-xl-特大桌面显示器-屏幕宽度等于或大于 1200px。.col-xxl-超大桌面显示器 -屏幕宽度等于或大于1400px。

2024-05-27 19:03:40 821

原创 Bootstrap5

移动优先: Bootstrap 5 是从移动设备开始设计的，意味着所有组件都是首先针对移动设备进行优化，然后扩展到平板和桌面设备，确保在任何屏幕尺寸上都能提供良好的用户体验。现代化的网格系统: 相比之前版本，Bootstrap 5 的网格系统已经升级，现在完全基于 CSS Flexbox，这使得布局设计更加灵活且易于控制，同时废弃了浮动（floats）的使用。移除对 IE10/11 的支持。

2024-05-27 18:00:00 1089

原创 VUE3.0-事件处理

data() {return {count: 0},

2024-05-23 18:30:00 475

Vue 默认按照"就地更新'的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引（位置上渲染。为了给Vue 一个提示，以便它可以跟踪每个节点的标识，从而重用和重新排序现有的元素，你需要为每个元素对应的块提供一个唯一的 key attribute。请不要使用 index 作为 key 的值，我们要确保每一条数据的唯一索引不会发生变化。key 绑定的值期望是一个基础类型的值，例如字符串或 number 类型。

2024-05-23 17:45:00 315

原创 VUE3.0-列表渲染

我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，你也可以使用of作为分隔符来替代in，这更接近 JavaScript 的迭代器语法。大多数情况，我们渲染的数据源来源于网络请求，也就是 JSON 格式。其中 items 是源数据的数组，而 item 是迭代项的别名。v-for 也支持使用可选的第二个参数表示当前项的位置索引。你也可以使用 v-for 来遍历一个对象的所有属性。

2024-05-23 17:00:00 434

原创 VUE3.0-条件渲染

总的来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。相比之下， v-show 简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS display 属性会被切换。v-if也是惰性的：如果在初次渲染时条件值为 false，则不会做任何事。顾名思义v-else-if 提供的是相应于 V-if 的"else if 区块”。v-if 是'真实的"按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销段与重建。另一个可以用来按条件显示一个元素的指令是 v-show。

2024-05-23 16:00:00 231

原创 Vue3.0-属性绑定

属性绑定创建项目双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用 vbind 指令v-bind 指令指示Vue 将元素的id attribute 与组件的dynamicld 属性保持一致。如果绑定的但是 null 或有undefined，那么该 attribute 将会从渲染的元素上移除。

2024-05-22 17:05:11 302

原创 VUE3.0学习-模版语法

在Node.js官网上，你会看到两个主要版本供下载：LTS（长期支持版本）和Current（当前版本）。Current版本包含了最新的功能，但可能不够稳定，适合追求新特性的开发者。首先，打开浏览器，访问 [Node.js 官方网站](https://nodejs.org/)。- 如果你是开发者，希望尝试Node.js的最新特性，可以选择Current版本。- 按照安装向导提示进行，你可以选择默认安装路径或自定义路径。- 下载.pkg文件后，双击开始安装，并按照安装引导完成。

2024-05-22 15:25:55 441

原创 Django多文件上传

修改一下页面显示代码，读取每一条图片数据，并显示在页面上。新建一个html页面测试是否可以上传成功。在视图函数中编写多个文件上传的函数。创建一个新的模型并执行迁移。看看数据有没有存到数据库。

2024-05-22 11:11:38 247

原创 Django静态文件＆媒体文件&文件上传

4）如果有别的静态资源文件，不在app下的static目录下，可以通过 STATICFILES_ DIRS来指定额外的静态文件。在项目目录下创建static和templates在settings中需要去配置一下路径。静态文件：存放在服务器的css, js， image等叫做static。5）在模板中使用1oad标签去加载静态文件。媒体文件：用户上传的文件，叫做media。在settings中设置存放文件的路径。1.在django中使用静态文件。在视图函数中编写上传文件的函数。导入不同静态文件的格式。

2024-05-21 17:00:45 655

原创前端学习-JavaScript

JavaScript的作用。什么是JavaScript。

2024-05-21 12:00:00 215

原创前端-移动端布局

可以在浏览器里打开检查点击一下移动端按钮然后选择一下对应的手机型号可以切换到对应的手机端。进阶学习建议 Vue.js 和微信小程序。如何在PC端模拟移动端设备。

2024-05-21 11:51:47 364

原创前端学习CSS-2

盒子模型盒子模型相关属性一些盒子模型的样式示例。

2024-05-20 17:30:00 199

原创前端学习CSS

CSS 语法CSS通常由选择器、属性和属性值组成，多个规则可以组合在一起，以便同时应用多个样式选择器{属性1：属性值1；属性2：属性值2；1. 选择器的声明中可以写无数条属性2. 声明的每一行属性，都需要以英文分号结尾：3. 声明中的所有属性和值都是以键值对这种形式出现的；示例：这是一个 p 标签选择器p{CSS二种导入万式下面是三种常见的 CSS 导入方式：1.内联样式（Inline Styles）

2024-05-19 17:21:21 320

原创前端入门教程（HTML+CSS+JS）

安装VScode再安装几个插件1.HTML CSS Support 主要用于CSS代码的快速编写2.Live Server 主要用于可以在浏览器中实施预览页面变化3.Auto Rename Tag 可以在修改HTML标签时候同时修改另一个标签。

2024-05-19 15:49:01 438

原创 Django会话技术Cookie&Session

CookieCookie是服务器端存储在客户端浏览器中的少量数据。它通常包含一个键值对，用于标识用户或保存用户会话期间的一些信息。Cookie由HTTP响应头中的Set-Cookie字段发送到客户端浏览器，并保存在客户端浏览器的内存或硬盘中。当客户端浏览器再次向服务器发送请求时，会将Cookie信息包含在HTTP请求头中的Cookie字段中。SessionSession是服务器端存储的用户会话信息。与Cookie不同的是，Session保存在服务器端，而不是客户端。服务器会为每个用户创建一个Sess

2024-05-17 16:13:23 1615

原创 Django视图Views

2.2)错误视图(4xx,5xX）(HttpResponseNotFound,HttpResponseForbidden,HttpResponseNotAllowed等)get_full_path（）返回包含参数字符串的请求路径．。status code 响应状态码（2xx，3xx,4xx, 5xx）1）不使用模板，直接调用HttpResponse（），返回HttpResponse对象。POST 类似字典的参数，包含了post所有参数。GET 类似字典的参数，包含了get的所有参数。

2024-05-15 18:30:00 2055

原创 Django图书馆综合项目-学习（2）

接下来我们来实现一下图书管理系统的一些相关功能。

2024-05-14 18:00:00 381

原创 Django图书馆综合项目-学习

添加一些数据后，创建一些urls 这边用子路由结合命名空间的方式去访问。在创建book的时候需要导入Auther 和 Publisher。接下来我们将作者，出版社，书籍的APP分别创建一下。创建一个超级管理员方便进后台去增加一些数据。将新创建的app在settings里注册。我这边用的IDE是VScode。下一节我们再做一些页面的跳转学习。在每个APP的admin中添加。模型创建好之后执行以下迁移。创建一些对应的html页面。将视图函数和路由都配置一下。查看一下表是否创建成功。其他2个也一样添加一下。

2024-05-13 16:57:09 230

原创 Django模型进阶-多对多关系

在Django中，多对多（Many-to-Many）关系是一种数据库关系，表示一个模型的实例可以与另一个模型的多个实例相关联，同时另一个模型的实例也可以与这个模型的多个实例相关联。换句话说，就是两个模型之间可以存在多重关联，每个实例都可以属于多个相关实例的集合。实现多对多关系时，Django会在数据库中自动创建一个中间表（也称为连接表或关联表），这个中间表至少包含两个字段，这两个字段都是外键，分别指向参与多对多关系的两个模型。这个中间表用于存储两个模型实例之间的关联关系，而不需要你显式地定义这个表。

2024-05-10 16:39:36 376

原创 Django模型进阶

接上一节。

2024-05-10 14:43:15 463

原创 docker 宿主机目录挂载

这样创建的宿主机目录和容器目录都是空的文件夹。数据库容器崩溃后可以通过重新挂载回复原有数据。-v 宿主机目录:容器目录。可以看到宿主机目录里已经存在了2个文件。可以看到挂载的方式没有通过数据卷挂载。访问页面也是可以访问到。通过目录挂载有什么好处。测试一下上传2个文件。

2024-05-10 12:00:00 411

原创 docker数据卷挂载

将静态资源部署到nginx的html目录(容器地址:/usr/share/nginx/html)创建nginx容器，修改nginx容器内的html目录下的index.html文件。也是存在的说明宿主机的文件是可以跟容器的目录同步的这个就是数据卷挂载。现在可以通过宿主机修改文件容器里的文件内容也会一并被修改。在创建容器时，利用 -v 数据卷名：容器内目录完成挂载。容器创建时，如果发现挂载的数据卷不存在时，会自动创建。我们cd进去看一下，看到跟容器里面是一样的2个文件。查看一下刚才创建的数据卷的详情。

2024-05-09 20:30:00 250

原创 Django模型进阶

models.CASCADE:默认值(Django1.11)，表示级联删除，即删除UserType时相关联的User也会被删除。获取班级的所有学生(获取QuerySet查询集):grade.student_set.all()有一个用户信息表，其中有个用户类型字段，存储用户的用户类型。如:Student.objects.filter(grade_name='1')多对多:在某表中创建一行数据时，有一个可以多选的下拉框。一对一:在某表中创建一行数据时，有一个单选的下拉框(下拉框中的内容被用过一次就消失了)

2024-05-09 17:00:00 2058

转载一文学会配置Docker 镜像加速器（阿里云）

鉴于国内网络问题，拉取 Docker 镜像十分缓慢，需要配置加速器来解决。Linux系统使用 /etc/docker/daemon.json来配置 Daemon。Windows系统使用%programdata%\docker\config\daemon.json来配置 Daemon。1.使用阿里云镜像加速器登录阿里云后，进入控制台，选择容器镜像服务后先启用服务。2.启用容器镜像服务3.查看加速器地址开启镜像加速服务后，进入镜像加速器，选择自己的操作系统，上方会显示自己的加速器地址，复制加速器地址。

2024-05-09 14:05:05 178

原创 docker安装

操作系统 windows11虚拟机VMware Workstation ProLinux版本 CentOS Linux release 7.9.2009 (Core)SSH连接工具 MobaXterm_Portable_v24.0。

2024-05-09 12:00:00 629

原创 Django模型基础-模型操作-查询数据

print("persons.values_list('name')", persons.values_list("name")) # 可以指定字段。result = PersonModel.objects.all().order_by("age", "id") # 升序多字段排序。print("persons.values('name')", persons.values("name")) # 可以指定字段。

2024-05-08 17:00:00 975

原创 Django模型基础

接上一节新增了一个模型字段并执行迁移后这样我们就可以看到后台页面就会多出一个'用户类型'的下拉选项因为这边的用户类型2是添加了editable=False 所以默认是不显示的但在数据库中我们是可以看到这个字段的。

2024-05-07 17:00:00 847 1

原创 04Django模型基础

数据迁移成功后数据库里会有新增加的字段创建一个新的超级管理员账户当注册好模型后登录后台可以看到所有注册过的模型测试一下时间# 日期) # auto_now=True 每一次修改后会自动修改时间为最新时间) # auto_now_add=True 第一次添加数据的时间以后不会修改# auto_now=True 每一次修改后会自动修改时间为最新时间# auto_now_add=True 第一次添加数据的时间以后不会修改在设定文件和图片格式时文件是可以之间保存到自己设定的文件夹路径。

2024-05-06 17:13:20 1017

原创 Django模版-django项目中继承jinja2引擎

jinja2是一个模版引擎，在Flsk框架中也有，是模仿Django默认引擎基础上开发的，比Django模版引擎性能更好，功能更全。

2024-04-30 13:51:15 160

原创 Django模版-模版语言-模版继承

下面我们先写一下父页面的的内容，模版的内容相当于挖坑占位，先把位置给占好方便后续子页面的继承。Django在模版继承的时候需要在views.py里重新定义父函数和子函数。如果想将父模版的block的内容继承的话需要使用block.super。子页面可以通过继承父页面来实现，继承后可以在指定区块编写相关的内容。如果想要导入其他模版文件，我们可以再创建一个html。在默认情况下子模版的内容会覆盖掉父模版的内容。把urls里的path也配置一下。然后创建2个html模版。

2024-04-30 12:43:28 136

原创 Django模版-模版语法-过滤器

在执行safe的时候会识别html代码所以要确定代码安全才可以设置如果代码不安全类似于code2这样的代码就会出现一个弹窗的效果那么如果while循环是个死循环的话那就非常不安全。#likes2|default：'swim' 将初始值swim添加到likes2里。#autoescape on或者off 也可以类似于safe一样的去实现。#likes|join:'+' 会将每个列表中的值用+连接起来。#：之间不要有空格 y显示的是2位年 Y显示的是4位年。#dt定义了当前的时间。

2024-04-30 11:45:14 190 1

原创 Django模版

{{ forloop.counter0}}表示当前是第几次循环，从0数数 {{ forloop.revcoúnter}}表示当前是第几次循环，倒着数数，到1停{{ forloop.revcounter0}}表示当前第几次循环，倒着数，到8停{{ forloop.first }}是否是第一个布尔值。模板中的动态代码段除了做基本的静态填充，还可以实现一些基本的运算，转换和逻辑。{% if 表达式 %}当列表为空或不存在的时候，执行empty之后的语句。

2024-04-25 17:15:28 977 1

原创 Django路由Router

在实际开发过程中，一个Diango 项目会包含很多的 app ，这时候如果我们只在主路由里进行配置就会显得杂乱无章，所以通常会在每个 app 里，创建各自的 urls.py路由模块，然后从根路由出发，将 app 所属的 url 请求，全部转发到相应的 urls.py 模块中。大多数项目中需要对数据库进行增删改查的，所以还要用到models.py,其实一个项目的开始一般会先设计models,相当于设计数据库。以上是在html中做跳转的方法，以下再学习一下在视图函数中做跳转的方法。

2024-04-24 14:50:07 503

原创 Django的Admin后台管理

3.根路由urls.py中添加url path(admin/', admin.site.urls),这样我们可以看到后台管理系统中就会直接显示name age 和sex的内容方便去查看数据。创建成功后会在auth_user表中会多个刚创建的admin用户密码会自动加密。这里我们看到后台显示的英文我们可以在settings.py中去更改成中文。现在我们看到后台App里面的数据没有直接显示内容。我们可以修改一下我们的UserModel中的代码。同样的修改和删除功能也是可以直接进行操作的。

2024-04-23 16:56:14 291

原创 Django基本模版

定义一个函数3并用视图模版读取数据库表中的所有用户信息并渲染到users.html页面中。users.html页面中已经编写了模版函数页面中会直接被渲染出数据库里的所有用户数据。创建模版文件夹templates ,在模版文件夹中创建模版文件。创建自己的模型类，但切记要继承models.Model。# 如果models.py文件有变动，需要重新迁移。如果没有生成设定主键，迁移文件中的id 字段。在数据库中插入一些数据后续可以在页面中显示。在model.py中引入models。主路由没有改变的情况下。

2024-04-23 16:22:45 320

空空如也

苹果M1芯片VM虚拟机安装ubuntu22.04浏览器中文乱码

关于#python#的爬虫Xpath定位问题，请各位专家解答！

关于#python#的爬虫Xpath定位问题，请各位专家解答！

python代码一段代码被划横线是什么原因