05 2024 档案
摘要：1 云服务器购买 # 1 咱们项目要上线 - 1 有台服务器：安装软件：mysql；运行django。。。 - 2 公网ip：互联网用户都可以访问 - 3 域名：备案，互联网用户都可以访问，输入地址，而不是ip # 2 购买云服务器 -这台服务器--》不在咱们这 》在他们的机房中--》他们帮咱们运行
阅读全文
摘要：0 视频托管 # 1 文件：头像，文件，视频 》使用第三方托管 -阿里oss -七牛云 -腾讯 # 2 自己搭建 文件服务器 -fastdfs：适合存储小文件 -minIO：第三开源文件存储 # 3 桶：bucket # 4 文件上传到七牛云 -python -js # 使用代码上传到 minio
阅读全文
摘要：1 课程板块表分析 # 1 课程分类表：一个课程分类下，有多门课程 -id -分类名 # 2 课程表 -课程有多种类型 》多个表，还是一个表--》 -不同课程字段不一样--》如果放到一个表中 》 -免费 -实战 -轻课 -不同课程，使用不同表来存 -开发时候，不同人，开发不同模块，不会冲突 -实战课
阅读全文
摘要：【1】UserMobileView from rest_framework.viewsets import ViewSet, GenericViewSet class UserMobileView(ViewSet): # @action(methods=['GET'], detail=False)
阅读全文
摘要：# Header 组件 # Footer 组件 # HomewView 页面组件 【一】前端页面 【1】.组件设计 1.1 header.vue <script setup> import { ref, onBeforeMount, onMounted } from 'vue'; import {
阅读全文
摘要：【一】介绍 # 软件开发一个功能后 》把代码提交到某个位置 》大家都能拿到 # 首页功能开发完了 >提交到git # 现在存在的问题 1 多人在同一项目上开发 》代码合并--》多人协同开发 2 做版本管理--》版本回退，查看。。。 # SVN 、 GIT 能完成上述操作 -svn 比较老，用的公司不
阅读全文
摘要：【一】介绍 # 1 浏览器同源策略 -同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能 -请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名（www.xx.com）,端口(80，8080),协议（ftp,https,http）相同. -浏
阅读全文
摘要：【一】轮播图接口 【1】创建表 common_mdoel(公用) from django.db import models class BaseModel(models.Model): created_time = models.DateTimeField(auto_now_add=True, ve
阅读全文
摘要：【一】环境配置 【1】vue环境 1.傻瓜式安装node: 官网下载：https://nodejs.org/zh-cn/ 2.安装cnpm: >: npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue最新脚手架:
阅读全文
摘要：【一】环境变量 # 环境变量操作：小luffyapiBASE_DIR与apps文件夹都要添加到环境变量 import sys sys.path.insert(0, BASE_DIR) APPS_DIR = os.path.join(BASE_DIR, 'apps') sys.path.insert(
阅读全文
摘要：【一】后台：Django项目创建 【1】环境 """ 为luffy项目创建一个虚拟环境 >: mkvirtualenv luffy """ """ 按照基础环境依赖 >: pip install django==4.2.1 >: pip install djangorestframework >:
阅读全文
摘要：# 1 使用mysql数据库 # 2 创建数据库，项目配置文件修改 # 3 后期公司的项目，不会使用root用户作为项目的数据库用户 -数据库 root用户权限很高 -root用户，知道秘密 》能够访问所有数据库 -一旦root用户信息泄露--》所有库都能能访问 》存在问题 -给每个项目创建一个数据
阅读全文
摘要：优点 1、使不同应用开发环境相互独立 2、环境升级不影响其他应用，也不会影响全局的python环境 3、防止出现包管理混乱及包版本冲突 # 什么是虚拟环境，为什么要有它？它解决了什么问题 -操作系统装了python3.8 -使用django 2.2.2开发了一个项目 -使用django 3.x 开发
阅读全文
摘要：【一】介绍 """ 1、采用国内源，加速下载模块的速度 2、常用pip源： -- 豆瓣：https://pypi.douban.com/simple -- 阿里：https://mirrors.aliyun.com/pypi/simple 3、加速安装的命令： -- >: pip install -
阅读全文
摘要：1 面向互联网用户 》都需要web后端 -商城类项目 -微信小程序商城 -百度网盘 -web -app -小程序 2 面向互联网用户：二手交易类的 -咸鱼 -转转 3 公司内部项目，给其它企业做项目：python写的重点 -oa系统 -打卡系统工资核算系统 -第三方公司做的： -给医院 互联网，内部
阅读全文
摘要：【一】 路由简介 1 什么是路由？ 定义：路由就是根据不同的 URL 地址展示不同的内容或页面。 通俗理解：路由就像是一个地图，我们要去不同的地方，需要通过不同的路线进行导航。 2 路由的作用 单页应用程序（SPA）中，路由可以实现不同视图之间的无刷新切换，提升用户体验； 路由还可以实现页面的认证和
阅读全文
摘要：【一】后端 【1】建表 from django.db import models # Create your models here. class Book(models.Model): title = models.CharField(max_length=32) price = models.C
阅读全文
摘要：【一】安装vue-router npm install -S vue-router@4 npm install vue-router@4 --save 【二】配置vue-router 【1】main.js import {createApp} from 'vue' // css只要引入，全局都生效
阅读全文
摘要：【一】vue-cli创建(不用了) 【1】步骤 vue create vue3_demo1 【2】配置npm 镜像站 npm config set registry https://registry.npmmirror.com 【3】查看镜像站 npm config get registry 【二】
阅读全文
摘要：【1】安装 pip3.9 install django-cors-headers 【2】注册app INSTALLED_APPS = ( ... 'corsheaders', ... ) 【3】配置中间件 MIDDLEWARE = [ ... 'corsheaders.middleware.Cors
阅读全文
摘要：<template> <div class="home"> <h1>toRefs</h1> <h2>{{ name }} {{ age }}</h2> <button @click="age++">点击年龄+1</button> <button @click="addAge">点击年龄+2</but
阅读全文
摘要：【一】基本使用 安装 npm install axios -S // 13 axios使用 import axios from "axios"; // 相当于写在了created中--》页面加载完，就发送请求 axios.get('自己地址').then(res => { console.log(r
阅读全文
摘要：【一】promise基本使用(用来处理回调函数) Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败） 现实生活中对应 你跟你女朋友说，5年后等我赚够500w就结婚--》定义函数 1 进行中（努力赚
阅读全文
摘要：【一】setup()函数 【1】ref、reactive、计算属性 <script setup> import {computed, reactive, ref} from "vue"; let name = ref('hope') let person=reactive({ name:'Tom',
阅读全文
摘要：(1）beforeCreate 在实例初始化(new Vue())后执行，此时的数据监听和事件绑定机制都未完成，获取不到DOM节点。（可以在此阶段加loading事件，在加载实例时触发） （2）created 这个阶段vue实例已经创建，以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的
阅读全文
摘要：【一】监听对象类型 <script setup> import {reactive, ref, watch} from "vue"; const age=ref(10) const person=reactive({ name:'hope', age:19 }) const changeAge=()
阅读全文
摘要：【一】setup函数 如果使用配置项API 》写起来跟vue2一样 如果写组合式API 》所有代码都要写在setup函数中 <template> <div class="home"> <h2>姓名：{{ name }}</h2> <h2>年龄：{{ age }}</h2> <button @clic
阅读全文
摘要：【一】组合式api体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@3/dist/vue.global.j
阅读全文
摘要：<template> <div> <div class="row1"> <div class="company"></div> <div class="pic"></div> <div class="pic"></div> <div class="pic"></div> </div> <div cl
阅读全文
摘要：在CSS3中flex可以非常便捷的可以帮助我们实现对页面的布局。 传统的页面布局，基于div+float来实现。 flex可以快速实现页面的布局（很方便）。 关于flex布局你必须要了解的有一下几点： <div class="menu" 样式> <div class="item" 样式>112</d
阅读全文
摘要：登录成功 》token存储 cookie：登录信息放这里，有过期事件，一旦过期，就没了 sessionStorage：当前浏览器生效 》关闭浏览器，数据就没了 localStorage：永久生效，除非代码删除或清空浏览器缓存 未登录，加购物车 【一】安装 cnpm install vue-cooki
阅读全文
摘要：【一】插件 【1】描述 1 功能：用于增强Vue 2 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 3 使用了vue-router插件，vuex插件，elementui 4 使用别人写好的第三方插件 Vue.use(Element
阅读全文
摘要：【一】ref 【1】 AboutView.vue <template> <div class="about"> <h1 ref="h1">This is an about page</h1> <Child ref="child"></Child> <button @click="handleShow
阅读全文
摘要：功能：可以把多个组件共用的配置提取成一个混入对象,不需要在每个组件中都写了 【一】定义mixin mxin//index.js const hunru={ data(){ return { title:"首页" } }, methods:{ handleChange(){ this.title=th
阅读全文
摘要：【一】安装 cnpm install -S vue-router 【二】app.vue <router-link to=""></router-link> 【三】路由跳转（不携带数据） 【1】js跳转三种方式 <button @click="handleTo">js跳转--跳转到about页面</b
阅读全文
摘要：【一】相关API 指的是：this.$router >方法 常用的: this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面) this.$router.b
阅读全文
摘要：【一】路由守卫 全局守卫、独享守卫、组件内守卫 是否登录，登录后才能访问，没登录重定向到login router/index.js //全局前置路由守卫————初始化的时候被调用、每次路由切换之前被调用 router.beforeEach((to, from, next) => { console.
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 【一】vuex 【1】原理 【二】使用步骤 【1】安装 cnpm instlal vuex -S 【2】新建 store/index.
阅读全文
