09 2021 档案
摘要：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>用户登
阅读全文
摘要：@keyframes 规则 要创建 CSS 动画，您首先需要了解 @keyframes 规则，@keyframes 规则用来定义动画各个阶段的属性值，类似于 flash 动画中的关键帧，语法格式如下： @keyframes animationName { from { properties: val
阅读全文
摘要：<!DOCTYPE html> <html> <head> <style> p.one { text-shadow: 3px 5px 5px #FF0000; } p.two { color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue,
阅读全文
摘要：<!DOCTYPE html> <html> <head> <style> div { width: 210px; height: 50px; float: left; margin: 10px; } .one { background: linear-gradient(to right botto
阅读全文
摘要：例子1： <!DOCTYPE html> <html lang="en"> <head> <style> div { width: 350px; height: 100px; padding: 15px 0px 0px 25px; } .one { border-top-left-radius: 2
阅读全文
摘要：CSS 中提供了一个 opacity 属性用来设置元素的透明度，它不仅对颜色有效，对图像或者页面中其它的元素也有效。 其语法格式如下： opacity: number; 其中 number 为一个 0~1 之间的浮点数（小数），用来表示元素的透明度，值越小则越透明（0 表示完全透明，1 表示完全不透
阅读全文
摘要：在浏览网页的过程中，当我们将鼠标移动到一些元素上时，鼠标的样式会发生相应的改变，例如当鼠标指向文本时，鼠标的样式会变成类似大写字母I的样子；当鼠标指向链接时，鼠标会变成一个小手的形状等。 除了这些默认的变化外，您还可以通过 CSS 中的 cursor 属性来改变网页中鼠标（光标）的样式，下表中列举了
阅读全文
摘要：就像photoshop中的图层功能会把一整张图片分层一个个图层一样，网页布局中的每一个元素也可以看成是一个个类似图层的层模型。层布局模型就是把网页中的每一个元素看成是一层一层的，然后通过定位属性position对元素进行定位摆放，最终实现网页的布局。 定位属性position有4个值，分别是静态定位
阅读全文
摘要：流动布局 流动模型（Flow），即文档流，浏览器打开HTML网页时，从上往下，从左往右，逐一加载。 在正常情况下，HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征： ① 块状元素会随着浏览器读取文档的顺序，自上而下垂直分布，一行一个的形式占据页面位置。 ② 行内元素会随着浏览器区队文档
阅读全文
摘要：盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子，这些盒子由元素的content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。 padding（内边距及其缩写） 内边距，也叫“内补白”，表示页面
阅读全文
摘要：display可以指定元素的显示模式，它可以把行内元素修改成块状元素，也可以把别的模式的元素改成行内元素。diisplay常用的值有四个。 语法： /* display: block; // 声明当前元素的显示模式为块状元素 display: inline; // 声明当前元素的显示模式为行内元素
阅读全文
摘要：CSS中提供了一些列表属性可以用来： (1)、设置不同的列表项标记为有序列表 (2)、设置不同的列表项标记为无序列表 (3)、设置列表项标记为图像 list-style-type（系统提供的列表项目符号） list-style-image（自定义的列表项目符号）
阅读全文
摘要：1、border-style（边框风格） 定义边框的风格，值可以有： /* none：没有边框，当border的值为none的时候，系统将会忽略[border-color] hidden：隐藏边框，低版本浏览器不支持。 dotted：点状边框。 dashed：虚线边框。 solid：实线边框。 do
阅读全文
摘要：1、background-color（背景颜色） 页面的背景颜色有四种属性值表示，分别是transparent（透明），RGB十进制颜色表示，十六进制颜色表示和颜色单词表示。 属性使用： /* background-color: transparent; // 透明 background-color
阅读全文
摘要：1、font-style（字体样式风格） /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ 2、font-weight（字体粗细） /*
阅读全文
摘要：所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style="" 1000； 2 统计选择符中的ID属
阅读全文
摘要：CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。 在上图中，可以看到，body的子元素有三个，h1、p
阅读全文
摘要：1、anchor伪类：专用于控制链接的显示效果 :linka:link选择所有未被访问的链接。 :visited a:visited 选择所有已被访问的链接。 :active a:active 选择活动链接。 :hover a:hover 选择鼠标指针位于其上的链接。 例子： <style> a:l
阅读全文
摘要：E[att] 匹配所有具有att属性的E元素，不考虑它的值。（注意：E在此处可以省略。 比如“[cheacked]”。以下同。） p[title] { color:#f00; } E[att=val] 匹配所有att属性等于“val”的E元素 div[class=”error”] { color:#
阅读全文
摘要：1、后代选择器（包括儿子和孙子） .c1 .c2{ color: red; } 2、子代选择器（只选择儿子） .c3 > .c5{ color: red; } 3、与选择器 选择p标签下面的.c1的标签： p.c1{ color: red; } 4、或选择器（同时选择） p.c1,#i1{ colo
阅读全文
摘要：例子： <head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ color: red; } .c1{ color: red; } .c2{ font-size: 32px; } </style> </head>
阅读全文
摘要：1、行内式 <div style="color: white;background-color: #369;text-align: center">行内设置</div> 2、嵌入式 <html lang="en-US"> <head> <title>锚点的使用</title> <meta chars
阅读全文
摘要：文件上传是网站中一种常见的功能。例如百度网盘、QQ 邮箱以及有道云笔记都可以实现文件的上传。在 HTML 中，把 <input> 标签的 type 属性设置为 file 就可以实现上传文件的功能，又叫做文件上传域。 具体语法格式如下： <input type="file" /> 例子： <form
阅读全文
摘要：在 HTML 中，使用 <textarea> 标签来表示多行文本框，又叫做文本域。与其它 <input> 标签不同，<textarea> 标签是单闭合标签，它包含起始标签和结束标签，文本内容需要写在两个标签中间。具体语法格式如下： <textarea>文本内容</textarea> 例子： <for
阅读全文
摘要：select的基本语法： <select> <option></option> </select> 例子： <p>籍贯： <select name="province" id="" multiple size="2"> <option value="">广东省</option> <option va
阅读全文
摘要：在 HTML 中，把 <input> 标签中的 type 属性设置为 checkbox 可以实现多选框的效果。具体语法格式如下： <input type="checkbox" /> 属性： 1、checked属性 checked 属性用来设置页面加载时复选框的选中状态。当属性值为“checked”时
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 radio 可以表示单选按钮。具体语法格式如下： <input type="radio" /> 例子： <form action="http://vip.biancheng.net/login.php" method="post"
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 password 可以表示密码框。具体语法格式如下： <input type="password" /> 例子：密码框输入的字符不可见，会被 “点”代替。 <form action="http://vip.biancheng.net
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 text 可以表示单行文本框，又叫做常规文本框。具体语法格式如下： <input type="text" /> 例子： <form action="http://vip.biancheng.net/login.php" method
阅读全文
摘要：很多表单元素都是由一个个的 input 元素组成的。它是自闭合标签，根据其 type 属性值的不同分为很多种，例如单行文本框、密码框、单选按钮、复选框、隐藏域、文件上传域、普通按钮、提交按钮以及重置按钮等。 —— input标签的基本格式为： <input type="表单类型" /> type 常
阅读全文
摘要：表单主要是用来收集客户端提供的相关信息，提供了用户数据录入的方式，有多选、单选、单行文本、下拉列表等输入框，便于网站管理员收集用户的数据，是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁. 表单被form标签包含，内部使用不同的表单元素来呈现不同的方式来供用户输入或选择。当用户输入好数据
阅读全文
摘要：一、table表格的完整写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> </head> <body> <!-- 一个table表格 --> <table> <!-- 表头部分thead -->
阅读全文
摘要：1、无序列表 <ul type="square"> <li>item1</li> <li>item2</li> <li>item3</li> </ul> 2、有序列表 <ol start="100"> <li>item1</li> <li>item2</li> <li>item3</li> </ol
阅读全文
摘要：在HTML中，图像由标签定义的，它可以用来加载图片到html网页中显示。网页开发过程中，有三种图片格式被广泛应用到web里，分别是 jpg、png、gif。 img标签的属性： /* src属性： 指定图像的URL地址，是英文source的简写，表示引入资源。 src的值可以是本地计算机存储的图片的
阅读全文
摘要：一、超链接标签的基本使用 超链接是浏览者和服务器的交互的主要手段，也叫超级链接或a链接，是网页中指向一个目标的连接关系，这个目标可以是网页、网页中的具体位置、图片、邮件地址、文件、应用程序等。 超链接是网页中最重要的元素之一。一个网站的各个网页就是通过超链接关联起来的，用户通过点击超链接可以从一个网
阅读全文
摘要：块级标签(block) – 独占一行 内联标签(inline) – 按文本内容占位 div标签和span标签 <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现. <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现 提示：块级元素
阅读全文
摘要：1、标题标签 <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> 2、段落标签 <p>大家好，我是段落1。</p> <p>大家好，我是段落2。</p> <p>大家好，我是段落3。</p> 3、换行
阅读全文
摘要：<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名> <标签名 属性1=“属性值1” 属性2=“属性值2”…… /> 1、HTML标签是由尖括号包围的特定关键词 2、标签分为闭合和自闭合两种标签 3、HTML不区分大小写 4、标签可以有若干个属性,也可以不带属性,比如就不带
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 1、<!DOCTYPE html> 告诉浏览器使用什么样的html或者
阅读全文
摘要：链式操作，即连续操作。 例如： <!DOCTYPE html> <html> <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <script> $(document).re
阅读全文
摘要：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> 1、先让整个页面默认隐藏 body { display: none; } 2、然后 $(document).ready(function(
阅读全文
摘要：报错内容如下： Watching for file changes with StatReloader Exception in thread django-main-thread: Traceback (most recent call last): File "D:\Users\user\App
阅读全文
摘要：浏览器控制台报错："Access-Control-Allow-Origin" 解决方式：在Django服务端解决 1、安装django-cors-headers（可能需要先更新pip） pip install django-cors-headers 2、配置settings.py INSTALLED
阅读全文
摘要：1、get方法发送Ajax请求 // 直接在 URL 上添加参数 ID=12345 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) {
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.1.2/vue.globa
阅读全文
摘要：一、计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如，有一个嵌套数组对象：我们想根据 author 是否已经有一些书来显示不同的消息 <div id="computed-basics"> <p>Has published boo
阅读全文
摘要：我们用 methods 选项向组件实例添加方法，它应该是一个包含所需方法的对象： <div id="app"></div> <script> const app = Vue.createApp({ data() { return {count: 4} }, methods: { increment(
阅读全文
摘要：Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统，Vue 能够智能地计
阅读全文
摘要：Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。我们不再和 HTML 直接交互了。一个 Vue 应用会将其挂载到一个 DOM 元素上 (对于这个例子是 #app) 然后对其进行完全控制。那个 HTML 是我们的入口，但其余都会发生在新创建的 Vue 实例内部。
阅读全文
摘要：Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中主要有四种方式： 1、在页面上以 CDN 包的形式导入。 <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.1.
阅读全文
摘要：<!-- jquery模态框 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*隐藏*/ .hide{ display:none; } /*弹出的模
阅读全文
摘要：[root@localhost ~]# cat test.txt 123213 ehualu.server ehualu.docker 10.0.0.10 ehualu.server ehualu.docker 123131323124 dsdfwfwfwefewfewfe ewf ewfewf d
阅读全文
摘要：1、ctrl+shift+p，输入pci，选择第一个，回车 2、输入 advanceNewfile 安装 3、ctrl+alt+n 新建文件自动保存在当前目录下
阅读全文
摘要：ubuntu 20.04系统自带源直接安装的是MySQL 8.0，要安装MySQL 5.7的话，需要先换源。 1、换源 sudo cp /etc/apt/sources.list /etc/apt/sources.list.old #备份原来的文件 sudo vim /etc/apt/sources
阅读全文
摘要：VMware workstation在安装虚拟机的时候，如果是安装Windows、CentOS、Ubuntu等相关系统的话，仅仅需要一个系统镜像就可以顺利安装了。 但是如果想要安装苹果系统Mac的话，则需要先给VMware workstation解锁Mac。 解锁方式如下： （1）下载解锁文件unl
阅读全文
摘要：1、查看分支 git branch 2、创建分支 git branch 分支名 3、切换分支 git checkout 4、删除分支 git branch -d 分支名 5、合并分支（需要先切换到master分支）（合并时有可能会冲突） git merge 要合并的分支名
阅读全文
摘要：1、配置个人信息：用户名和邮箱（用于本地库，只需配置一次） git config --global user.email "you@example.com" git config --global user.name "Your Name --global 参数：表示你这台机器上所有的Git仓库都会
阅读全文
摘要：from django.contrib import admin from django.urls import path from app01.views import index urlpatterns = [ path('admin/', admin.site.urls), path('ind
阅读全文
摘要：前面提到过的都是针对单个字段的校验，如果想同时对多个字段进行校验，就可以使用全局钩子（编写全局钩子预留的clean方法，可以获取到多个字段并进行校验） 注意： ———— 默认的校验、自定义正则规则的校验、自定义校验函数、局部钩子，这些校验都是针对单个字段的校验，而全局钩子可以对多个字段进行校验 ——
阅读全文
摘要：如果对字段的校验条件太少，不能满足我们的需求，那么，我们可以对每个字段自定义校验的内容，就可以使用局部钩子。 局部钩子的使用方法： （1）导入错误类型 ————> 我们自己定义的钩子抛出的错误也会被保存到校验失败的错误信息errors中去 from django.core.exceptions im
阅读全文
摘要：报错内容如下： [root@localhost project]# python3 manage.py runserver Watching for file changes with StatReloader Exception in thread django-main-thread: Trac
阅读全文
摘要：第一步：下载yum源 wget 'https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm' 第二步：安装yum源 rpm -ivh mysql57-community-release-el7-11.noarch.rp
阅读全文
摘要：from django.db import models class Mytb(models.Model): file = models.FileField(upload_to='uploads/') # models.FileField：文件类型的字段 # upload_to='uploads/'
阅读全文
摘要：from django.db import models class Mytb(models.Model): file = models.FileField(upload_to='uploads/') # models.FileField：文件类型的字段 # upload_to='uploads/'
阅读全文
摘要：settings.py中的配置： MEDIA_ROOT 和 MEDIA_URL MEDIA_ROOT 是指：用户上传文件的根路径 ——> MEDIA_ROOT = os.path.join(BASE_DIR,'media') MEDIA_URL 是指：用于浏览器访问的路径，类似静态文件中的STATI
阅读全文
摘要：path('register/',views.register) #注册的form表单 from django import forms from django.forms import widgets class RegForm(forms.Form): user = forms.CharFiel
阅读全文
摘要：urlpatterns = [ path('admin/', admin.site.urls), path('login/',views.login), path('get_validCode_img/',views.get_validCode_img), path('index/',views.i
阅读全文
摘要：from django.db import models from django.contrib.auth.models import AbstractUser #扩展Django自带的User表，补充自己需要的字段，以后不会再生成auth_user表，而是生成自己定义的表 #此处要注意：需要告诉D
阅读全文
摘要：在网页应用中，我们经常需要在处理完表单或其它类型的用户输入后，显示一个通知信息给用户。对于这个需求，Django提供了基于Cookie或者会话的消息框架messages，无论是匿名用户还是认证的用户。这个消息框架允许你临时将消息存储在请求中，并在接下来的请求（通常就是下一个请求）中提取它们并显示。每
阅读全文
摘要：1、选择菜单中的：虚拟机 安装VMware-Tools 2、点击DVD图标 3、将压缩文件复制到桌面 4、解压压缩文件 5、进入解压后的目录，执行命令： sudo perl vmware-install.pl 按照提示输入yes或直接回车。 6、完成后，窗口会自动变大。
阅读全文
摘要：实现一个简单的图书系统的增、删、改、查 模型（Model）： from django.db import models class Book(models.Model): book_name = models.CharField(max_length=30) book_publisher = mod
阅读全文
摘要：from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('login/',v
阅读全文
摘要：from django.shortcuts import render,HttpResponse from django import forms from django.core.exceptions import ValidationError #校验错误 class UserInfo(form
阅读全文
摘要：from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('test/',vi
阅读全文
摘要：from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('test/',vi
阅读全文
摘要：from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('test/',vi
阅读全文
摘要：提示：（1）功能不全面，仅仅实现评论（2）样式简单 1、项目目录结构 2、模型 from django.db import models from django.contrib.auth.models import User class Article(models.Model): #定义文章模型类
阅读全文
摘要：场景： 用户注册的时候，输入用户名之后，Ajax发送请求到后端，后端验证该用户名是否已经被注册，然后返回到注册页面提示用户。 1、模型： from django.db import models class User(models.Model): name = models.CharField(ma
阅读全文
摘要：配置settings.py : DATABASES = { 'default': { #default表示默认，也可以指定app 'ENGINE': 'django.db.backends.mysql', 'HOST':'127.0.0.1', # 主机，默认本地 'PORT'：3306, # 端口
阅读全文
摘要：如果想打印ORM转换过程中的SQL，需要在settings.py中进行如下配置： LOGGING = { 'version': 1, 'disable_existing_loggers': False, 'handlers': { 'console':{ 'level':'DEBUG', 'clas
阅读全文
摘要：我对评论功能的理解： ————————（1）数据库建一个评论的表 ————————（2）前端建一个提交评论的form表单 ————————（3）表单提交评论内容后写入到数据库评论表中 ————————（4）将评论表的数据取出来展示到前端评论列表中 1、项目目录结构 2、路由 （1）总路由： from
阅读全文
摘要：1、要使用Django-admin后台的前提 INSTALLED_APPS = [ 'simpleui', 'django.contrib.admin', #必须有这一项 'django.contrib.auth', 'django.contrib.contenttypes', 'django.co
阅读全文
摘要：1、路由urls.py from django.contrib import admin from django.urls import path from app01.views import index urlpatterns = [ path('admin/', admin.site.urls
阅读全文
摘要：from django.core.paginator import Paginator #导入Paginator objects = ['john','paul','george','ringo','lucy','meiry','checy','wind','flow','rain'] #准备好分页
阅读全文
摘要：1、Auth模块简介 auth模块是对登录认证方法的一种封装，之前我们获取用户输入的用户名及密码后需要自己从user表里查询有没有用户名和密码符合的对象。 而有了auth模块之后就可以很轻松的去验证用户的登录信息是否存在于数据库中。 除此之外，auth还对session做了一些封装，方便我们校验用户
阅读全文
摘要：Django操作session语法： # 1、设置Sessions值 request.session['session_name'] ="admin" # 2、获取Sessions值 session_name = request.session["session_name"] # 3、删除Sessi
阅读全文
摘要：普通登录时，无法保持登录的状态，每一次请求时都需要重新登录。 而在登录时，生成cookie并保存在浏览器中，这样每次登录就会携带登录信息，就可以保持登录状态了。 操作cookie语法： # (1) 设置cookie： res = HttpResponse(...) 或 rep ＝ render(re
阅读全文
摘要：发展史： ———— 最早的浏览器不会记住访问的记录，每一次请求都是一次新的请求。 1、cookie（重要信息保存在客户端） 浏览器第一次访问服务端时，服务器此时不知道他的身份，所以创建一个独特的身份标识数据，格式为key=value，放入到Set-Cookie字段里，随着响应报文发给浏览器。浏览器看
阅读全文
摘要：1、安装uwsgi 2、安装nginx 3、配置nginx： cd /etc/nginx/conf.d/ 配置xxx.conf server{ listen 80; # 监听端口 server_name localhost ; # 域名 access_log /var/log/nginx/acces
阅读全文
摘要：1、安装uwsgi pip install uwsgi 2、测试uWSGI: 新建文件test.py，写入以下内容 def application(env, start_response): start_response('200 OK', [('Content-Type','text/html')
阅读全文
