![](https://img-blog.csdnimg.cn/ee0b94befec7405e95c1df81eb676a63.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
黑马 elementui vue电商项目
文章平均质量分 80
代码仓库地址 https://gitee.com/zzaxg/itheima_shop_zz
使用的 node 后端接口代码的地址https://gitee.com/zzaxg/vue_api_server
周周写不完的代码
外包头子
展开
-
黑马vue商城-day03-权限管理功能开发
开发权限列表创建对应的组件和加载路由权限列表的基本页面布局权限列表的获取export default { data() { return { // 权限列表 rightList: [] } }, methods: { // 获取权限列表 async getRightLists() { const { data: res } = await this.$http.get("rights/list") if (r原创 2021-03-06 22:44:11 · 257 阅读 · 0 评论 -
黑马vue商城-day02-用户列表功能开发
主体布局开始<template> <el-container class="home-container"> <!-- 头部区域 --> <el-header ><el-button type="info" @click="logout">退出</el-button></el-header > <!-- 页面主体区域 --> <el-contai原创 2021-03-06 22:43:43 · 417 阅读 · 0 评论 -
黑马vue商城-day04-分类管理开发
要达到的效果使用第三方组件查看详情页面之后跳转到github的链接这里的教程写的很清楚import ZkTable from 'vue-table-with-tree-grid'Vue.component('tree-table', ZkTable)在main.js中注册后面可以使用 tree-node 使用该组件<!-- 表格 --><tree-table :data="catelist" :columns="columns" :selectio原创 2021-03-06 22:44:41 · 322 阅读 · 0 评论 -
黑马vue商城-day06-订单管理和项目可视化
引入地址选择新建一个 citydata.js文件 ,里面存放城市的基本信息然后在 里面引入import cityData from './citydata.js'data() { return { cityData, } },时间轴Timeline<!-- 时间线 --><el-timeline> <el-timeline-item v-for="(activity, index) in progressInfo" :ke原创 2021-03-07 10:10:42 · 326 阅读 · 0 评论 -
黑马vue商城-day07-项目优化上线
通过 vue.config.js 修改 webpack 的默认配置通过 chainWebpack 自定义打包入口module.exports = { lintOnSave: false, chainWebpack: config => { config.when(process.env.NODE_ENV === "production", config => { config .entry("app") .clear()原创 2021-03-07 10:11:14 · 355 阅读 · 0 评论 -
黑马vue商城-day01-项目初始化登录功能开发
代码仓库https://gitee.com/zzaxg/itheima_shop_zz初始化老规矩,先来初始化一个码云项目先来安装 Vue cli 脚手架npm install -g @vue/cli-service-global好家伙,见面礼,百度一哈加个环境变量,还是不行切换到管理员,okvue ui 后面都是可视化的东西了咱们先把 eslint 相关的所有东西干掉按需导入哈插件里面搜索 elementui axios 就行后台的启动初始化一个 叫做 mydb原创 2021-03-06 22:43:02 · 818 阅读 · 6 评论 -
黑马vue商城-day05-商品列表
创建基本组件<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/categories' }" >首页</el-breadcrumb-item > <el-breadcrumb-item>用户管理</el原创 2021-03-06 22:45:19 · 405 阅读 · 2 评论