草庐IT

nodejs_vue

全部标签

基于Java+Vue+uniapp微信小程序火锅店点餐系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

给大家推荐个生成前端代码的工具,支持vue代码,支持组件拖拽

我自己有一个服务器,一直想着做点网页什么的,不然放在那儿都浪费了。无奈作为一个后端,前端的知识不够,就找了一个生成前端代码的工具。我自己用下来,感觉还真不错,推荐给各位。下面这张图就是iVX这个工具的主页,我们直接进入iVXCN后,点击开始开发即可。我这里为了演示,放了很多控件进去。可以看到有编辑框、按钮、Excel组件选项。还有高德地图的组件,不过需要api,我就没有放。我现在的打算是用iVX先开发一些网页,正好它生成的前端代码都是vue的,一直听说vue不错,所以趁这个机会接触学习一下vue。在代码编辑器的右上角我们可以选择是使用手机,还是使用电脑,调成电脑后,分辨率会比较大些,也方便观察

Lottie简介 + 结合到vue3中使用

Lottie简介+结合封装到vue3中使用前言:一、Lottie是什么1.官方介绍2.实现流程3.动画资源二、为什么要选择Lottie三、lottie-web的使用1.安装导入2.初始化动画实例3.lottie-web支持的控制动画的主要方法4.lottie-web支持的监听动画的常用的事件四、lottie-web在Vue3中的使用1.安装lottie-web2.进行简单封装3.使用组件,创建动画五、一个小例子前言:文章内容主要介绍Lottie动画相关知识和如何在web端进行使用Lottie的相关网站可见如下:LottieFiles(一个Lottie动画资源网站)、Lottie官方文档、lot

vue3+vite的axios的封装与全局使用

1.安装axios使用npm或yarn安装axios到项目中//使用pnpm安装  pnpminstallaxios//使用npm安装  npminstallaxios//使用yarn安装 yarnaddaxiosaxios是一个基于Promise的HTTP请求库,支持PromiseAPI、可以拦截请求和响应、可以转换请求和响应数据、支持取消请求、可以自动转换JSON数据等。 2.创建文件封装axios在src同级目录下创建utils(工具)文件夹,创建axios.ts,代码如下:因为是ts所以有时候会报红,是因为ts语法问题,给每个参或者函数添加类型就可以了。importaxiosfrom'

Vue入门三(表单控制|购物车案例|v-model进阶|与后端交互|计算属性|监听属性|Vue生命周期)

文章目录一、表单控制二、购物车案例三、v-model进阶四、与后端交互跨域问题解决,三种交互方法跨域问题详解1-CORS:后端代码控制,上面案例采用的方式1)方式一:后端添加请求头2)方式二:编写中间件3)方式三:第三方模块django-cors-headers2-Nginx反向代理(常用)3-JSONP:很老不会用了,它只能发get请求4-搭建Node代理服务器五、计算属性1)重写过滤案例六、监听属性七、Vue生命周期八个生命周期钩子函数实操案例一、表单控制 DOCTYPEhtml> htmllang="en"> head> metacharset="UTF-8"> title>Docume

【vue】 网站动态背景 | vanta.js的使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、Vanta.js是什么?二、使用步骤1.引入库在项目中安装three.js依赖在项目中安装VantaJS依赖2.代码部分,在具体项目中调用(基础调用)前言vanta.js可以为网站设置炫酷的动态背景比如在网站登陆的首页一、Vanta.js是什么?示例:vanta.js可以为网站设置炫酷的动态背景比如在网站登陆的首页。二、使用步骤首先我的测试项目是vue2版本,关于React和Angular框架自行查看npm官网Vantanpm官网:Vanta-npm1.引入库在项目中安装three.js依赖这里指定版本,否则会报错

react+vue 前端国密算法sm2、sm3 、sm4的js ts实现

1.简单介绍下SM2和SM3SM2算法:是一种公钥加密算法,它的密钥长度为256位,安全性较高。可用于数字签名、密钥协商等场景。SM3算法:是一种对称加密算法,用于消息摘要和数字签名等场景。它的密钥长度为256位,安全性较高。SM3算法与SM2算法相互配合,提高了整体安全性能。2.接下来讲前端如何实现安装npminstallsm-cryptoyarnaddsm-cryptosm2、sm3引入写法require('sm-crypto').sm2require('sm-crypto').sm3SM2非对称加密写法str是需要加密的字符串cipherMode//1-C1C3C2,0-C1C2C3,默

Vue+Element Ui实现el-table自定义表头下拉选择表头筛选

用vue+elementui开发管理系统时,使用el-table做表格,当表格列过多的时候,想要做成可选表头的,实现表格列的筛选显示,效果如下:代码文件结构:废话不多说,直接上代码:第一步:新建名为TableHeaderRender.vue 的文件      placement="bottom"    width="200"    trigger="manual"    v-model="visible"    @show="showPopover"    popper-class="table-header-popover"  >                  placeholder="

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云,项目地址:https://gitee.com/breezefaith/uniapp-vue3-ts-scaffold文章目录使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架一、前言二、脚手架技术栈简介2.1uni-app2.2vue32.3TypeScript2.4Pinia2.5TailwindCSS2.6uv-ui2.7vite三、详细步骤3.1Node.

Vue2+Koa2+Typescript前后端框架教程--05Sequelize(ORM)的使用,实现基础的班级增删改查API

本篇开始分享Node.js后端服务开发中对于数据结构ORM的实现,主要使用的技术栈是:Sequelize。上一篇文章中讲到班级管理的数据结构:ID,班级名称,班级编码,班主任ID,使用的数据库是MySQL,通过Sequelize,实现简单的增删改查的API。1.MySQL中创建数据库和班级表。  1.1创建数据库demo_nodeCREATEDATABASE`demo_node`/*!40100DEFAULTCHARACTERSETutf8mb4COLLATEutf8mb4_0900_ai_ci*//*!80016DEFAULTENCRYPTION='N'*/;  1.2创建班级表t_clas