草庐IT

vue-elementul

全部标签

基于Java+Vue+uniapp微信小程序商品展示系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着我国经济迅速发展,人们对手机的

Vue 路由:Hash 模式与 History 模式详解

        Vue是一款流行的前端框架,它提供了强大的路由功能,用于构建单页应用程序(SPA)。Vue路由有两种模式:Hash模式和History模式。本文将详细介绍这两种模式的原理、特点和使用场景,帮助你在Vue项目中选择适合的路由模式。一、Hash模式        Hash模式是Vue路由的默认模式。在Hash模式下,URL中的路径会以 # 符号作为分隔符,后面跟随一个不会提交到服务器的片段标识符(hash)。例如,http://example.com/#/home。        Hash模式的原理是监听浏览器的 hashchange 事件,当URL的hash发生变化时,Vue路由

VUE3照本宣科——eslint与prettier

VUE3照本宣科——eslint与prettierVUE3照本宣科系列导航前言一、eslint1.配置文件2.配置规则3.忽略错误二、prettier三、总结VUE3照本宣科系列导航1.VUE3照本宣科——认识VUE32.VUE3照本宣科——应用实例API与setup3.VUE3照本宣科——响应式与生命周期钩子4.VUE3照本宣科——内置指令与自定义指令及插槽5.VUE3照本宣科——路由与状态管理器6.VUE3照本宣科——eslint与prettier7.VUE3照本宣科——package.json与vite.config.js前言👨‍💻👨‍🌾📝记录学习成果,以便温故而知新“VUE3照本宣科”

前端vue部署到nginx并且配置https安全证书全流程

       说明一下:本人原本使用的是docker安装nginx通过挂载实现部署,但是出现了很多bug(例如部署安全证书后还是无法访问),所以困扰了很久,最后改为本地安装nginx,最终在不懈的努力下终于按照好了,特此记录一下。       一:整个流程:             1.将前端项目打包,会生成dist文件(同时不要忘了修改调用后台的ip)             2.安装nginx(本地安装,非docker),然后将dist下的文件放入nginx的html目录下             3.配置nginx的配置文件             4.安装证书(ssl)        

FullyQualifiedErrorId : CommandNotFoundException(vue 报错,已安装了vue脚手架)

 可能是因为你的node路径更换位置了,需要重新配置环境变量。在搜索栏中搜索vue.cmd复制路径,然后在系统环境变量path中添加vue.cmd的路径保存。就OK了。

Vue3中使用tinymce全功能演示,包括开源功能

效果图:1、下载插件:npmitinymcenpmi@tinymce/tinymce-vue2、在node_modules文件夹中找到tinymce下的skins复制到项目public文件夹中    (可以先创建一个tinymce文件夹): 3、在tinymce官网中下载中文包,并放在刚刚创建的tinymce文件夹中LanguagePackages|TrustedRichTextEditor|TinyMCE  前往官网点击按钮下载全部语言包,解压放至tinymce文件夹TinyMCE中文文档中文手册 中文文档给大家作参考4、在项目中建立components/TEditor文件夹封装tinymc

完全掌握 Vue 中的 $set 方法

start今天在使用$set的时候,发现如果被赋值的数据层级较深会出现报错的情况。一知半解,是我最讨厌的状态,今天就带着问题,再阅读一下对应的源码,了解问题的本质。问题说明简单说明一下我遇到的问题,明确探究问题的目标。需求我有一个空对象,我希望可以给它的属性的属性的属性赋值。错误代码:lazy_tomato{{obj}}点击我给obj赋值exportdefault{data(){return{obj:{},}},methods:{handleChange(){this.obj.a={b:{c:'爱吃番茄',},}console.log(JSON.stringify(this.obj))//直接

手把手教你用VUE写个例子访问后端WebApi的接口获取数据并显示出来

本文接着上文《手把手叫你用VS2019写个WebApi(可以供网页、手机、电脑三端连接使用)从网页访问后端并在后端通过EF获取sqlserver中的数据》https://blog.csdn.net/weixin_43935474/article/details/132497256?spm=1001.2014.3001.5501上文中介绍了如何创建一个WebApi后端接口的例子,现在来写个网页端访问这个后端接口的例子。开发环境:VisualStudioCode先打开VSCode,新建终端,在下方终端内先输入cdE:\WebCode\FirstVueApp\表示我将在上述路径下创建项目。然后输入n

使用CryptoJS实现Vue前端加密,Java后台解密的步骤和方法

1、crypto.js简介  CryptoJS是一个JavaScript库,提供了一系列密码学函数和工具,用于加密、解密、生成摘要等任务。它支持多种加密算法,包括常见的对称加密算法(如AES、DES)和非对称加密算法(如RSA)。  同时,CryptoJS还包括了ECB和CBC两种模式,其中ECB模式:全称ElectronicCodebook(电码本),在ECB模式中,每个明文分组都被单独加密,且每个明文分组都被加密为相同的密文分组。也就是说,如果两个明文分组相同,那么它们的密文分组也相同。CBC模式:全称CipherBlockChaining(密文分组链接模式),在CBC模式中,每个明文分组

vue本地能够访问图片,打包项目之后图片无法访问

//template中//jsletboxHerf=ref('/src/assets/images/contain.svg')上述写法本地能够正常访问图片,但是打包之后无法正常访问,将boxHerf换成下列写法即可解决letboxHerf=newURL('/src/assets/images/contain.svg',import.meta.url).href;注意:newURL(url,import.meta.url)中的参数url,不能如下面定义变量拼接constgetPath=(url)=>{letpath='src/assets';returnnewURL(`${path}${url}