草庐IT

vue-elementul

全部标签

uniapp微信小程序使用axios(vue3+axios+ts版)

版本号"vue":"^3.2.45", "axios":"^1.4.0", "axios-miniprogram-adapter":"^0.3.5",安装axios及axios适配器,适配小程序yarnaddaxiosaxios-miniprogram-adapter使用axios在utils创建utils/request.ts文件importaxiosfrom"axios"importtype{AxiosAdapter,AxiosInstance,AxiosPromise,AxiosRequestConfig,AxiosResponse}from"axios";importmpAdapter

vue+element UI upload 上传组件使用经验分享

用vue+elementUI框架开发前端项目时,产品功能要求可以上传图像和文件,这就可以用到el-upload上传组件。在用此组件实现功能时,从陌生到熟悉,掌握了一些方法,仅以此文做一个总结梳理。关于upload上传element的官网就一句话介绍:通过点击或者拖拽上传文件。它的基础代码如下:点击上传只能上传jpg/png文件,且不超过500kb我们看element官网详细的说明,可以发现el-upload的触发事件和属性特别多,action,on-priview,on-remove,before-remove,on-exceed等大概有二十多个,每个场景都不一样,那我们实际项目中真的会用到这

Vue3实战(05)-教你快速搭建Vue3工程化项目

除了Vue3这个库,还需Vue3最新全家桶。1环境准备之前语法演示直接使用script引入Vue3,从而在浏览器里实现所有调试功能。但实际项目中,使用专门调试工具。在项目上线之前,代码也需打包压缩,并考虑到研发效率和代码可维护性,所以在下面,需建立一个工程化项目实现这些功能。工具VSCode写Vue3的代码直接在Chrome浏览器里展示Vue2官方推荐Vue-cli创建项目Vue3建议使用Vite创建项目,因为vite能够提供更好更快的调试体验。使用Vite前,先安装Node.js推荐使用VSCode的官方扩展插件Volar,这个插件给Vue3提供了全面的开发支持。我们访问Volar的地址,直

驾校预约|基于Vue+Springboot驾校预约系统的设计与实现

  作者主页:编程千纸鹤作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XX-184一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse开发技术:Springboot+Vue前后端分离二,项目简介本课题研究

基于Gin+Vue+Element UI前后端分离工作流系统

前言最近在学习Go方面的知识,恰巧在码云看到一个前后端分离的工作流系统,顺便分享给各位小伙伴,有需要的可以借鉴下撸主的工作流开发思路。简介本系统是集工单统计、任务钩子、权限管理、灵活配置流程与模版等等于一身的开源工单系统,当然也可以称之为工作流引擎。致力于减少跨部门之间的沟通,自动任务的执行,提升工作效率与工作质量,减少不必要的工作量与人为出错率。系统管理基于casbin的RBAC权限控制,借鉴了go-admin项目的前端权限管理,可以在页面对API、菜单、页面按钮等操作,进行灵活且简单的配置,爪哇笔记。项目截图功能介绍下面对本系统的功能做一个简单介绍。工单系统相关功能:工单提交申请工单统计多

Taro+Vue3 小程序引入echarts表

背景:根据需求在一个报告界面需要展示不同的echarts表来使数据更友好的显示。效果如下:一.taro支持echarts官方说明:Taro文档支持引用小程序端第三方组件库物料文档:Taro物料市场|让每一个轮子产生价值二.引入echarts-for-weixin插件github地址:https://github.com/ecomfe/echarts-for-weixin只引入ec-canvas文件夹下的wx-canvas.js三.自定义下载echarts地址:https://echarts.apache.org/zh/builder.html可自行选择版本,笔者测试了5.3.3和5.4.1都支

企业部署,springboot+vue+vue,Linux上部署mysql与redis,docker中部署nginx,jenkins。完整详细。

企业项目部署全流程笔记前言涉及:Linux服务器,docker,Jenkins,nginx,springoot,vue,mysql,redis,git,docker生成容器类型:MySql,Redis,Jenkins,Nginx,项目存放的容器。注:!!!!!!!!!!!数据库不要存放在Docker中,而且存放会在使用时会有问题。!!!!!!!!!!存放mysql时、发现其账号密码只能是root和123456其余的密码会出现问题,显示登陆出错。项目共用MySql,Redis。使用Jenkins进行自动化部署项目。前端项目全部存放到Nginx中,设置动静分离,子域名映射。容器间使用自定义网络进行

Vue--》计算属性与监视(侦听)属性的使用

目录计算属性(computed)监视属性(watch)监视的两种方法immediate选项深度监视计算属性(

vue+element UI之el-select和el-tree实现单选/复选/搜索组件封装

  最近在写代码的时候遇到一个需求,就是需要试用下拉菜单完成二级菜单选择、甚至有三级的菜单选择:  UI提出此功能需要有以下三个要点:在不同的情况下要实现单选或者多选选择的内容要回调在输入框内既可以下拉选择又可以搜索选择  基于此,我开始设计了这个组件。话不多说上效果图。多选效果图单选效果图 &emsp话不多说上代码:父组件template>divclass="demo">elTree:list="options":defaultProps="defaultProps"@getdetail="getdetail":selectType="selectType">/elTree>/div>/te

Vue + Element-ui实现后台管理系统---项目搭建 + ⾸⻚布局实现

目录:导读项目搭建+⾸⻚布局实现一、项目搭建1、环境搭建2、项目初期搭建二、Main.vue三、左侧栏部分(CommonAside.vue)四、header部分(CommonHeader.vue)五、Home.vue写在最后项目搭建+⾸⻚布局实现这篇主要讲解项目搭建+后台⾸⻚布局实现:整体效果后台首页按布局一共包含3个部分:1、左侧栏部分2、头部部分3、内容部分。说明在整个后台管理系统中,左侧栏和头部部分是应该一直在页面中展示的,所以对于每个页面这两个组件都应该存在,而内容部分才是通过router的跳转而跳到不同的组件。下面先把整个项目搭建一下,然后再来讲解上面三个部分一、项目搭建1、环境搭建