布局vue web

java基于springboot+vue的漫画网站管理系统,附源码+数据库+lw文档+PPT,适合毕业设计、课程设计

**1、项目介绍** 考虑到实际生活中在漫画网站方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (a) 管理员;管理员使用本系统涉到的功能主要有:首页、个人中心、用户管理、漫画分类管理、漫画投稿管理、分类管理、排行榜管理、交流论坛、系统管理等功能。管理员用例图如图所示 ......

vue3+vant3封装省市区组件

因为后台返回的数据格式和vant不一致,所以自己遍历循环得到自己想到的格式。 省市区的接口并不是一个以children格式,一次性全部获取,而是选择市的时候需要得到省的id,一层一层请求接口才能得到省市区。 父组件: 1 <selectArea 2 @addressOnFinish="onChang ......
省市区 省市 组件 vant3 vue3

高德地图web开发(vue项目)

在开发大屏中需要使用到高德地图,其中使用到的插件: ['AMap.InfoWindow', 'AMap.Marker', 'AMap.Polyline', 'AMap.Icon'] 点标记,绘制路线,信息窗体,icon 开发思路: 在开发中,因为多个途径点不确定数量,所以就放在一个数组中方便管理 起 ......
地图 项目 web vue

Vue学习笔记-快速入门

整体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="username"> < ......
笔记 Vue

vue项目跨域和路由问题

一、vue跨域 跨域是浏览器的安全策略,当域名或端口跟目标网址不一致时就会触发。 详细可以去这看看:去看看 当开发阶段,如果出现跨域,因为默认node开发中的服务时127.0.0.1:5173 而请求后端时,地址肯定不是这个,就会触发跨域的问题。 开发中可以修改配置来解决这个问题 import { ......
路由 项目 问题 vue

vue elementui validate异步校验改成同步校验返回结果

异步的校验 <script> import { defineComponent, ref } from 'vue' export default defineComponent({ methods: { getFormDataStatus() { let result= ref(false) thi ......
elementui validate 结果 vue

如何搭建一个vue项目

一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载https://github.com/coreybutler/nvm ......
项目 vue

vue设置全局scss,报错

sass-loader版本问题引发的错误:options has an unknown property 'prependData'. These properties are valid 当前版本如下: "sass": "^1.32.7", "sass-loader": "^12.0.0", 原来 ......
全局 scss vue

前端-Vue语法使用

ES6 做为动态语言,感觉底层开始-基本类型就全引用。做为实例化的变量,也变得像指向指针的指针,可以随时切换指针,从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象,从对象的类型来搭建。 基本类型\ Primitive value Undefined,Null ......
前端 语法 Vue

Vue ElementUI中 table单元格使用多个Popover解决多行溢出隐藏鼠标悬浮提示问题

Popover的简单介绍 trigger属性用于设置何时触发 Popover,支持四种触发方式:hover,click,focus 和 manual。 对于触发 Popover 的元素,有两种写法:使用 slot=“reference” 的具名插槽,或使用自定义指令v-popover指向 Popov ......
ElementUI 单元 多个 鼠标 Popover

Nginx 常用的基础配置(web前端相关方面)

基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $s ......
前端 方面 常用 基础 Nginx

前端-VUE

工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务,发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk),将js导入到了本地运行领域。以此位基础,发展出了生态环境,里面关系挺绕的,各种轮子, ......
前端 VUE

vue自定义组件——search-box

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
search-box 组件 search vue box

flex布局

优点 操作 方便,布局简单 移动端应用广泛 PC端浏览器支持情况较差 低版本浏览器不支持 布局原理 flexible box的缩写 “弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局 采用flex布局的元素称为flex container,所有子元素自动成为容器成员, ......
布局 flex

企业级项目模板的配置与集成(Vite + Vue3 + TypeScript)

企业级项目模板的配置与集成(Vite + Vue3 + TypeScript) 1、项目介绍 项目使用:eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
TypeScript 模板 项目 企业 Vite

Vue的生命周期

var vm = new Vue({ el: "#app", // 在基础初始化完成之后,数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成,实例创建完成后立即调用 created(){ console.log( ......
周期 生命 Vue

部署ChatGPT-web版

记录 1.GItHub找到所需项目(ChatGpt.Server是web版) https://github.com/239573049/ChatGpt.Desktop 2.开发环境测试是否可以使用,可以使用在进行发布,放置服务器上或者本机也行 3.NET7 IIS发布问题解决 4.打开网址进入设置 ......
ChatGPT-web ChatGPT web

VUE前端随笔计2

又是小白记录问题的一次,老规矩,还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码,对比别人的,发现自己的删多了,把这个补充回去就行了,具体意思不太明白,大概是给这个模型里面填充这行数据。 ......
前端 随笔 VUE

Missing binding E:\server\dovip\buyer-pc-web\node_modules\node-sass\vendor\win32-x64-83\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x

error in ./src/components/Search.vue?vue&type=style&index=0&id=7cb41050&scoped=true&lang=scss& Syntax Error: Error: Missing binding E:\server\dovip\bu ......
binding node Node buyer-pc-web node_modules

局部添加加载中效果loading (vue+elementUI)

产品需求:有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。(这效果就不揍产品了) 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中, ......
局部 elementUI 效果 loading vue

vscode中vue项目中修改.vue文件名后报错

报错误信息: Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
文件名 vue 文件 项目 vscode

如何搭建一个vue项目

(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
项目 vue

实验三 Web数据库程序设计

实 验 报 告 课程名称: WEB应用开发技术 任课教师: 雷 宇 实验日期: 2023.5.16 班 级: 信2105-2班 姓 名: 燕烁天 学 号: 20213849 实验项目名称:实验三 Web数据库程序设计 一、实验目的 二、实验内容和基本要求 从以下列举的四个数据库中,任选其一,或者自行 ......
程序设计 数据库 程序 数据 Web

Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法

原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
directory 原因 办法 ENOENT 4058

vue中使用wangEditor在设置工具栏的显隐

前段时间为了富文本在wangEditor和tinyMCE中犹豫,虽然最后选择用tinyMCE,但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多,需要将部分工具栏隐藏,然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
工具栏 wangEditor 工具 vue

【Vue2.x源码系列08】Diff算法原理

vue2采用了头尾双指针的方法,每次比对时,优先进行头头、尾尾、头尾、尾头的比对尝试,如果都没有命中才会进行乱序比对。 ......
算法 源码 原理 Vue2 Diff

Vue

......
Vue

VUE- history模式发布项目部署

VUE- history模式发布项目部署 环境:vue项目 发布后,通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
history 模式 项目 VUE

关于 Web 应用的 Prerender 策略

对于一些小型 Web 应用程序而言,强制使用服务器渲染(Server side render)可能会成为一种障碍。这时,预渲染可能是一个非常好的替代选择。 Prerender 的一种解决方案是使用 Preact 及其自己的 CLI. 它允许您编译所有预先选择的路由,以便将完全填充的 HTML 文件存 ......
Prerender 策略 Web

Vue项目结构

1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
结构 项目 Vue