草庐IT

background_element

全部标签

前端Vue2+Element-UI电商后台管理 项目总结

Vue2电商后台管理项目总结一、项目介绍二、实现过程1、路由准备2、登录与退出功能(表单验证、axios配置、token操作、路由守卫)3、首页菜单渲染(多级菜单、请求拦截、二级路由)4、用户列表基本结构(面包屑、卡片、栅格布局、表格、分页、作用域插槽)5、用户列表的增删改查(对话框、验证规则)6、权限管理页面(权限列表)7、权限管理页面(角色列表)7、vue-table-with-tree-grid展示分类数据8、参数管理(tab页签)9、添加商品(Steps组件、upload组件、富文本插件、深拷贝)10、数据报表(ECharts)11、项目优化基于图形化界面创建Vue项目处理ESLint

基于Java+SpringBoot+mybatis+vue+element实现旅游管理系统

 博主介绍:✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌ 🍅文末获取联系🍅  精彩专栏推荐👇🏻👇🏻👇🏻👇🏻java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.html 前言介绍: 以往的旅游管理系统相关信息管理,都是工作人员手工统计。这种方式不但时效性低,而且需要查找和变更的时候很不方便。随着科学的进步,技术的成熟,计算机信息化也日新月异的

解决element-ui中的el-select选择器无法显示选中内容的问题

问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。问题代码:职称varvm=newVue({el:'#rrapp',data:{showList:true,title:null,options:[{value:'助教',label:'助教'},{value:'讲师',label:'讲师'},{value:'副教授',label:'副教授'},{v

部署vue element-ui admin报错(vue2)

部署vueelement-uiadmin报错(vue2)目录部署vueelement-uiadmin报错(vue2)一、官方安装说明二、部署报错的关键影响因素2.1、“开发模板”版本2.2、完整版2.2.1、基础知识和基础依赖2.2.2、原理-安装过程三、完整版3.3、win10环境四、效果4.1、win74.2、win10    针对近期群友安装部署element-ui admin遇到的问题,写个博客,愿对你们有帮助:一、官方安装说明介绍|vue-element-adminAmagicalvueadminhttps://panjiachen.github.io/vue-element-adm

部署vue element-ui admin报错(vue2)

部署vueelement-uiadmin报错(vue2)目录部署vueelement-uiadmin报错(vue2)一、官方安装说明二、部署报错的关键影响因素2.1、“开发模板”版本2.2、完整版2.2.1、基础知识和基础依赖2.2.2、原理-安装过程三、完整版3.3、win10环境四、效果4.1、win74.2、win10    针对近期群友安装部署element-ui admin遇到的问题,写个博客,愿对你们有帮助:一、官方安装说明介绍|vue-element-adminAmagicalvueadminhttps://panjiachen.github.io/vue-element-adm

Element UI按需加载之坑,this.$message和this.$notify不起作用了?

大家有遇到这种情况吗?elementUI组件使用报错,话不多说,直接上菜。报错如下:this.$messageisnotfunction在main.js引入了,组件不起作用,问题在于引入方式。import{Message}from'element-ui'...Vue.use(Message)首先说一下调佣时的this是指向vue的原型就是vue.prototype,而这里的vue.use使用并没有把组件挂载在vue原型上,所以找不到这个function。只要用vue.prototype挂载就可以了。Vue.prototype.$message=Message;this.$message({me

Element UI按需加载之坑,this.$message和this.$notify不起作用了?

大家有遇到这种情况吗?elementUI组件使用报错,话不多说,直接上菜。报错如下:this.$messageisnotfunction在main.js引入了,组件不起作用,问题在于引入方式。import{Message}from'element-ui'...Vue.use(Message)首先说一下调佣时的this是指向vue的原型就是vue.prototype,而这里的vue.use使用并没有把组件挂载在vue原型上,所以找不到这个function。只要用vue.prototype挂载就可以了。Vue.prototype.$message=Message;this.$message({me

【Vue2+Element ui通用后台】登录和退出

我们要做的权限分为两个部分:1、在未登录前,浏览器中输入其他页面网址不能打开2、登录后,不同账号展示的菜单不同首先我们增加登录页,在views中增加Login.vue然后修改idnex.js......//1、创建组件......importLoginfrom'../views/Login';Vue.use(VueRouter)//2、将路由与组件进行映射constroutes=[{......},{path:'/login',name:'name',component:Login}]......登录页用到了Form表单template>el-form:label-width='70'clas

Vue+JS+Element UI实战(电商项目1)

目录1.电商业务概述2.电商后台管理系统的功能​3.项目初始化步骤4.后台项目的环境安装配置4.1.APIV1接口说明4.2.支持的请求方法4.3.通用返回状态说明5.测试后台接口是否正常6.登录/退出功能1.登录概述1.登录业务流程2.登录业务的相关技术点3.token原理 2.登录功能实现1.终端执行gitstatus:查看当前工作区是否干净2.用分支开发登录功能 3.查看项目运行效果4.删除不需要的组件5.创建登录组件6.设置背景颜色7.组件头像布局8.登录组件表单布局9.表单小图标布局10.表单的数据绑定11.表单的数据验证12.表单的重置13.登录前的预验证14.根据预验证是否发起请

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry

组件分享之后端组件——基于Gin+Vue+ElementUI前后端分离的工单系统ferry背景近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。组件基本信息组件:ferry开源协议:LGPL-3.0license官网:http://ferry.fdevops.com内容在我们很多需求中都会使用到或简单或复杂的流程,本篇我们进行分享一款基于Gin+Vue+ElementUI前后端分离的工单系统ferry,通过灵活的配置流程、模版等数据,非常快速方便的生成工单流程,通过对流程进行