案例flask vue2 vue
vue 手写分页
data:{ crossing_status:CROSSING_STATUS, crossing_list:[], time:null, log: { page: 1, pages: 1, total: 0, count: 20, displayPage: 5, list: [] }, select ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
Vue3.0学习(一)------Vue简单介绍
什么是Vue? 官方原文:Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。 简单来说,Vue就是一个构建用户界面的前端框架 Vue的两个核心功能 声明式渲染 Vue基于标 ......
ant-design-vue tree 通过key递归获取该节点信息
<template> <div class="tzgl_wrap"> <a-tree :tree-data="treeData" @select="treeSelect" default-expand-all > <template slot="title" slot-scope="{ title ......
flask:蓝图(blueprint)、g对象、数据库连接池
一、蓝图(blueprint) 1、蓝图介绍 在Flask中,使用蓝图Blueprint来分模块组织管理。 蓝图实际可以理解为是一个存储一组视图方法的容器对象,其具有如下特点: 一个应用可以具有多个蓝图(Blueprint)可以将一个蓝图(Blueprint)注册到任何一个未使用的URL下比如 “/ ......
vue里浏览器返回键如何禁用
1 mounted () { 2 3 // 禁用浏览器返回键 4 5 history.pushState(null, null, document.URL); 6 7 window.addEventListener('popstate', this.disableBrowserBack); 8 9 ......
flask生命周期相关
导出项目依赖问题 我们使用 pip freeze >requirments.txt 会把当前环境下的所有依赖都导出到requirements.py里,这样有些不用的也会被导进去。 使用模块导出 只会导出当前使用到的依赖到 requirements.py 下载 pip install pipreqs ......
vue里cdn引入改为本地js文件引用
问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入,注意生产环境才加载出来 ......
2023.04.06 - 使用mixin动态混入,对vue组件中的数据做兼容经验总结(xp)
业务场景:在一个高拍仪的硬件设备中,厂家给了两套不同的API,分别支持win XP 和 winXP以上版本的系统,而这两套API的实现方式截然不同,一套使用的是http通信,一套是使用scoket通信,方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显,我除了修改组件里的函数 ......
vue第七课:记事本实例
功能需求: 新增 生成列表结构 获取用户输入 回车,新增数据 删除 点击删除指定内容(v-on splice) splice(index,1) 删除1个对应的索引 统计 v-text,length 清空 数组清空 隐藏 没有数据时,隐藏元素(v-if,v-show 数组非空) <div id='ap ......
Cesium案例(五) Underground Color
Cesium.Ion.defaultAccessToken = token const viewer = new Cesium.Viewer("cesiumContainer"); const scene = viewer.scene; const globe = scene.globe; //获取 ......
直播商城源码,vue 弹窗 惯性滚动 加速滚动
直播商城源码,vue 弹窗 惯性滚动 加速滚动 弹窗基础组件 新建文件 components/zwy-popup <template><div v-show="ishide" @touchmove.stop.prevent><!-- 遮罩 --><div class="mask" :style="m ......
vue之列表渲染v-for
简介 v-for可循环对象:数组,对象,字符串,数字 用法 需要哪个标签循环,就把v-for写到哪个标签上 v-for="xxx in 变量" 这里的xxx in是固定写法,xxx代表一个变量,比如后端的 for i in中的i字母 v-for可循环的几种变量的展示 使用v-for循环“数组,对象, ......
vue第六课:v-for,v-on补充,v-model
1,v-for指令 根据数据生成列表结构 <div id='app'> <input type="button" value="添加数据" @click="add"> <input type="button" value="删除数据" @click="remove"> <ul> <li v-for= ......
java模仿网络爬虫简单案例,直接看代码
java模仿网络爬虫简单案例,直接看代码 package com.example.demo1; import java.io.*; import java.net.*; import java.util.regex.Matcher; import java.util.regex.Pattern; / ......
vue实现下拉加载更多
1、首先下载插件 npm install better-scroll 2、循环列表的上级,上上级分别添加属性,如图: 3、data里面添加字段 data() { return { myScroll: null, pullLoadingBottom: 0, pullLoading: false, to ......
vue第四课:v-show,v-if,v-bind的使用
1,v-show指令 根据表达式的真假,切换元素的显示和隐藏如:广告,遮罩层等 <div id='app'> <input type="button" value="切换显示状态" @click="changeIsshow"> <input type="button" value="增加年龄" @c ......
vue el-upload自定义文件列表以及自定义上传事件,导致触发自定义上传时无法上传的问题
1.自定义列表::file-list="my_fileList" 2.自定义上传方法 3.发现当触发confirm_upload 无法执行上传 4.查看uploadFiles的列表时,status为success(猜想:实际的上传文件列表为uploadFIles ,uploadFIles=my_fi ......
vue之条件渲染
说明 “vue条件渲染指令包括v-if、v-else、v-else-if、v-show。 语法 v-if="条件1&&条件2" # 条件可以用变量+运算符号表示,&&表示and v-if-else="条件" v-else # 因为是例外,所以不需要使用条件 示例 条件格式渲染 =90">优秀 =80 ......
配置案例丨小疆智控Profinet转RS232网关连接XK3190-A33E称重显示器
本案例是使用小疆智控Profinet转RS232网关连接XK3190-A33E称重显示器的配置案例。所需设备:西门子1200PLC一台,Profinet转RS232自由协议网关一台,XK3190-A33E称重显示器一台。 ......
vue-生产环境强制开启dev-tool
由于生产环境中无法启用dev-tool,而一些问题只在生产环境中体现,所以在生产环境中调试vue,我个人认为还是比较有用的,那么怎么在 生产环境中启用dev-tools呢 ,便捷的方法 只需要在chrome商店中下载 vue force dev就好啦 cheers!!!!🍺🍺🍺🍺🍺🍺🍺 ......
网络爬虫完整案例
网页爬虫也并非那么难,只要理解他几个模块已经步骤,正常来说完成一个爬虫来说很容易。将requests、正则表达式的基本用法等知识点串联起来,实现一个完整的网站爬虫。 1、准备工作 (1)安装好Python3,最低为3.6 版本,并能成功运行 Python3 程序。 (2)了解 Python HTTP ......
flask+docker部署实战
开发了一个基于flask的小项目,为了我跟随潮流使用docker进行部署到服务器 1. 先写一个dockerFile,放在项目根目录下示例如下 FROM python:3.9COPY . /appWORKDIR ./appRUN pip install -i https://pypi.douban. ......
将前端图片转为base64存储至本地服务器,并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤:将base64转为buffer并用fs.write()存入.png文件中,即可得到一张可展示的图片,将其路径写入数据库即可。非二进制或blob对象 第一:获取图片文件,将其转为base64,通过axios发送至后台node.js服务器 HTML: methods中: getBase64(f ......
Cesium 案例(四) Video
Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置,该js文件时用于创建下拉框和带选中框的按钮,引入该文件后,就会有一个Sandcastle全局对象,包含着很多方法。 // videoElement = docu ......
spring boot 极简案例
安装idea File -> New Project 选择依赖 创建controller文件 输入controller类名 输入代码 运行项目 访问 localhost:8080/hello/boot package com.example.demo; import org.springframew ......
数据库E-R图案例学习
案例一题目: 案例二题目: 一、案例分析中的要点剖析 实验一:书城信息管理系统 个人思考过程: 对于问题一: 识别实体与属性 通读问题叙述后首先列出实体与属性的雏形: 书籍信息(书号,书名,封面,出版社,作者,单价); 大类(大类类别编号,大类类别名称); 小类(小类类别编号,小类类别名称); 每本 ......
Cesium 案例(三) Web Map Service(WMS) Washington DC 2017
Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); // Add a WMS imagery layer const layer = new Cesium.Imag ......
uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
一,官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二,代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w ......