Vue项目
不忘初心L
这个作者很懒,什么都没留下…
展开
-
vue.js电商项目--美丽购物街day01首页制作
vue.js电商项目--美丽购物街day01首页效果如图划分目录结构vue.config.js配置文件别名App.vue文件router文件下的index.js首页效果如图下拉首页划分目录结构使用vue-cli3搭建脚手架vue.config.js配置文件别名vue-cli3没有vue.config.js,要自行新建此文件module.exports={ configureWebpack: { resolve: { alias: {原创 2020-07-18 20:47:46 · 919 阅读 · 1 评论 -
Vue实战项目day07--电商后台管理系统(Element-ui)
Vue实战项目day07--电商后台管理系统项目优化添加进度条根据报错修改代码执行build生成打包报告修改webpack的默认配置加载外部CDN定制首页内容路由懒加载项目上线开启gzip压缩配置https服务今日目标1.完成项目优化2.完成项目上线项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.原创 2020-07-03 12:42:07 · 599 阅读 · 2 评论 -
Vue实战项目day06--电商后台管理系统(Element-ui)
Vue实战项目day06--电商后台管理系统添加商品完成图片上传使用富文本插件订单列表制作省市区县联动制作物流进度对话框数据统计今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示添加商品完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置原创 2020-07-01 15:56:12 · 486 阅读 · 0 评论 -
Vue实战项目day05--电商后台管理系统(Element-ui)
Vue实战项目day05--电商后台管理系统添加商品列表添加商品今日目标1.制作商品列表页面2.制作商品添加页面创建子分支git checkout -b goods_list推送至码云 git push -u origin goods_list添加商品列表A.制作商品列表基本结构添加子级路由组件以及对应的规则,并设置组件的基本机构打开router.js,添加下面的代码import GoodList from './components/goods/List.vue'path: '原创 2020-06-30 18:20:51 · 441 阅读 · 0 评论 -
Vue实战项目day04--电商后台管理系统(Element-ui)
Vue实战项目day04--电商后台管理系统商品分类创建子级路由添加组件基本布局请求分类数据使用插件展示数据完成分页功能完成添加分类参数管理模块添加子级组件完成组件基本布局完成级联选择框展示参数添加参数编辑参数删除参数今日目标1.完成商品分类2.完成参数管理商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cateB.创建子级路由创建categories原创 2020-06-29 20:25:57 · 228 阅读 · 0 评论 -
Vue实战项目day03--电商后台管理系统(Element-ui)
Vue实战项目day03--电商后台管理系统今日目标修改用户信息删除用户推送代码权限列表角色列表分配角色将代码推送到码云今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { d原创 2020-06-24 16:42:54 · 526 阅读 · 0 评论 -
Vue实战项目day02--电商后台管理系统(Element-ui)
Vue实战项目day02--电商后台管理系统Element-ui今日目标后台首页基本布局axios请求拦截器设置激活子菜单样式在后台首页添加子级路由完成用户列表主体区域绘制用户列表基本结构请求用户列表数据将用户列表数据展示实现用户列表分页实现更新用户状态实现搜索功能实现添加用户今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户效果如图后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-cont原创 2020-06-20 21:59:29 · 621 阅读 · 0 评论 -
Vue实战项目day01--电商后台管理系统(Element-ui)
Vue实战项目day01--电商后台管理系统电商业务概述项目初始化码云相关操作电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式此前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts后端原创 2020-06-15 17:12:20 · 1941 阅读 · 1 评论