效果echarts项目vue
Vue3项目（Vite+TS）使用Web Serial Api全记录
前言 之前写了一个vue+django的一个通过串口控制的上位机系统。但是实际生产中，不如部署到服务器上，这样可以更好的节约成本。但是这样就需要弄一个客户端来控制处理串口信息。那我就在想能不能通过网页直接拿到客户端的串口信息。所以问了万能的chatgpt，得到了以下答案： 是的，前端可以使用 Web ......
vue + docxtemplater实现将数据导出为word文档
###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269 ......
给自己的项目发布一个文档吧
给自己的项目发布一个文档 Github Page配置 在上一篇，我们搭建了一个脚手架，方便我们更快的开始一个项目。这篇我们将使用github page给这个项目发布一个文档 我们可以在 github 仓库的 Setting-Pages界面进行文档的设置，例如我这个仓库，把文档源设置成了当前仓库mas ......
vue 二维码海报合并生成海报 组件
<!--vue海报二维码组件，只需传入背景图片文件的URL 和二维码图片文件的URL --><template> <div> <div @click="guanbi" v-if="isShowPoster"> <div class="poster-wrapper" v-if="!imgSrc"> < ......
二次开发项目之合并项目代码
二次开发项目，并需要不时的接收外部的 bug 修复代码，合并起来其实停头疼的 一方面是自己在上之上开发了不少新功能，与其原公司的代码相当于走在了2条路上 另一方面是其原公司还在维护修复反馈的bug，就导致每次给的 patch 和 code ，都需要仔细核对一遍（存在给 patch 和 code 对不 ......
【Vue】vue3 vue-pdf-embed 实现pdf预览、缩放、拖拽、旋转和左侧菜单选择
实际效果 安装插件 pnpm install vue-pdf-embed pnpm install vue3-pdfjs 左侧pdf菜单组件 <template> <div class="pdf-view-list"> <div class="item active-item" v-for="(it ......
项目启动
项目启动 启动前端 进入 D:\code\community\community\Community-manage-front 点击上面的地址栏 输入 cmd 然后回车，打开控制台窗口 在终端中输入：npm run serve 就能启动 看到一下界面就代表启动成功，打开浏览器，输入： http:// ......
Vue3 开发必备的 VSCode 插件
分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 ......
【新鲜出炉的个人项目】基于 Flink 的商品推荐系统
Recs FlinkCommodityRecommendationSystem(基于 Flink 的商品推荐系统) 1. 前言 系统取名为 Recs，灵感源于 Recommendation System。logo 使用在线 logo 网站制作。作者开发该项目，是为了学习 Flink 以及相关大数据中 ......
从0开始搭建一个微服务项目(使用openfeign)
本文发布时间：2023-05-05 尚在学习当中，如有不足，请指正！！！ 项目结构 本篇文章是之前项目的后续版本，前面的内容可看 链接：从0开始搭建一个微服务项(并注册到nacos)_bgbgking的博客-CSDN博客 因本篇内容较前篇跨幅较大，有兴趣可查看源码 链接：spring-cloud-d ......
带序号的echart
let option = { backgroundColor: "transparent", grid: { left: '50', right: '80', bottom: 0, top: 20, containLabel: false, }, xAxis: [{ gridIndex: 0, ty ......
LayUI Photos实现图片查看效果并鼠标放大缩小与旋转功能
1、调用 $('#查看图片按钮').on('click',function(){ var id = $(this).attr('data-id'); var name = $(this).attr('data-name'); var url = $(this).attr('data-url'); O ......
springboot 项目的jar部署的日志分割问题
示例 # yum -y install cronolog java -jar app.jar | /usr/sbin/cronolog /app/logs/console.log.%Y-%m-%d >> /dev/null 2>&1 & 启动脚本示例 #!/bin/bash set -e if [ ......
Vue3搭建脚手架
一、安装Vue3脚手架 在此之前需要把Node.js环境安装好 如果之前安装了2.0的脚手架，需要把它卸载掉，在控制台执行npm uninstall vue-cli -g 进行全局卸载 然后执行命令 npm install @vue/cli -g 下载vue3的脚手架 二、项目搭建 1、 创建一个新 ......
Vue3搭建脚手架时提示 Error: command failed: npm install --loglevel error --legacy-peer-deps
一、前言 使用Vue3搭建脚手架，就在快成功的时候报了个错误 Error: command failed: npm install --loglevel error --legacy-peer-deps 大致报错内容是： 您的操作系统拒绝了该操作。 该文件可能已被使用（由文本编辑器或防病毒软件使用） ......
直播平台制作，vue el-dropdown下拉框单选有对钩高亮
直播平台制作，vue el-dropdown下拉框单选有对钩高亮 <template> <div> <div class="selected"></div> <el-dropdown style=" cursor: pointer; font-weight: 500; font-size: 16px ......
HttpRunner 4.x 学习2 - 快速创建项目
执行 hrp startproject demo 命令，即可初始化指定名称的项目工程。 hrp startproject auto 快速创建项目 demo ├── .env 是环境配置文件 ├── .gitignore 传git仓库时忽略文件 ├── debugtalk.py 辅助函数功能文件 ├─ ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
【2】Django项目-人力资源管理系统-设计表结构
Django项目-人力资源管理系统-设计表结构 一、在models.py中编写表结构 创建两张表：部门表 和 用户信息表 from django.db import models # Create your models here. class Department(models.Model): ' ......
django3.0异步、提高项目并发量
1 补充 django3.0 # 补充：django 3.0以后支持异步 -ASGI：WSGI是基于 HTTP 协议模式的，不支持WebSocket（需要其他模块处理，eg:channels） ASGI的诞生则是为了解决 Python常用的WSGI，不支持当前Web开发中的一些新的协议标准，例如：w ......
vue搭建脚手架出现：无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1
一、前言 用VsCode搭建Vue3脚手架时，提示“无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1”文件 二、解决方法 以管理员身份打开VSCode编辑器 首先执行get-ExecutionPolicy查看执行策略 然后执行set-ExecutionPol ......
vue-print 实现打印功能
一、安装 1. Vue2 npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import p ......
vue3学习第一课
1，先安装npm brew install npm npm init vite-app vue3demmo cd vue3demmo npm install npm run dev ......
vue 实现页面跳转
1、router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/det ......
Django项目-人力资源管理系统
人力资源管理系统【HRMS】 一、pycharm 新建项目 1.新建项目 2.创建APP-website 2.1 方法1：终端输入 python manage.py startapp website 2.2 方法2：利用Pycharm工具输入：快捷键 CTRL + ALT + R 输入 starta ......
在vue中使用axios的步骤（保姆级）
一、基础用法 1.安装axios npm i axios 2.引入axios // 引入axios import axios from 'axios' 3使用 // 发起一个post请求 axios({ method: 'post', url: 'http://192.168.0.88:8888/a ......
C#学习记录—C#winform顺序怎么打包成安装项目(VS2022图解)
转载自元讯趣编程社区鹏鹏大佬的作品，链接地址C#学习记录—C#winform顺序怎么打包成安装项目(VS2022图解) (qubcedu.com) 一、在打包之前 (VS中需要包括Microsoft visual studio installer projects扩展项目) 1.1 在vs中找到扩展 ......
基于SqlSugar的开发框架循序渐进介绍（29）-- 快速构建系统参数管理界面-Vue3+ElementPlus
在随笔《基于SqlSugar的开发框架循序渐进介绍（28）-- 快速构建系统参数管理界面》中介绍了基于SqlSugar开发框架，构建系统参数管理的后端API部分，以及WInform界面部分内容，本篇随笔介绍基于Vue3+ElementPlus的前端界面开发过程。 ......
umi +react 搭建项目细节记录
配置请求域名，有umirc.ts文件可以直接在该文件加 proxy: { '/api': { // 检测域名后面带 /api/ 的路径 target: 'http://192.168.0.90', // 要请求的域名或IP地址 'changeOrigin': true, // 'pathRewrit ......
项目架构要考虑的事情
颜色处理，皮肤处理，比如btn按钮的多种颜色 使用element或者antd，实现自己的自定义皮肤 厘清菜单，路由，组件 实现菜单和路由分离。 实现菜单高亮和路由的，一对多 通过路由嵌套，和路由组件，来实现内部切换的功能 大项目解耦，不要把所有代码，写在一块，以react项目为例 每个模块的，可以单 ......