项目vue3 vue
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
JSP01：一个简单的JSP+Servlet项目开头
练手：一个简单的JSP+Servlet项目开头 工具： Apache NetBeans IDE 17 mysql 8.0.31 jdk 1.8 apache-tomcat-10.0.12 1.项目目录 2.具体代码 JSP代码 login.jsp <%@page contentType="text/ ......
部署项目笔记
前后端部署项目 docker安装配置 下载工具 yum install -y yum-utils 设置镜像的仓库 yum-config-manager \ --add-repo \ https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce ......
Qt数据可视化项目
一、创建项目(步骤按常规来即可) 二、ui设计界面 控件的使用 默认视角：Label标签和horizontalSlider标签 水平旋转：Label标签和horizontalSlider标签 垂直旋转：Label标签和horizontalSlider标签 缩放效果：Label标签和horizonta ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
Django4全栈进阶之路24 项目实战（报修类型表）：CKEditor富文本
CKEditor是一个强大的富文本编辑器，可以用于在网站或应用程序中创建和编辑内容。以下是在安装和使用CKEditor的一般步骤： 安装CKEditor： 下载CKEditor：访问CKEditor官方网站（https://ckeditor.com/）并下载适用于您的项目的CKEditor版本。 解 ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫，虽然最后选择用tinyMCE，但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多，需要将部分工具栏隐藏，然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境：vue项目 发布后，通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
腾讯开源的 3 个 GitHub 项目，足够良心！
1、系统清理工具 去年腾讯开源了一个系统清理工具：腾讯柠檬清理，该软件可以系统性解决 macOS 设备空间问题。 重点聚焦清理功能，对上百款软件提供定制化的清理方案，提供专业的清理建议，帮助用户轻松完成一键式的清理。 主要功能包括：深度扫描清理、大文件清理、重复文件清理、相似照片清理、浏览器隐私清理 ......
肖sir__银行项目之信贷系统梳理(就业课)
一、银行涉及系统和业务 1、负债业务，公共业务，信贷业务，支付业务，核算业务外围业务 二、贷款 1、贷款分类 2、贷款流程 web （app）、小程序借贷：借钱 信用贷、车贷、房贷 借款产品新增： 填写个信息： 以上就是客户端操作 ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc ......
vue嵌套iframe踩坑
iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......
vue父组件调用子组件的方法
父组件中写法： <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
肖sir__保险项目梳理(就业课)
参考链接： https://www.axureshop.com/ys/993686 保险前后端 https://www.axureshop.com/ys/1572282 车险后端 https://www.axureshop.com/ys/2007014 保险前端 一、保险项目 1、参考项目编写 项目 ......
AspNet Core MVC项目接入的登录页验证码（二）
基于 SixLabors 实现验证码 添加登录页login.cshtml 在form表单加入验证码 添加帮助类VCode 生成验证码 添加 AccountController 中添加生成验证码方法 Dockerfile 中加入复制字体命令 添加 Sesssion支持 builder.Services ......
vue3项目国际化，你还不了解吗？
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
AspNet Core MVC项目接入的登录页验证码（一）
背景 在.NET Framework 框架下生成图片验证码时，使用的是System.Drawing，但它却只是 Win32 GDI+ 的一层很薄很薄的封装，在其他平台上没有原生对 GDI+ 的实现。 将框架从 .NET Framework 迁移到 .NET Core 后，需要重新选择新的图片处理组件 ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
vue请求后端数据和跨域问题
最近遇到的一个问题 后端写好的接口，前端怎么获取数据 这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下 ......
vue8小时带刻度的时间轴，根据当前时间实时定位
效果图： 需求： 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
vue3+ swiper8
swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......
台达AS系列PLC modbus TCP网口上位机通信，项目现场使用设备的C#源代码，监控设备每月每天的生产数据并生成
台达AS系列PLC modbus TCP网口上位机通信，项目现场使用设备的C#源代码，监控设备每月每天的生产数据并生成Excel表格。YID:539639974409011 ......