2020年12月_跃上青空

原创 Luffy - 前台首页+轮播图

前台首页+轮播图一：首页搭建0. 根组件1. 小组件① `src/components`新建`Header.vue`② `src/components`新建`Footer.vue`2. 页面组件① `src/views`新建`ActualCourse.vue`② `src/views`新建`FreeCourse.vue`③ `src/views`新建`LightCourse.vue`④ `src/views`修改`Home.vue`3. 路由4. 效果展示二：轮播图1. 后台① `LuffyAPI/util

2020-12-25 20:28:28 408

原创 Luffy - Xadmin的使用

Xadmin的使用一：使用Xadmin1. 安装`xamdin`模块2. 在`dev.py`中注册`APP`3. 设置主路由替换掉admin：根路径的`urls.py`4. `apps/home`新建`adminx.py`5. 执行数据迁移6. 浏览器中查看：[http://127.0.0.1:8000/xadmin](http://127.0.0.1:8000/xadmin)一：使用Xadmin公司项目，一般都是有前台（主站）和后台（Xadmin）的前台后台≠前端后端，前后台可以用不同的语言来编

2020-12-25 08:26:24 314

原创 Luffy - 解决跨域问题

Luffy - 解决跨域问题一：跨域请求0. 跨域问题的出现1.同源策略① 简介2. CORS（跨域资源共享）简介3. `CORS`基本流程4. 解决跨域问题的3种方法5. `CORS`两种请求详解6. 浏览器对这两种请求的处理，是不一样的二：解决跨域问题（服务端）【简单请求】1. 原Django项目：`apps/user/views.py`2. 原Django项目：`apps/user/urls.py`3. 原Django项目：`dev.py`中注释掉`CSRF`4. 再创建1个Django项目（用另外的

2020-12-24 03:03:54 612

原创 Luffy - 后台配置

后台配置一：配置`media`目录1. 目录结构（新增了`media`）2. 在`LuffyAPI/LuffyAPI`下新建`media`文件夹3. `settings/dev.py`中添加二：创建、配置User表1. 安装`pillow`模块2. 创建User表对应的model3. `settings/dev.py`中添加如下代码4. 数据迁移三：配置基本路由1. **根路由`LuffyAPI/LuffyAPI/urls.py`**四：自定义配置1. 自定义全局异常① `utils`下创建`excepti

2020-12-23 20:58:10 217

原创 Luffy - 前台搭建

