精华内容
下载资源
问答
  • 2022-04-22 20:15:08

    vue_cli脚手架1初始化项目

    node + webpack + 淘宝镜像

    项目文件夹

    1. node_modules: 项目依赖;
    2. public文件夹:一般放置一些静态资源(图片),需要注意 ,放这public文件夹中的静态资源,webpack进行打包的时候,会原封不动打包到dist文件夹中;
    3. src文件夹 (程序员源代码文件夹):
      assets文件夹:一般是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里的静态资源,在webpack打包的时候,webpack会把静态资源当作一个模块,打包JS文件里面。
      components文件夹:一般放置的是非路由组件(全局组件)
      APP.vue:唯一的根组件,Vue当中的组件(.vue)
      main.js:程序入口文件,也是整个程序当中最先执行的文件
    4. babel.config.js: 配置文件(babel相关);
    5. package.json文件:认为项目“身份证”,记录项目叫做什么、项目当中有哪些依赖、项目怎么运行;
    6. package-lock.json:缓存性文件;
    7. README.md:说明性文件。

    项目的其他配置

    1.项目运行起来的时候,让浏览器自动打开。 如下:

    //package.json
      "scripts": {
        "serve": "vue-cli-service serve --open",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },
    

    2.eslint校验功能关闭。

    ----在根目录下,创建一个vue.config.js
    比如:声明变量但是没有使用,eslint校验工具报错。

    3.src文件夹简写方法,配置别名。
    jsconfig.json配置别名@提示 【@代表的是src文件夹,这样将来文件过多,找的时候方便很多】

    {
        "compilerOptions": {
          "baseUrl": "./",
          "paths": {
              "@/*": [
                "src/*"
                ]
          }
        },
        "exclude": ["node_modules","dist"]
    }
    

    项目路由的分析

    vue-router
    前端所谓路由:KV键值对。

    键值对说明
    keyURL(地址栏中的路径)
    value相应的路由组件

    路由组件

    Home首页路由组件、Serach路由组件、Login登录路由、Register注册路由。

    非路由组件

    Header【首页、搜索页】;
    Footer【在首页、搜素页】,但是在登录|注册页面没有。

    使用组件的步骤(非路由组件)

    -创建或者定义
    -引入
    -注册
    -使用

    路由组件的搭建

    四个:Home、Search、Login、Register

    -components文件夹:经常放置非路由组件(共用全局组件)
    -pages|views文件夹:经常放置路由组件

    路由的跳转

    有两种形式:

    声明式导航:router-link,可以进行路由的跳转
    编程式导航:push|replace,可以进行路由的跳转

    组件显示与隐藏

    1.我们可以根据组件身上的$route获取当前路由的信息,通过路由路径判断Footer显示与隐藏。
    2.配置路由的时候,可以给路由添加路由元信息【meta】,路由需要配置对象,它的key不能乱写。

    路由传参

    路由跳转方式

    A->B
    声明式导航:router-link(务必要有to属性)
    编程式导航:利用的是组件实例的 $router.push|replace

    参数

    参数是否属于路径是否占位
    params属于路径当中的一部分需要占位
    Quotes不属于路径当中的一部分,类似于ajax中的queryString /home?k=v&kv=不需要占位

    NavigationDuplicated的警告错误

    注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航内部已经解决这种问题。这种异常,对于程序没有任何影响的。

    1.为什么会出现这种现象:

    由于vue-router最新版本引入了promise,当传递参数多次且重复,会抛出异常。

    第一种解决方案

    是给push函数,传入相应的成功的回调与失败的回调 ()=>{},可以捕获到错误,暂时解决当前问题,但是以后再用push|replace还是会出现类似现象,因此我们需要从‘根’治病;

    this:当前组件实例(search);

    this.router属性:属性值就是VueRouter类的一个实例,挡在入口文件注册路由的时候,给组件实例添加 router

    第二种解决方案

    治本push:

    先把VueRouter原型对象的push先保存一份:

    let orignPush = VueRouter.prototype.push;

    重写push|replace,第一个参数告诉原来push方法,往哪跳传哪些参数:

    VueRouter.prototype.push = function(location,resolve,reject){if(resolve && reject){//call||apply区别:都可以调用函数一次,篡改函数上下文一次;call传参用逗号,apply方法传递数组orignPush.call(this,location,resolve,reject);
    	}else{orignPush.call(this,location,()=>{},()=>{});
    	}
    }
    

    总结

    路由组件与非路由组件区别

    1:路由组件一般放置在 pages|views 文件夹中,非路由组件一般放置在 components 文件夹中;

    2:路由组件一般需要在 router 文件夹中注册(使用的即为组件名),非路由组件在使用的时候,一般都是以标签的形式使用;

    3:注册完路由,不管路由组件还是非路由组件身上都有route、router属性。


    1. vue_cli脚手架说明 ↩︎

    更多相关内容
  • 教你用Excel做电商数据分析

    千次阅读 2022-01-25 22:19:00
    电商行业数据分析师 为头部品牌提供数据咨询服务 热衷学习与分享 “数据人创作者联盟”成员 如果说在数据海洋里我是一艘乘风破浪的舰艇,那么明确的职业目标就是航行的方向,统计学业务思维等知识则是船体严密的...

     

    作者介绍

    @知乎:鲸歌

    电商行业数据分析师

    为头部品牌提供数据咨询服务

    热衷学习与分享

    “数据人创作者联盟”成员

    如果说在数据海洋里我是一艘乘风破浪的舰艇,那么明确的职业目标就是航行的方向,统计学业务思维等知识则是船体严密的构造,而Excel和Python等工具的使用就是航行的动力。不同于前面2篇文章,今天会结合统计学的内容,重点讲述如何使用Excel进行实操,在实操的过程中会伴随着思路的校正与发散统一。

    首先,我们需要明确数据分析的步骤,没有条理的秩序,很容易在海量数据中陷入一团乱麻中。

    其次,请让我根据以上步骤来描述我是如何用Excel进行探索性分析的?本期以前4个步骤为主(明确问题、理解数据、数据清洗和数据分析,其余请关注后续推送)。

    本期实操报表:淘宝和天猫上购买婴儿用户的交易明细表、用户信息表;

    数据来源于:https://tianchi.aliyun.com/dataset/dataDetail?dataId=45

    01 明确问题

    在手头拿到数据后,不要着急做清洗和分析,而是先根据掌握的信息进行脑暴,通过这份数据我们能大体确定些什么问题,可以通过脑图(比如Xmind)在罗列的诸多猜想后,根据重要性进行排序。

    为什么要怎么做?古话云:磨刀不误砍柴工,先把问题了解清楚,有利于后期的分析,而不是贸贸然上手,花费了诸多功夫,到头来悲凉地发现得出的结论与要分析的方向南辕北辙。

    根据已有信息,可假设如下需验证的问题:

    02 理解数据

    猴子聊数据分析里的短视频小姐姐的一个说法让我印象深刻,她将”理解数据”比作炒菜前准备的“葱蒜姜末”等佐料,对于数据分析这道大餐,表格中的不同字段,其背后的含义要能理解清楚,否则就是菜不对味儿。

    03 清洗数据

    切记:数据清洗不要在原始表格上直接处理,可以复制表格再生成一份,防止原始数据被破坏,影响工作效率。

    选择子集:可以遵循二八原则,面对众多字段要有取舍,选择核心的字段

    以产品信息表为例:7个字段中,商品属性初步来看分析价值不大,可隐藏,后面可视具体情况如有用再取消隐藏

    列名重命名:一般从数据库导出的数据字段名可能是英文的,那么可以切换到中文,方便自己和他人了解

    转化为:

    缺失值处理:容易忘记的一个环节,尤其是遇到大量级的数据,一定要检查一下,可以使用countblank()函数,补全的4个方法:缺失值较少可手动补齐、删除、数值的话采用平均值代替和通过统计模型算出的值进行替代。

    本文使用的2张报表中的产品信息表的【产品属性】有缺,但此列已隐藏,故不作补充。

    一致化处理:将表格中不规范数据进行批量处理,2张表中的日期数据需要处理成正确可计算的日期型数据,可以先用len()+left/mid/right()+find()函数进行组合,本例中的数据比较齐整,也可以采用分列来拆分,具体使用以实际情况为准。

    异常值处理:与缺失值一样,不可遗漏,对于输入性的数据值尤其是要检查,消费者信息表中【性别】和【出生日期】作为重点排查对象,使用vlookup()将2张表格进行互联,通过【购买日期】和【出生日期】相减除以365取整得到年龄,再对【年龄】进行排序会发现有”28”这个异常值,通过与其他值对比,可以推测原因是出生日期填写的是父母,排查出的异常值可剔除。

    04 数据分析

    在分析版块中,我重点采用了Excel的【数据透视表】、【数据分析】中的【描述统计】和Vlookup()函数,具体详见如下:

    产品信息表的分析思路:在对一级类目进行基础汇总统计时发现不同类目之间的销量差异明显,对该表的销量进行描述统计发现极值差悬殊,在此基础上针对销量这一列进行分组产生新的字段【订单类型】,由此结合一级类目、订单类型和购买日期3个维度组合分析(注:购买数量默认统一为当天单笔订单)。

    提取整体销量和6个一级大类的分别对应销量,使用【数据分析】中的【描述统计】,返回结果如下(共3列,后2列选取标准差最低和最高的2个一级大类):

    由上可得,不同类目间的销量存在波动,可以初步推断类目之间的差异与各大类之间的销量波动密切相关。

    使用Vlookup()模糊匹配进行分组,根据电商业务场景,存在批发订单的可能,5个以内为个人常规订单范畴,6个及以上都算作批发订单,再根据实际购买数量分成:小、中及大批量,具体见如下截图:

    通过对订单分类进行透视统计,数据及发现如下:

    再看订单类型与一级大类的关系:

    根据上表是否可以推测目前平台的发展侧重点在于大批量订单的引导?

    初步论证如下:

    如果剔除10000这个值会发现,常规订单在14年还处于上升状态,占比达到52%;

    结合一级类目和13/14自然年组合分析:可发现在14年,“5004815”一级类目赶超13年排名第一的“28”成为14年Top1,且对比两年的发展速度,“5004815”增长达到300%,“5008168”增长近200%。

    根据上图,进一步深挖,可发现:“5004815”还是与那10000的订单相关,排除10000这个值来看,14年的各大类整体销售依然达到141%的增速,Top3中“28”增速较缓。

    用户信息表的分析思路:相对于产品信息表,用户的数据量较少,算是产品的一个小样本,在使用Vlookup()进行多表关联后,在拼接字段后,根据用户ID的唯一性可以分为2张表:其一不含交易信息(字段包括:用户ID、购买日期、性别、出生日期、年龄和年龄分类)不具有重复值,另一张则包含交易信息(在Vlookup产品信息表时会发现复购的交易记录),根据年龄新增字段“年龄分类”,通过年龄分类、性别、用户ID及购买数量进行多维分析。

    因考虑文章篇幅较长,这部分分析简略呈现,具体可看后续推送:

    结合下面2图,可得宝宝年龄集中在0-6岁,占比达到90%,女性宝宝占比略高于男性宝宝。

    下图是添加了”购买数量”这一字段,可以发现在男女宝宝人数占比相近的前提下,女宝宝的销量将近是男宝宝的2倍,可见女宝宝的消费需求更强劲。

    根据上图,再进一步分析男女宝宝在各一级大类的选择上呈现出什么样的特征,由下图可知,Top1的“50014815”说明女宝宝是消费者主力贡献者,可推测该大类主打女宝宝的产品,紧随其后的第二和第三,男女宝宝的产品受欢迎程度差距没有Top1那么明显,但相较而言女宝宝占比更高。 

    最后,对前4步进行小结,纵观以上的图表更多是对数据的解读和推测,并未根据数据提供下一步的落地建议,且在分析上思维相对狭隘,后期会更进一步调整优化。面对数据需保持好奇心,能够由挖到的一点再进一步的下钻,达到剥丝抽茧的程度。

    展开全文
  • 使用Navicat来导入mydb.sql数据库文件,具体步骤为: (1)新建数据库 (2)在mydb上右键,选择运行SQL文件导入 ,选择要导入的mydb.sql文件,进行导入。 2.在vue_api_server文件夹下按住shift 鼠标单击右键,在...

    关于phpStudy无法启动,从而导入mydb.sql数据库文件失败的解决方案:

    1. 使用Navicat来导入mydb.sql数据库文件,具体步骤为:
      (1)新建数据库
      在这里插入图片描述

    (2)在mydb上右键,选择运行SQL文件导入 ,选择要导入的mydb.sql文件,进行导入。
    2.在vue_api_server文件夹下按住shift 鼠标单击右键,在此处打开powershell窗口,执行node app.js命令,运行报错:
    在这里插入图片描述
    原因是vue_api_server的数据库配置信息与本地的数据库用户名密码不同。
    解决方法:
    修改vue_api_server文件夹下的config文件夹里的default.json 文件中关于数据库的配置:
    修改user和password为自己本地的mysql的配置信息。

    "db_config" : {
    		"protocol" : "mysql",
    		"host" : "127.0.0.1",
    		"database" : "mydb",
    		"user" : "root",
    		"password" : "123456",
    		"port" : 3306
    	}
    

    再执行node app.js命令,可以正常启动后台:

    在这里插入图片描述
    使用postman测试接口:
    在这里插入图片描述

    展开全文
  • vue实战项目视频地址以及项目文件一、项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式(前后端分离)1.4电商后台管理系统的技术选型1.4.1前端项目技术栈1.4.2后端项目技术...

    视频地址以及项目文件

    这个是跟着B站的学习视频记下的实现步骤笔记
    vue实战项目:电商管理系统
    视频中使用到的文件工具等
    链接:https://pan.baidu.com/s/11up4_D1Fldi0APSbhoqvFg
    提取码:a1q2

    一、项目概述

    1.1电商项目基本业务概述

    根据不同的应用场景,电商系统一般都提供了pc端、移动APP、移动Web、微信小程序等多种终端访问方式。

    1.2电商后台管理系统的功能

    电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等功能业务

    1.3电商后台管理系统的开发模式(前后端分离)

    电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。
    在这里插入图片描述

    1.4电商后台管理系统的技术选型

    1.4.1前端项目技术栈

    Vue、vue-router、Element-UI、Axios、Echarts

    1.4.2后端项目技术栈

    Node.js、Express、Jwt(状态保持工具,登录记录)、Mysql、Sequelize(操作数据库的框架)

    二、项目初始化

    2.1前端项目初始化步骤

    1. 安装vue脚手架 vue -V@vue/cli验证是否安装vue-cli
    2. Vue ui 通过vue脚手架创建项目 (中途卡住了,安装了淘宝镜像,然后把项目已生成的文件夹删除了重新来了一次,项目就创建成功npm install -g cnpm
      –registry=https://registry.npm.taobao.org)
    3. 配置Vue路由
    4. 配置Element-UI组件库 Vue-cli-plugin-element然后进行配置 import on demond
    5. 配置axios库 安装axios依赖
    6. 初始化git远程仓库
    7. 将本地项目托管到GitHub或码云中

    2.2后台项目的环境安装配置

    1. 安装Mysql数据库 PHPstudy,我未下载,我使用的是Navicat
    2. 安装Node.js环境
    3. 配置项目相关信息
    4. 启动项目
    5. 使用postman测试后台项目接口是否正常

    三、登录/退出功能

    3.1登录概述

    3.1.1登录业务流程

    1. 在登录页面输入用户名和密码
    2. 调用后台接口进行验证
    3. 通过验证之后,根据后台的响应状态跳转到项目主页

    3.1.2登录业务的相关技术点

    • HTTP是无状态的
    • 通过cookie在客户端记录状态(不存在跨域问题)
    • 通过session在服务器端记录状态(不存在跨域问题)
    • 通过token方式维持状态(存在跨域问题)

    3.2登录-token原理分析

    在这里插入图片描述

    3.3登录功能实现

    3.3.1登录页面的布局

    通过Element-UI组件实现布局

    • el-form
    • el-form-item
    • el-input
    • el-button
    • 字体图标

    3.3.2路由导航守卫控制访问权限

    如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面

    // 为路由对象,添加beforeEach导航守卫
    router.beforeEach((to, from, next) => {
      // 如果用户访问的登录页,直接放行
      if (to.path === '/login') return next()
      // 从sessionStorage中获取到保存的token值
      const tokenStr = window.sessionStorage.getItem('token')
      //没有token,强制跳转到登录页
      if (!tokenStr) return next('/login')
      next()
    })
    

    3.3.3退出功能

    退出功能实现原理:
    基于token的方式实现退出比较简单,只需要销毁本地的token即可,这样,后续的请求就不会携带token,必须重新登录生成一个新的token之后才可以访问页面。

    // 清空token
    window.sessionStorage.clear()
    // 跳转到登录页
    this.$router.push('/login')
    
    

    四、解决ESLint报错问题

    可以把报错的语法复制到在这里插入图片描述
    文件的rule中,后面冒号:0即可

    五、主页布局

    5.1整体布局

    整体布局:先上下划分,再左右划分

    • el-container

    • el-header

    • el-aside

    • el-main

    进UI组件查看container布局容器

    5.2左侧菜单布局

    菜单分为二级,并且可以折叠

    • el-menu

    • el-submenu

    • el-menu-item

    5.3通过接口获取菜单数据

    通过axios请求拦截器添加token,保证拥有获取数据的权限。

    // axios请求拦截
    axios.interceptors.request.use(config => {
      // 为请求头对象,添加Token验证的Authorization字段
      config.headers.Authorization = window.sessionStorage.getItem('token')
      return config
    })
    
    
    展开全文
  • 以下就是步骤条使用的核心代码,其中active绑定的是每一个step的下标,默认从0开始。其次,我们可以设置aligin-center属性来让我们的步骤条进行居中。el-step就是每一个步骤进度。 Javascript <!-- 步骤条...
  • 电商商品爬虫

    2021-04-30 11:38:00
    电商爬取
  • 设计事务事实表时一般可遵循以下四个步骤: == 选择业务过程→声明粒度→确认维度→确认事实== 选择业务过程 在业务系统中,挑选我们感兴趣的业务过程,业务过程可以概括为一个个不可拆分的行为事件,例如电商交易中...
  • 互联网电商都是怎么用工厂模式的?

    万次阅读 多人点赞 2021-04-19 23:26:18
    提升查看框架源码的能力 提升自己对复杂业务的逻辑的代码设计能力以及code能力 对面试以及后面的职场道路打下扎实的基础 比如我之前做电商活动的时候,我之前会场活动的小伙伴就用了责任链+工厂+单例的模式,我只...
  • 电商APP成为网络购物的主要应用,许多企业都想要加入到电商APP开发的队伍中,但很多企业对于电商APP开发的具体流程都不甚了解,下面给大家介绍一下电商APP开发的详细步骤: 一、电商APP开发的前期工作准备 1、...
  • 先看下都有哪些步骤: 搭建项目骨架 项目骨架搭建可以参考如下文章: mall整合SpringBoot+MyBatis搭建基本骨架 mall整合Swagger-UI实现在线API文档 mall整合Redis实现缓存功能 mall整合SpringSecurity和JWT实现认证...
  • 分析与评价旅行社官网电商业务;分析与评价旅行社官网电商业务;学习活动1 了解旅行社网站评价指标;学习活动1 操作步骤;学习活动1 操作步骤;学习活动1 操作步骤;网站评价指标1 旅行社网站界面 ;网站评价指标2 旅行社...
  • 文章目录一、前言一、搭建电商网站Demo1.1.通过阿里云管理控制台部署云上资源1.1.1.创建专有网络VPC1.1.2.创建云服务器ECS1.1.3.申请弹性公网IP并绑定ECS1.1.4.配置安全组规则1.1.5 创建云数据库RDS1.2.通过...
  • 知识图谱学习(二):电商知识图谱 ——本文摘自机械工业出版社华章图书《阿里巴巴B2B电商算法实战》,参考文献请参见原书。 目录知识图谱学习(二):电商知识图谱前言互联网创业潮电商生态一、知识工程与专家...
  • 卡片视图区域 2.1 警示条 2.1.1 步骤条 3. 卡片视图的表单 3.1 tab 栏框架 3.1.2 tab 栏框架数据添加 3.1.3 tab 栏框架方法实现 3.2 基本信息 3.2.1界面样式 3.2.2数据添加 3.2.3方法实现 3.3 商品参数 3.3.1界面...
  • 步骤,从零开始设计并实现一个 麻雀虽小,五脏俱全 的 Java 网上购物商城 需求分析 开发一个项目 / 产品,首先要的就是需求分析。通过深思熟虑的需求分析之后,我们可以明确项目需求,并在此基础上划分系统的...
  • 电商项目实战总结

    千次阅读 2022-04-17 10:52:31
    1、async与await (1)登录验证功能 login(){ this.$refs.loginFormRef.validate(async valid => { if(!valid) return // 如果不加await,result是一个promise对象。加上之后result是promise 成功的值,包括...
  • 电商数仓个人简总结

    2021-10-19 22:02:05
    1.为什么做电商数仓 数据越来越多,我们把各部门的数据收集到一起,通过分析,计算等转化成对我们公司有价值的数据,为我们公司决策提供一个数据支持. 2.技术架构 日志数据:我们通过flume采集埋点的日志数据,然后...
  • 电商风控赛事亚军方案分享!

    千次阅读 2021-12-27 00:25:00
    Datawhale干货作者:许汝超,广州大学,Datawhale成员本次 Apache Flink 极客挑战赛暨 AAIG CUP——电商推荐“抱大腿”攻击识别 赛题以电商推荐反作弊为...
  • 电商领域用户的留存分析
  • 电子商务电商网站.ppt

    2020-11-24 05:31:23
    熟悉电子商务网站建设规划的主要 内容特点方法及一般步骤; 了解电子商务网站维护的目的原 则内容和措施 本拿要教学内容 7.1电子商务网站基本知识 7.2电子商务网站规划 7.3电子商务网站建设若干关键问题 7.4电子商务...
  • src文件夹的别名的设置二、项目分析(1)项目路由分析(2)Header、Footer非路由组件完成使用非路由组件步骤:使用路由组件步骤:路由的跳转有两种形式:路由元信息:路由传递参数重写push与repalce方法(3)TypeNav...
  • 这篇文章不是告诉你怎么跨境电商,而是Jack介绍5个从另外的方法进入跨境电商领域的方式。人少的地方,赚钱更容易。全文8000+字,干货满满,建议收藏。 根据瑞信《2020年全球财富报告》中国有一亿零七百五十万人...
  • 做电商 步骤 第一步:不不懂技术的人拼技术,就是搞流量,搞流量是生存之本,玩法 第二步:和懂技术的人拼营销,点击率高、转化率高、退款率低、客单价、毛利率;要拿得到、拿得住流量 第三步:和懂营销的人拼...
  • 徐培成电商项目

    万人学习 2016-12-04 14:27:09
    目前无论是企业还是培训机构没有一家完整的大数据案例项目,本次课程从产生数据--收集收据--数据分析---数据展示一步步带您进入大数据世界,让你觉得大数据并不是那么神秘。 此大数据项目分为前端展示,系统搭建,...
  • 文章目录一、前置工作1、黄金流程2、Jmeter安装二、脚本实战开发1、用户注册链路1.1、接口说明1.2、...在性能脚本之前,先了解下这本次性能实战业务,简要说明本次使用一个电商系统的下单流程这本次性能业务场景,
  • crmeb最初是为了方便给客户定制项目开发的一个电商框架,让内部学习成本降低,协作更高效,快速交付客户项目的同时,实现效益最大化,减少重复造轮子,让更多程序员少熬夜加班。
  • 所以这样三个步骤可以使用模版模式来设定,并有具体的场景子类实现。 五、模版模式搭建工程 模版模式的业务场景可能在平时的开发中并不是很多,主要因为这个设计模式会在抽象类中定义逻辑行为的执行顺序。一般情况...
  • 我们从2004年进入电商那一天开始就没有去哪家公司,我们既不会亚马逊,也没有eBay,也没有淘宝天猫,我们一直按照我们的节奏,按照我们对国家经济发展的理解,按照我们对零售行业的理解,按照我们自己的步骤...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,611
精华内容 7,044
关键字:

学做电商的步骤