项目vue3 vue

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(四)

ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
静态 简易 系统 博客 JS

CKEditor粘贴图片自动上传到服务器(VUE版)

​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
CKEditor 服务器 图片 VUE

vue学习备忘

vue学习备忘 vue中!!、!=、== 、!==、 判断符号的用法等 !可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其 ......
vue

vue长按事件指令(v-longPress)

import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......
指令 v-longPress longPress 事件 vue

Vue3中点击按钮滚动页面到低端

核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
低端 按钮 页面 Vue3 Vue

2023-4-13 某SAP项目面试小记

2023-4-13 某SAP项目面试小记 按照某个SAP猎头的安排,笔者今天应约参加一个基于TEAMS工具的电话面试。整个面试全程英语面试,共计52分钟。面试结束后,笔者凭借记忆,记录了面试官问过的那些问题,算是做一个回顾。 自我介绍一下过去的SAP项目经验。 有无做过SAP S4HANA项目? 有 ......
小记 项目 2023 SAP 13

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(三)

Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
静态 简易 系统 博客 JS

运行项目报错Cannot read property 'styles' of undefined

原因是安装依赖版本不对,以下是我的解决办法: 1、先删除项目中package-lock.json 文件 及node_modules文件(可使用rimraf指令删除node_modules,直接删文件很慢) 2、执行 npm i --legacy-peer-deps 指令,会发现自动帮我们生成了pac ......
undefined property 项目 Cannot styles

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(二)

后台管理页面,需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
静态 简易 系统 博客 JS

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(一)

很久以前写的。不想白写,这边记录一下,配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统,通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
静态 简易 系统 博客 JS

vue2+jsx与vue3+jsx插槽的写法

1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> (2)调用 <s ......
写法 vue jsx vue2 vue3

Vue.js 组件内路由守卫

视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
路由 组件 Vue js

mssql server 2012数据库 jdk8 + springboot 项目 报错:SQL Server (SSL) encryption. Error: "The server selected protocol version TLS10 is not accepted by client preferences [TLS12]". ClientConnectionId

2023-04-13 11:01:39.727 [main] INFO com.alibaba.druid.pool.DruidDataSource:1003 - {dataSource-3,slave_2} inited 2023-04-13 11:01:39.846 [Druid-Connect ......

vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文转载:https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。 《演示效果》 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单 ......
vue vue-office 组件 多种 文件

vue 组件加点击事件

vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native ......
组件 事件 vue

基于 xterm + websocket + vue 实现网页版终端 terminal

cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
终端 websocket terminal 网页 xterm

Vue.js 独享路由守卫

视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
路由 Vue js

Vue.js 全局前置和后置-路由守卫

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用:对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
路由 全局 Vue js

vue点击其他地方,这个div隐藏,怎么通过自定义指令实现

vue指令 Vue指令是Vue.js框架中最核心的一部分之一,用于处理DOM元素上的行为和属性,类似于jQuery的插件。Vue指令使用v-前缀表示,例如:v-if,v-for,v-bind,v-on等等。 以下是一些常用的Vue指令: 1. v-model:绑定表单元素到Vue实例数据,实现数据的 ......
指令 地方 vue div

vue点击其他地方 这个div隐藏

Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示: 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令,初始状态为显示。2. 给整个页面或父级元素(比如 `body` 或者 `app` 组件,建议是根组件)绑定一个点击事件。3. 在点击事件的回调函数中, ......
地方 vue div

(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统04

开发笔记四 菜品管理业务开发 文件上传下载 文件上传介绍 文件上传,也称为upload,是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛,我们经常发微博、发微信朋友圈都用到了文件上传功能。 文件上传时,对页面的form表单有如下要求: me ......
项目 商户 实战 餐饮 校园

vue中父子组件调用之头像更新

问题描述: 修改图像的功能,要实现的功能是这样的:点击确认按钮,然后连带着上面的头像也更新,是不是很简单,只需要一个刷新就行,但是事实上没这么简单,因为我的这个项目涉及到三个组件 这里面中间是一个子路由,然后上面是一个组件,左边是一个组件 然后这个就涉及到子父组件传值, 这个总布局是Doctor.v ......
父子 组件 头像 vue

传统项目管理软件和敏捷看板管理软件

发现澳大利亚之前,欧洲人认为所有的天鹅都是白色的,世界上不存在黑天鹅。黑天鹅被比喻成不可能存在的事物。 对于传统的项目管理软件而言,Leangoo领歌就是那只黑天鹅。Leangoo领歌是一款支持scrum敏捷开发的新一代项目管理软件。 传统的项目管理软件部署、安装非常复杂,通常需要专业团队安装部署, ......

教育-接口项目总结

接口自动化测试: yaml是测试用例(yaml文件中可以有变量或函数)(ui自动化中excel作为测试用例,也可以有变量或函数) $变量,${func(agrs)} common/api.py 核心TestAPI,控制整个业务流程 两个类方法: 1、find_case(cls,path:Path) ......
接口 项目

团队项目Scrum冲刺-day1

| 这个作业属于哪个课程 | 2023软件工程—双学位 | | | | | 这个作业要求在哪里 | 团队作业4——项目冲刺 | | 这个作业目标 | 团队项目Scrum冲刺-day1 | 1.Alpha任务认领 | 职责 | 人员 | | | | | 前端 | 翟张博 | | 后端 | 袁小东、刘付 ......
团队 项目 Scrum day1 day

团队项目,智能简历系统分析

队长:赵金荣,团队成员:曾雨坤,崔建铭 队伍名称:翻斗花园队 赛题名称:智能简历系统 会议视频地址: 本次会议内容:分析赛题,决定研究方向以及明确分工。 每日站立会议时间:晚8:00,讨论今日工作进展,安排明日工作安排。 展示会议:4.23 回顾会议:4.24 记录照片 ......
团队 简历 智能 项目 系统

vue路由懒加载

vue路由懒加载是性能优化考虑的一种策略。 假如在router内需要引入一个component文件, import PrevComp from './components/prev-comp' import NextComp from './components/next-comp' 这是常规的文件 ......
路由 vue

GitHub 简介与项目搜索

一、Github 作用 1.学习优秀的开源项目 Github 是”世界最大的同性交友网站“,世界上最大的开源社区,因为开源社区的贡献,开发才越来越容易,越来越快速。在尝试做项目时,若每一个模块都需要亲历亲为,除去 Bug 问题,时间与资源也是很大的消耗,且维护较久的开源项目,也会有更多的解决方案。 ......
简介 项目 GitHub

Vue.js 两个新的生命周期钩子(路由组件独有)

视频 11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
钩子 路由 组件 周期 两个

Vue.js 缓存路由组件

视频 10.缓存路由组件 作用:让不展示的路由组件保持挂载,不被销毁。 具体编码: <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
路由 缓存 组件 Vue js