Luffy - 前台搭建一：创建项目二：配置1. 目录结构2. 文件解析① `App.vue`（初始）② `src/router/index.js`（初始）③ `src/main.js`3. 目录配置4. 安装、导入配置① 配置全局初始化`CSS`样式② `Axios` - 用于前后端交互③ `vue-cookies`④ `Element UI` - 饿了么团队开发的 1个好看的基于`Vue的UI`⑤ `JQuery`⑥ `popper.js`⑦ `Bootstrap`⑧ 配置全局自定义设置5. 整体`ma

2020-12-23 20:33:30 223

原创 luffy项目 - 后台搭建

一：环境准备pip换源http://www.xuexianqi.top/archives/275.html创建虚拟环境http://www.xuexianqi.top/archives/126.htmlpip导入、导出第三方依赖包http://www.xuexianqi.top/archives/277.html二：项目构建1. 虚拟环境和依赖准备① 创建虚拟环境LuffyAPImkvirtualenv LuffyAPI② 切换到虚拟环境LuffyAPIwork

2020-12-22 12:06:45 264

原创 drf续集之 - 多方式登录、批量操作

多方式登录DRF - 多方式登录DRF - 多方式登录用户可以以用户名、邮箱、手机号登录之前写的逻辑处理一般都是在视图类中，现在把逻辑拿到了序列化类的validate全局钩子中，在视图函数中就无需写逻辑了，执行到.is_valid就会执行validate方法重点：视图类和序列化类之间交互数据的桥梁：context={}（是1个字典）自定义用户表，登录手动签发token，自定义的认证类认证通过，正常情况下查询得到当前登录用户...

2020-12-21 18:32:05 738 1

原创 drf续集之 - 自动生成接口文档、JWT

DRF - 自动生成接口文档1. 安装coreapipip install coreapi2. 配置models.pyfrom django.db import modelsclass Book(models.Model): id = models.AutoField(primary_key=True) title = models.CharField(max_length=32) price = models.DecimalField(max_digits=6,

2020-12-20 02:57:17 485 2

原创 drf续集之 - 分页器、异常处理、封装Response

DRF - 分页器、异常处理、封装Response分页器一：分页器简介二：`PageNumberPagination` - 普通分页参数设置使用方式实例三：`LimitOffsetPagination` - 偏移分页参数例实例四：`CursorPagination` - 游标分页参数实例五：继承APIView - 最原始分页的使用实例异常处理一：异常二：自定义全局异常代码手动测试异常封装Response创建使用分页器一：分页器简介DRF内置了3种分页器分页器中文介绍PageNu

2020-12-20 01:51:30 422 1

原创 Vue - 组件化开发

Vue - 组件化开发零：单文件组件1. 简介2. `Hello.vue` 的简单实例：一：环境准备1.Node.js零：单文件组件1. 简介在很多 Vue 项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '})在每个页面内指定一个容器元素这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的视图但当在更复杂的项目中，或者你的前端完全由JavaScript驱动的时候，下面

2020-12-20 01:10:02 199 1

原创 Vue - Swiper

Vue - Swiper一：简介1. 简介2. 官网3. CDN二：实例1. 基础2. 制作成组件3. 自定义组件一：简介1. 简介Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！2. 官网https://www.swiper.com.cn/3. CDN<

2020-12-19 07:09:31 314 2

原创 Vue - 组件

Vue - 组件一：组件化开发基础1.组件是什么？有什么用？2.组件的注册方式一：组件化开发基础1.组件是什么？有什么用？组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用例如：有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html组件把js，css，html放到一起，有逻辑，有样式，有html组件的分类：全局组件：可以放在根中局部组件：工程化开发之后：1个组件就是1个xx.vue2.组件的注册方式① 定义全局组件，绑定事件，编写样式<!D

2020-12-17 23:26:50 127

原创 Vue - 与后端交互

Vue - 与后端交互零：与后端交互 - ajax版本1 - 出现了跨域问题版本2 - 解决了跨域问题版本3 - 后端读取json文件传到前端一：fetch1.简介2.实例二：Axios1.简介2.实例三：计算属性1.通过计算属性实现名字首字母大写2.通过计算属性重写过滤案例四：虚拟DOM 与diff算法 key的作用1.Vue2.0 v-for 中 :key 有什么用呢？2.虚拟DOM的diff算法3.具体实现思考：什么是跨域问题？如何解决？零：与后端交互 - ajax版本1 - 出现了跨域问题前端

2020-12-16 19:31:53 4584

原创 Vue - 生命周期

Vue - 生命周期一：生命周期图1.官网原图2.大佬的图二：生命周期1.bedoreCreate2.created3.beforeMount4.mounted5.beforeUpdate6.updated7.beforeDestroy8.destroyed一：生命周期图1.官网原图2.大佬的图二：生命周期1.bedoreCreate2.created3.beforeMount4.mounted5.beforeUpdate6.updated7.beforeDestroy8.des

2020-12-16 18:09:52 102

原创 Vue - 基础

Vue - 基础一：条件渲染二：列表渲染① `v-if+v-for+v-else`控制购物车商品的显示② `v-for`遍历数组(列表)、对象(字典)③ `key`值的解释④ 数组更新与检测三：事件处理1.过滤案例2.事件修饰符3.按键修饰符四：数据双向绑定v-model的使用五：表单控制1.checkbox选中2.单选3.多选4.购物车案例 - 结算5.购物车案例 - 全选/全不选6.购物车案例 - 数量加减一：条件渲染指令释义v-if相当于： ifv-else相当于：

2020-12-15 18:35:14 193

原创 Vue - 入门

Vue - 入门前端的发展史一：Vue介绍和基本使用1.Vue介绍2.Vue特点3.M-V-VM思想4.组件化开发、单页面开发5.版本6.引入方式7.补充8.简单使用二：模板语法三：指令1.文本指令`v-html`：让`HTML`渲染成页面`v-text`：标签内容显示js变量对应的值`v-show`：显示/隐藏内容`v-if`：显示/删除内容2.事件指令3.属性指令四：Style 和 Class前端的发展史HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面

2020-12-14 19:47:53 187

原创 Linux学习 day15之k8s资源类型

k8s资源类型资源分类，一切皆资源，但需要分类资源对象`pod`最小单元，底层工人创建`Pod`经历阶段`pod`重启策略`init` 容器pause 容器容器生命周期`pod hook`测试`Ingress Controller` ：独立运行一个或一组`pod`资源，通常就是一个应用程序，该程序拥有7c层代理能力，`deployment` 部署Service 服务`replicaSet`：副本集作为`deployment`参数`ReplicationController`：副本控制器 `rs

