- 自定义全局变量在uniapp的Vuex应用
星月梦瑾
uniappvue前端uniappuni-app
本文介绍了uniapp使用自定义全局变量的方法。当同一业务在连续页面操作时,存在部分筛选变量需要始终保持一致,比如时间筛选条件等,来回跳转页面时如果采用变量传递,常较为繁琐,存在遗漏传递或未清除上一次变量值,造成错误。本文介绍了通过store本地缓存机制,实现全局变量的方法。一、自定义全局变量设置文件businessGlobeVariable.js@/store/modules/businessG
- Vue3初识
冲锋敢死曾小贤
利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目:cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive方法,基本数据类型用ref,引用数据类型用reactiveimport{ref,reactive}from'vue'letstr2=ref("走位走位");letobj=reactive({n
- Module not found: Error: Can‘t resolve ‘sass-loader‘ in...
Coisini_甜柚か
web前端sassvue.jscss
"sass-loader"报错!!!Failedtocompile../src/main.jsModulenotfound:Error:Can'tresolve'sass-loader'in'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npminstallsass-loader
- 终端输入vue ui没反应---使用vue ui出现的四个问题
Coisini_甜柚か
web前端vuevue.jsui前端
vue创建项目方法:快速通道问题1:终端使用vueui无反应,而且工具列表没有ui操作,既无法使用vueui来创建项目原因:vue版本问题,卸载原来的vue版本,然后重新安装vue-h查看帮助信息,没有vueui这一命令行。解决:安装4.x的vuenpmi-g@vue/cli或者npminstall-g@vue/cli或者cnpmi-g@vue/cli使用cnpm没问题安装最新版的vue-cli脚
- vite打包工具的简单使用
Software攻城狮
Vue3前端
vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具,它专注于提供更快的开发体验和高效的构建性能。Vite利用ES模块的原生支持,实现了即时编译和热模块替换(HMR),并且在构建时采用Rollup来优化最终输出。Vite的基本配置Vite的配置文件是vite.config.js或者vite.config.ts(如果你使用TypeScript)。在这个文件中,你可以定
- 【记录】 VUE3 + VITE + TS配置不同环境
——a
前端javascriptvue.js
根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注:vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v
- Vue3+Vite2环境变量配置,分别配置本地,测试,正式
embelfe_segge
前端htmlvue.jsnode.jsjavascript
第一步:在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155'VITE_PORT=8080VITE_BASE_URL='./'VITE_OUTPUT_DIR='dist'VITE_API_DOMAIN='http://10.1.1.11
- 实现自定义拖动客服按钮
鹤鸣的日常
javascript前端开发语言
import{ref}from'vue';exportdefault{setup(){consttop=ref(20);//初始位置的上边距constleft=ref(20);//初始位置的左边距letisDragging=false;lettouchStartX=0;lettouchStartY=0;conststartDrag=(event)=>{isDragging=true;constto
- Vue-cli创建单页面网页
caiyiii
安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择,enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript编译器,将es6语法编译为es5语法eslint:规范代码行为,可组装的JavaScript和jsx检查工具可点击第二个,进行自主选择键盘上下键选择,空格选中创建的项目各个文件no
- 【VUE+SpringBoot】前端获取到的数据与后台从数据库中获取到的数据不一致
你不懂的阳
问题后台从数据库中查询到的数据,转换成JSON字符串传到前端后,缺少部分字段。@RequestMapping("/getUpdateUser")publicStringgetUpdateUser(intid){Useruser=userDao.getUpdateUser(id);Stringstring=JSON.toJSONString(user);returnstring;}asyncshow
- 基于SpringBoot+Vue+MySQL的图书管理系统
程序员大金
Java项目springbootvue.jsmysqljava后端tomcatspring
系统背景 在探讨基于SpringBoot+Vue+MySQL的图书管理系统的研究背景时,我们可以从以下几个方面进行深入分析:一、数字化时代的图书管理需求 随着信息技术的飞速发展和互联网的普及,数字化已成为现代社会不可逆转的趋势。在图书管理领域,传统的纸质图书管理方式已逐渐显露出其局限性,如管理效率低下、信息更新缓慢、读者服务体验不佳等。因此,开发一套高效、便捷、智能化的图书管理系统成为图书馆和
- 上传文件太大 net::ERR_CONNECTION_ABORTED 500 (Internal Server Error) 连接失败错误
我的风格0.0
spring前端springjava前端
前端技术:VUE,elementUI后端技术:springCloudspringBoot前台上传文件时一直报错:net::ERR_CONNECTION_ABORTED问题根因:上传文件太大,超过后台配置解决办法:后台application.yml中添加配置:spring:servlet:multipart:enabled:truemax-file-size:100MBmax-request-siz
- vue实现echarts-wordcloud词云图表,wordcloud参数配置列表
总是幸福的小豌豆
vue.jsnpmecharts
1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.$echarts=echarts3、在main.js中引入echarts-wordcloud.min.jsimport'./plugins/echarts-wordcloud.min.js'//根据实际地
- vue 精选评论词云 集成echarts-wordcloud TF-IDF算法
麦麦大数据
可视化研究vue.jsecharts前端tf-idf
这一期在我们的系统里集成词云组件,开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的:在数据框里输入城市,可以是模糊搜索的,选择城市;选择城市后,发往后台去查询该城市的精选评论,由于一个城市会有很多景点,所以精选评论也有很多,采用TF-IDF算法,计算关键词,返回给前端,使用echarts词云组件进行可视化;再次输入城市,可以切换城市,同时词云会重新渲染。1词云页面开发首先前端安装词云
- vue 中最基本的指令
Victor_b905
插值表达式v-cloak(防止网速问题造成的内容错误)v-text绑定内容v-bind(缩写是:)绑定属性v-on(缩写是@)绑定事件v-model双向绑定属性只能应用于表单元素input(radio,text,address,email。。。)v-for在v-for要会使用:(key属性绑定(只接收单一的string/number))循环数组:v-for="iteminlist"v-for="(
- Vue项目 - 超时登出后如何跳login登录后返回之前页面
1994陈
在项目中,我们会经常遇到超时登出的功能。跟后台约定好超时登出后返回的code。目前这个项目的登出code是401。由于我们的axios是全局配置的,所以只需要在axios发送get或post请求的地方做一个是否登出的判断:(以下已post为例)axios.post(url,params).then(response=>{if(response.data.code=='0'||response.da
- 计算机毕业设计python企业员工信息管理系统 03j8q
QQ58850198
课程设计python开发语言
本员工工资管理系统使用了开源框架vue开发实现了员工工资管理系统,并且使用了开发工具vscode和数据库MySQL。在开发实现员工工资管理系统之前,需要对系统进行需求分析和调研,从而分析出员工工资管理系统需要具备什么样的功能,设计出对应的总体架构,开发实现完员工工资管理系统之后还需要对系统进行测试。本次开发的员工工资管理系统功能包括:员工:个人中心、员工工资管理、工资变动管理。管理员:个人中心、员
- uniapp 小程序微信登录
害的人
vue小程序
啥也不说先上效果图html代码申请获取以下权限获得你的公开信息(昵称,头像、地区等){{loginInfo.openid!=""&&loginInfo.openid!=undefined?"已授权":"小程序授权"}}js代码import{mapMutations}from'vuex'exportdefault{data(){return{code:"",SessionKey:'',encrypt
- UniApp首页与导航页设计开发全攻略
new_一个对象
小程序商城crmeb商城phpuni-app微信小程序crmebphp
一、简介UniApp是一款基于Vue.js框架的跨平台开发工具,可以帮助开发者使用一套代码快速构建出多个平台的应用程序,如iOS、Android、Web等。在UniApp中,首页和导航页是应用程序中必备的两个页面,本文将介绍如何在UniApp中设计和开发这两个页面,并给出相应的代码示例。二、首页设计与开发方法1.页面结构UniApp的首页一般包含标题栏、轮播图、分类导航和推荐商品等模块。其中,轮播
- vue3+element-plus实现table表格整列的拖拽
不恰香菜辣baga
vue.jselementui
参考文章:https://blog.csdn.net/candy0521/article/details/136470284一、为防止原文章不见了将参考文章代码拷过来了(不好意思):这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue";importSortablefrom'sortablejs';consttableD
- websocket 初级
m0_75101866
websocket网络协议网络
-npminstallwebsocket-App.vue//App.vueWebSocket已连接WebSocket未连接发送消息{{receivedMessage}}importtestMefrom"./components/testMe";importWebSocketServicefrom'./websocket';exportdefault{name:'App',data(){return
- 从零开始掌握Vue实例
程序员凡尘
Vue.js从入门到精通vue.js前端javascript
从零开始掌握Vue实例:深入理解数据绑定与生命周期的核心秘诀引言简要介绍主题:在学习Vue.js的过程中,Vue实例是最基础也是最关键的部分。Vue实例是Vue应用的核心,它是数据、DOM元素和Vue组件之间的桥梁。掌握Vue实例的使用对于理解Vue的其他功能模块至关重要。目标和预期收获:通过本文,读者将学习到Vue实例的基本使用方法、如何通过数据绑定和响应式系统来管理应用的数据,以及Vue生命周
- vue3+ts+canvas项目中图片进行矩形批注
嘴巴嘟嘟
vuejavascript前端vue.js
canvas是什么?一个html5支持的新标签,见名知意,canvas就是画板的意思,可以在canvas上画画。css画三角形很简单,但是要画五角星呢,不妨试试canvas(文档有教学)今天我们做的是在图片中画矩形,顾名思义就是模仿批注功能。看效果:废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co
- 【转】Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
Bior
导出Excelimportapifrom"../../api/api.js";importaxiosfrom"axios";exportdefault{data(){return{pageSize:30,}},created(){},computed:{},mounted(){},methods:{downloadUrl(){//console.log(api.serverUrl);letpara
- Vue实现文件下载进度显示
大海星辰798
vuevue.jsjavascript前端
//downLoadProgress为进度百分比asyncdownloadFile(){constthat=thisawait$axios.get(url,{responseType:'blob',onDownloadProgress:function(progressEvent){if(progressEvent.lengthComputable){that.downLoadProgress=(
- 群辉docker前端部署失败处理2
脚大江山稳
docker前端容器
失败的原因是需要提升权限chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue构建镜像处理方式RUNchmod-Ra+rw/usr/share/nginx/html
- 微信小程序之数据的绑定(与vue做对比)
井底的蜗牛
小程序小程序
数据绑定与vue的对比Page({/***页面的初始数据*/data:{a:1,b:2,target:true,list:[{id:1,name:"wq",age:18},{id:2,name:"ce",age:20}]},})基础绑定vue的数据绑定:vue是使用{{}}双花括号内写data中的属性{{a+b}}或者{{1+2*3}}微信小程序数据绑定:也是使用{{}}写定义在data中的属性{
- 推荐开源项目:VueTube - YouTube 克隆版RESTful API
廉欣盼Industrious
推荐开源项目:VueTube-YouTube克隆版RESTfulAPI1、项目介绍VueTube是一个基于Node.js、Express.js和MongoDB构建的YouTube克隆应用,它实现了完整的创建、读取、更新和删除(CRUD)功能,提供了一个类似YouTube的视频分享平台。该项目不仅包含了视频上传、播放、点赞、评论等基本操作,还涵盖了用户认证、历史记录、订阅等功能,打造了一套完善的视频
- Java大文件上传方案(vue+饿了么):秒传、断点续传、分片上传!
无与丶伦比丨
java开发语言
前言本篇文章是基于其他文章的基础上结合自己的理解写出来的,如果哪里有问题请指出!详细教程秒传1、什么是秒传通俗的说,你把要上传的东西上传,服务器会先做MD5校验,如果服务器上有它就会进入秒传,想要不秒传,其实只要让MD5改变,就是对文件本身做一下修改(改名字不行),例如一个文本文件,你多加几个字,MD5就变了,就不会秒传了.2、本文实现的秒传核心逻辑a、利用redis的set方法存放文件上传状态,
- 深入理解 Vue 2 的双向绑定原理与实现
NMY112
vue.js前端javascript
在Vue2中,双向绑定是Vue的核心功能之一,它通过数据响应式系统使得数据的变化自动反映在视图上,同时用户在视图上做的更改也能够同步回数据模型。这种双向绑定是通过数据劫持(DataHijacking)和发布-订阅模式(Publish-SubscribePattern)实现的。以下是双向绑定原理及实现方式的详细解析:1.数据劫持(DataHijacking)Vue2使用Object.definePr
- jquery实现的jsonp掉java后台
知了ing
javajsonpjquery
什么是JSONP?
先说说JSONP是怎么产生的:
其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,小可不才,试着用自己的方式来阐释一下这个问题,看看是否有帮助。
1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;
2、
- Struts2学习笔记
caoyong
struts2
SSH : Spring + Struts2 + Hibernate
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller)
分层原则:单向依赖,接口耦合
1、Struts2 = Struts + Webwork
2、搭建struts2开发环境
a>、到www.apac
- SpringMVC学习之后台往前台传值方法
满城风雨近重阳
springMVC
springMVC控制器往前台传值的方法有以下几种:
1.ModelAndView
通过往ModelAndView中存放viewName:目标地址和attribute参数来实现传参:
ModelAndView mv=new ModelAndView();
mv.setViewName="success
- WebService存在的必要性?
一炮送你回车库
webservice
做Java的经常在选择Webservice框架上徘徊很久,Axis Xfire Axis2 CXF ,他们只有一个功能,发布HTTP服务然后用XML做数据传输。
是的,他们就做了两个功能,发布一个http服务让客户端或者浏览器连接,接收xml参数并发送xml结果。
当在不同的平台间传输数据时,就需要一个都能解析的数据格式。
但是为什么要使用xml呢?不能使json或者其他通用数据
- js年份下拉框
3213213333332132
java web ee
<div id="divValue">test...</div>测试
//年份
<select id="year"></select>
<script type="text/javascript">
window.onload =
- 简单链式调用的实现技术
归来朝歌
方法调用链式反应编程思想
在编程中,我们可以经常遇到这样一种场景:一个实例不断调用它自身的方法,像一条链条一样进行调用
这样的调用你可能在Ajax中,在页面中添加标签:
$("<p>").append($("<span>").text(list[i].name)).appendTo("#result");
也可能在HQ
- JAVA调用.net 发布的webservice 接口
darkranger
webservice
/**
* @Title: callInvoke
* @Description: TODO(调用接口公共方法)
* @param @param url 地址
* @param @param method 方法
* @param @param pama 参数
* @param @return
* @param @throws BusinessException
- Javascript模糊查找 | 第一章 循环不能不重视。
aijuans
Way
最近受我的朋友委托用js+HTML做一个像手册一样的程序,里面要有可展开的大纲,模糊查找等功能。我这个人说实在的懒,本来是不愿意的,但想起了父亲以前教我要给朋友搞好关系,再加上这也可以巩固自己的js技术,于是就开始开发这个程序,没想到却出了点小问题,我做的查找只能绝对查找。具体的js代码如下:
function search(){
var arr=new Array("my
- 狼和羊,该怎么抉择
atongyeye
工作
狼和羊,该怎么抉择
在做一个链家的小项目,只有我和另外一个同事两个人负责,各负责一部分接口,我的接口写完,并全部测联调试通过。所以工作就剩下一下细枝末节的,工作就轻松很多。每天会帮另一个同事测试一些功能点,协助他完成一些业务型不强的工作。
今天早上到公司没多久,领导就在QQ上给我发信息,让我多协助同事测试,让我积极主动些,有点责任心等等,我听了这话,心里面立马凉半截,首先一个领导轻易说
- 读取android系统的联系人拨号
百合不是茶
androidsqlite数据库内容提供者系统服务的使用
联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢
关键代码:
1, 使用javabean操作存储读取到的数据
package com.example.bean;
/**
*
* @author Admini
- ORACLE自定义异常
bijian1013
数据库自定义异常
实例:
CREATE OR REPLACE PROCEDURE test_Exception
(
ParameterA IN varchar2,
ParameterB IN varchar2,
ErrorCode OUT varchar2 --返回值,错误编码
)
AS
/*以下是一些变量的定义*/
V1 NUMBER;
V2 nvarc
- 查看端号使用情况
征客丶
windows
一、查看端口
在windows命令行窗口下执行:
>netstat -aon|findstr "8080"
显示结果:
TCP 127.0.0.1:80 0.0.0.0:0 &
- 【Spark二十】运行Spark Streaming的NetworkWordCount实例
bit1129
wordcount
Spark Streaming简介
NetworkWordCount代码
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
- Struts2 与 SpringMVC的比较
BlueSkator
struts2spring mvc
1. 机制:spring mvc的入口是servlet,而struts2是filter,这样就导致了二者的机制不同。 2. 性能:spring会稍微比struts快。spring mvc是基于方法的设计,而sturts是基于类,每次发一次请求都会实例一个action,每个action都会被注入属性,而spring基于方法,粒度更细,但要小心把握像在servlet控制数据一样。spring
- Hibernate在更新时,是可以不用session的update方法的(转帖)
BreakingBad
Hibernateupdate
地址:http://blog.csdn.net/plpblue/article/details/9304459
public void synDevNameWithItil()
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
- 读《研磨设计模式》-代码笔记-观察者模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;
/**
* “观
- 重置MySQL密码
chenhbc
mysql重置密码忘记密码
如果你也像我这么健忘,把MySQL的密码搞忘记了,经过下面几个步骤就可以重置了(以Windows为例,Linux/Unix类似):
1、关闭MySQL服务
2、打开CMD,进入MySQL安装目录的bin目录下,以跳过权限检查的方式启动MySQL
mysqld --skip-grant-tables
3、新开一个CMD窗口,进入MySQL
mysql -uroot
 
- 再谈系统论,控制论和信息论
comsci
设计模式生物能源企业应用领域模型
再谈系统论,控制论和信息论
偶然看
- oracle moving window size与 AWR retention period关系
daizj
oracle
转自: http://tomszrp.itpub.net/post/11835/494147
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程.
SQL> select * from v$version;
BANNER
-------------------
- Python版B树
dieslrae
python
话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树...
首先是数据实体对象,很简单,只存放key,value
class Entity(object):
'''数据实体'''
def __init__(self,key,value)
- C语言冒泡排序
dcj3sjt126com
算法
代码示例:
# include <stdio.h>
//冒泡排序
void sort(int * a, int len)
{
int i, j, t;
for (i=0; i<len-1; i++)
{
for (j=0; j<len-1-i; j++)
{
if (a[j] > a[j+1]) // >表示升序
- 自定义导航栏样式
dcj3sjt126com
自定义
-(void)setupAppAppearance
{
[[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]];
[UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
- 11.性能优化-优化-JVM参数总结
frank1234
jvm参数性能优化
1.堆
-Xms --初始堆大小
-Xmx --最大堆大小
-Xmn --新生代大小
-Xss --线程栈大小
-XX:PermSize --永久代初始大小
-XX:MaxPermSize --永久代最大值
-XX:SurvivorRatio --新生代和suvivor比例,默认为8
-XX:TargetSurvivorRatio --survivor可使用
- nginx日志分割 for linux
HarborChung
nginxlinux脚本
nginx日志分割 for linux 默认情况下,nginx是不分割访问日志的,久而久之,网站的日志文件将会越来越大,占用空间不说,如果有问题要查看网站的日志的话,庞大的文件也将很难打开,于是便有了下面的脚本 使用方法,先将以下脚本保存为 cutlog.sh,放在/root 目录下,然后给予此脚本执行的权限
复制代码代码如下:
chmo
- Spring4新特性——泛型限定式依赖注入
jinnianshilongnian
springspring4泛型式依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- centOS安装GCC和G++
liuxihope
centosgcc
Centos支持yum安装,安装软件一般格式为yum install .......,注意安装时要先成为root用户。
按照这个思路,我想安装过程如下:
安装gcc:yum install gcc
安装g++: yum install g++
实际操作过程发现,只能有gcc安装成功,而g++安装失败,提示g++ command not found。上网查了一下,正确安装应该
- 第13章 Ajax进阶(上)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- How to determine BusinessObjects service pack and fix pack
blueoxygen
BO
http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/
The table below is helpful. Reference
BOE XI 3.x
12.0.0.
y BOE XI 3.0 12.0.
x.
y BO
- Oracle里的自增字段设置
tomcat_oracle
oracle
大家都知道吧,这很坑,尤其是用惯了mysql里的自增字段设置,结果oracle里面没有的。oh,no 我用的是12c版本的,它有一个新特性,可以这样设置自增序列,在创建表是,把id设置为自增序列
create table t
(
id number generated by default as identity (start with 1 increment b
- Spring Security(01)——初体验
yang_winnie
springSecurity
Spring Security(01)——初体验
博客分类: spring Security
Spring Security入门安全认证
首先我们为Spring Security专门建立一个Spring的配置文件,该文件就专门用来作为Spring Security的配置