前端 终端 实战vue

java基于springboot+vue的书籍学习平台管理系统,学期学习论坛管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 困扰管理层的许多问题当中,书籍学习将会是不敢忽视的一块。但是管理好书籍学习又面临很多麻烦需要解决,在工作琐碎,记录繁多的情况下将书籍学习的当前情况反应给相关部门决策,等等。在此情况下开发一款书籍学习平台,于是乎变得非常合乎时宜。 经过网上调查和搜集数据,我们可以发现书籍学习管理 ......
管理系统 系统 springboot 源码 学期

js前端fetch参数

const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体, ......
前端 参数 fetch

Python——第7章 pandas数据分析实战

# 7.1pandas常用数据类型 ## 7.1.1一维数组与常用操作 ```python import pandas as pd import matplotlib.pyplot as plt #设置输出结果对齐方式 pd.set_option('display.unicode.ambiguous ......
数据分析 实战 数据 Python pandas

你真正了解什么是接口测试么?接口实战一“篇”入魂

最近在工作中,看到一些新手测试同学,对接口测试存在很多疑问,甚至包括一些从事软件测试3,5年的同学,在聊到接口时,也是一知半解;今天借着这个机会,对接口测试做个实战教学,顺便总结一下经验,分享给大家。计划拆分成4个模块跟大家做一个分享,(接口测试、接口基础知识、接口自动化、接口进阶)感兴趣的小伙伴记... ......
接口 实战

Vue中this.$nextTick()的理解与使用方法

https://www.jb51.net/article/238332.htm https://blog.csdn.net/lzfengquan/article/details/118933093 ......
使用方法 nextTick 方法 this Vue

vue项目管理

## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
项目管理 项目 vue

vue2实现高度过渡效果,函数式组件

1.首先创建src下创建utils文件夹,创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
函数 组件 高度 效果 vue2

前端如何配合后端埋点

需求:点击按钮时和进入离开页面时,监听用户行为 * 本篇文章未写完,过两天需求写完了再更新完整的 思路: 监听点击事件,生成一个自定义的clickSession,然后在请求拦截器的header里面加上该字段,这样埋点接口和点击之后执行的接口就可以关联起来了。具体实现如下 App.vue ``` `` ......
前端

前端解析markdown处理表格样式

后端返回markdown格式,前端解析,使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......
前端 样式 表格 markdown

Velocity 不用愁!Velocity 系统的前端工程化之路

Velocity是一个基于Java的Web页面模版引擎。十多年前,Velocity将Java代码从Web页面中分离出来,使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动,回首再面对这些基于Velocity的旧系统,无论是后端还是前端人员维护,都会存在诸多问题 ......
Velocity 前端 不用 工程 系统

一步步完整搭建一个图纸管理系统(Django+Vue3)

# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate(推荐使用虚拟环境)并创建项目 ![](https://img2023.cnblogs.com/blog/2240937/202305/2240937-20230524164953360-1300 ......
图纸 管理系统 Django 系统 Vue3

动态增加自动补全输入框 vue3 ts elementplus

父元素里这样 ` ` DomainItem1元素里这样 ``` {{ t("addto") }} ``` ![](https://img2023.cnblogs.com/blog/3004543/202305/3004543-20230524161943459-1882560835.png) 补全输 ......
elementplus 动态 vue3 vue ts

Qt Windows系统使用QBreakpad实战

前言最近想研究下Qt下跨平台的崩溃捕获,经过一番调查,发现有一个来自谷歌的开源项目叫Breakpad,统一了这三平台win、linux、mac生成dump的方式,通过它就可以跨平台。 使用也是相对简单的,大概就是下载源码,编译生成lib和dll,然后在你自己的程序中include头文件,就可以在你的 ......
实战 QBreakpad Windows 系统 Qt

Vue3——基于tdesign封装一个通用的查询组件

# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件; > 临时写的一个demo ![](https://img2023.cnblogs.com/blog/1334215/202305/1334215-20230524142016695-820366351.png) # 内容 ## ......
组件 tdesign Vue3 Vue

vue父子组件通信

一:在子组件中通过this.$parent.event来调用父组件的方法 父组件: <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
父子 组件 vue

基于django前端页面动态菜单

1、settings中定义基于中间件变量的字典 UNICOM_MENU = { 'leader': [ {'text': '用户管理', 'url': '/xx/xx/'}, {'text': '订单管理', 'url': '/xx/xx/'}, {'text': '工单管理', 'url': '/ ......
前端 菜单 页面 动态 django

vue自动导入组件和自动导入类库 api

vue3 项目中,使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等,以及导入多个自定义组件、UI 组件库的组件,都需要反复的手动导入,注册,很是影响开发体验,这里推荐 antfu 开源的两个插件,上链接: 自动导入组件 https://github.com ......
组件 vue api

Vue3 引入 jquery

通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
jquery Vue3 Vue

vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能

一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。 其实刚做好的效果还是能实现产品... ......
组件 日历 日期 功能 shift

Vue3 useReusableTemplate 优雅的复用模板代码

### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### ......
useReusableTemplate 模板 代码 Vue3 Vue

Netty实战(二)

# 一、环境准备 Netty需要的运行环境很简单,只有2个。 - JDK 1.8+ - Apache Maven 3.3.9+ # 二、Netty 客户端/服务器概览 ![在这里插入图片描述](https://img-blog.csdnimg.cn/c49191e6ee6e448f8c525b450 ......
实战 Netty

windows环境下的vue部署(使用nginx)

首先需要将vue项目打包成dist,在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置,具体操作如下 打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf *注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
windows 环境 nginx vue

vue中<script setup>中使用watch方法

在setup选项里使用watch有两种办法。 ## 第一种:使用watchEffect watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,可以接收watchEffect的返回值用来停止监听。 示例: ``` {{message}} 修改message ......
方法 script setup watch vue

vue中<script setup>中使用computed方法

在setup选项里使用computed需要手动引入computed方法,computed接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者,接受一个具有 get 和 set 函数的对象,用来创建可写的 ref 对象。下面来看示例。 父组件index ......
computed 方法 script setup vue

vue2子组件切换,监听方法失效(监听多个字段)

记录下问题 本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时,监听不生效,监听方法也加了immedi ......
字段 组件 多个 方法 vue2

后端返回验证码图片怎么在前端页面展示

1.验证码从后端返回给前端 通常是blod格式 如果直接用 src 引用 没办法显示 log出来的结果是这样 可以看见取到了图片 但是显示不出来 如何把blod格式转化为src格式 1.调接口时 请求里面加入responseType: 'arraybuffer',这一步很重要 一定要加 2. 写入w ......
前端 页面 图片

vue中<script setup>中使用watch、computed、props等方法

` // 通过props传过来的是一个静态值,如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
computed 方法 script props setup

vue this.$set的作用

在Vue.js中,`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是`this.$set` ......
作用 this vue set

vue 性能优化

组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
性能 vue

Clang前端使用LLVM Pass示例

Clang前端使用LLVM Pass示例 https://mp.weixin.qq.com/s/e3e4a7ei61O99-JUWjDbnA Objective-C在函数hook的方案比较多,但通常只实现了函数切片,也就是对函数的调用前或调用后进行hook,这里介绍一种利用llvm pass进行静态 ......
前端 示例 Clang LLVM Pass