2020-12-12 20:52:56 156

原创 Linux学习 day14之管理k8s核心资源的仨方法

管理k8s核心资源的仨方法一、方法分类陈述式--主要依赖命令行工具`kubectl`进行管理声明式-主要依赖统一资源配置清单进行管理GUI式-主要依赖图形化操作界面进行管理二、kubectl命令行工具增加`kubectl`自动补全`get` 查查看名称空间`namespace`查看`namespace`中的资源`-o yaml`查看资源配置清单详细信息创建删除名称空间管理POD控制器和PODservice资源管理创建`service`资源扩容`POD`看`service`怎么调度`explain`查看属性的

2020-12-11 21:35:52 165

原创 Linux学习 day13之k8s基础简介

k8s基础简介一、Kubernetes 概述-开源的，用于管理云平台中多个主机上的容器化的应用特点Kubernetes 组件Master 组件---提供集群管理控制中心`kube-apiserver``ETCD``kube-controller-manager`：运行管理控制器`cloud-controller-manager``kube-scheduler`插件 `addons``DNS`用户界面容器资源监测Cluster-level Logging节点（`Node`）组件--提供`k8s`运行时环境，以

2020-12-11 17:29:48 306 1

原创 Linux学习 day12之k8s安装

k8s安装mast机部署第一步、部署环境创建`function.sh`的文件执行脚本`bash /.../function.sh`第二步、设置环境安装Docker第三步、各种换源第四步、配置hostnode机部署这里我们节约时间，直接将`mast`机克隆一份mast机部署第一步、部署环境创建function.sh的文件#!/bin/sh# 关闭selinux,关闭防火墙function close_selinux(){sed -i 's#enforcing#disabled#g' /etc/

2020-12-10 21:40:02 105

原创 Linux学习 day11之docker续集

docker续集使用 Docker 容器创建容器容器启动参数停止容器进入容器`attach``exec``nsenter``ssh`总结删除容器强制删除导入与导出容器导出容器导入容器查看容器容器命令详解复制命令Docker 网络网络基础网络名称空间创建一个命名空间`Veth` 设备`Veth` 设备操作创建` Veth` 设备对绑定命名空间将`Veth`分配`IP`查看对端 `Veth` 设备为对端`Veth`设备设置` IP`网桥`Iptables`总结Docker 网络模式`HOST` 模式`Conta

2020-12-06 04:13:17 467

原创 Linux学习 day10之docker入门

docker入门历史由来（废话阶段）一、为什么要使用 DockerDocker 容器虚拟化的好处Docker 在开发和运维中的优势Docker 与虚拟机的比较二、 Docker 与虚拟化三、 Docker 概念和使用概念【Docker 安装】一、在 CentOS 系统上安装 Docker更换系统 yum 源首先，为了方便我们需要更新一下系统：安装所需的基础软件安装 yum 源更新并安装 Docker-CE启动并设置开机自启动测试启动二、在 Ubuntu 环境上安装 Docker查看版本信息更新系统安装基础

2020-12-01 21:50:05 319

wuzeipero的博客