当前位置: 移动技术网 > IT编程>开发语言>Java > day01_品优购电商项目_01_走进电商 + 分布式框架-Dubbox + 品优购-框架搭建 + 逆向工程 + 品牌列表展示 + 常见错误_用心笔记

day01_品优购电商项目_01_走进电商 + 分布式框架-Dubbox + 品优购-框架搭建 + 逆向工程 + 品牌列表展示 + 常见错误_用心笔记

2019年01月14日  | 移动技术网IT编程  | 我要评论

课程目标

  • 目标1:了解电商行业特点以及理解电商的模式
  • 目标2:了解整体品优购的架构特点
  • 目标3:能够运用dubbox+ssm搭建分布式应用
  • 目标4:搭建工程框架,完成品牌列表后端代码

1. 走进电商

1.1 电商行业分析

  近年来,中国的电子商务快速发展,交易额连创新高,电子商务在各领域的应用不断拓展和深化、相关服务业蓬勃发展、支撑体系不断健全完善、创新的动力和能力不断增强。电子商务正在与实体经济深度融合,进入规模性发展阶段,对经济社会生活的影响不断增大,正成为我国经济发展的新引擎。
  中国电子商务研究中心数据显示,截止到 2012 年底,中国电子商务市场交易规模达 7.85万亿人民币,同比增长 30.83%。其中,b2b 电子商务交易额 达 6.25 万亿,同比增长 27%。而 2011 年全年,中国电子商务市场交易额达 6 万亿人民币,同比增长 33%,占 gdp 比重上升到 13%;2012 年,电子商务占 gdp 的比重已经高达 15%。

市场交易规模:


淘宝天猫双十一:

1.2 电商行业技术特点

  • 技术新
  • 技术范围广
  • 分布式
  • 高并发、集群、负载均衡、高可用
  • 海量数据
  • 业务复杂
  • 系统安全

1.3 主要电商模式

1.3.1 b2b--企业对企业

  b2b( business to business)是指进行电子商务交易的供需双方都是商家(或企业、公司),她(他)们使用了互联网的技术或各种商务网络平台,完成商务交易的过程。电子商务是现代 b2b marketing的一种具体主要的表现形式。
  案例:阿里巴巴、慧聪网

1.3.2 c2c--个人对个人

  c2c即 customer(consumer) to customer(consumer),意思就是消费者个人间的电子商务行为。比如一个消费者有一台电脑,通过网络进行交易,把它出售给另外一个消费者,此种交易类型就称为c2c电子商务。
  案例:淘宝、易趣、瓜子二手车

1.3.3 b2c--企业对个人

  b2c是 business-to-customer 的缩写,而其中文简称为“商对客”。“商对客”是电子商务的一种模式,也就是通常说的直接面向消费者销售产品和服务商业零售模式。这种形式的电子商务一般以网络零售业为主,主要借助于互联网开展在线销售活动。b2c即企业通过互联网为消费者提供一个新型的购物环境--网上商店,消费者通过网络在网上购物、网上支付等消费行为。
  案例:唯品会、乐蜂网

1.3.4 c2b--个人对企业

  c2b(consumer to business,即消费者到企业),是互联网经济时代新的商业模式。这一模式改变了原有生产者(企业和机构)和消费者的关系,是一种消费者贡献价值(create value), 企业和机构消费价值(consume value)。
  c2b模式和我们熟知的供需模式(dsm, demand supply model)恰恰相反,真正的c2b 应该先有消费者需求产生而后有企业生产,即先有消费者提出需求,后有生产企业按需求组织生产。通常情况为消费者根据自身需求定制产品和价格,或主动参与产品设计、生产和定价,产品、价格等彰显消费者的个性化需求,生产企业进行定制化生产。
  案例:海尔商城、 尚品宅配

1.3.5 o2o--线上到线下

  o2o即 online to offline(在线离线/线上到线下),是指将线下的商务机会与互联网结合,让互联网成为线下交易的平台,这个概念最早来源于美国。o2o的概念非常广泛,既可涉及到线上,又可涉及到线下,可以通称为o2o。主流商业管理课程均对o2o这种新型的商业模式有所介绍及关注。
  案例:美团、饿了吗

1.3.6 f2c--工厂到个人

  f2c指的是factory to customer,即从厂商到消费者的电子商务模式。

1.3.7 b2b2c--企业-企业-个人

  b2b2c是一种电子商务类型的网络购物商业模式,b是business的简称,c是customer的简称,第一个b指的是商品或服务的供应商,第二个b指的是从事电子商务的企业,c则是表示消费者。
  第一个business,并不仅仅局限于品牌供应商、影视制作公司和图书出版商,任何的商品供应商或服务供应商都能可以成为第一个business;第二b是b2b2c模式的电子商务企业,通过统一的经营管理对商品和服务、消费者终端同时进行整合,是广大供应商和消费者之间的桥梁,为供应商和消费者提供优质的服务,是互联网电子商务服务供应商。c表示消费者,在第二个b构建的统一电子商务平台购物的消费者。
  b2b2c的来源于目前的b2b、b2c模式的演变和完善,把b2c和c2c完美地结合起来,通过b2b2c模式的电子商务企业构建自己的物流供应链系统,提供统一的服务。
  案例:京东商城、天猫商城

2. 品优购-需求分析与系统设计

2.1 品优购简介

  品优购网上商城是一个综合性的 b2b2c 平台,类似京东商城、天猫商城。网站采用商家入驻的模式,商家入驻平台提交申请,有平台进行资质审核,审核通过后,商家拥有独立的管理后台录入商品信息。商品经过平台审核后即可发布。
  品优购网上商城主要分为网站前台运营商后台商家管理后台三个子系统。

2.1.1 网站前台

  主要包括网站首页、商家首页、商品详细页、搜索页、会员中心、订单与支付相关页面、秒杀频道等。

2.1.2 运营商后台

  运营商的运营人员的管理后台。
  主要包括商家审核、品牌管理、规格管理、模板管理、商品分类管理、商品审核、广告类型管理、广告管理、订单查询、商家结算等。

2.1.3 商家管理后台

  入驻的商家进行管理的后台,主要功能是对商品的管理以及订单查询统计、资金结算等功能。

2.2 系统架构

2.2.1 什么是soa架构

  soa是service-oriented architecture的首字母简称,它是一种支持面向服务的架构样式。从服务、基于服务开发和服务的结果来看,面向服务是一种思考方式。其实soa架构更多应用于互联网项目开发。
  为什么互联网项目会采用soa架构呢?随着互联网的发展,网站应用的规模不断扩大,常规的垂直应用架构已无法应对,分布式服务架构以及流动计算架构势在必行,迫切需一个治理系统确保架构有条不紊的演进。

2.2.2 品优购架构分析

2.3 数据库表结构

2.4 框架组合

  品优购采用当前流行的前后端编程架构。
  后端框架采用spring + springmvc + mybatis + dubbox。前端采用 angularjs + bootstrap。

3. dubbox框架

3.1 dubbox简介

  dubbox 是一个分布式服务框架,其前身是阿里巴巴开源项目dubbo ,被国内电商及互联网项目中使用,后期阿里巴巴停止了该项目的维护,当当网便在dubbo基础上进行优化,并继续维护,为了与原有的dubbo区分,故将其命名为dubbox。
  dubbox 致力于提供高性能和透明化的rpc远程服务调用方案,以及soa服务治理方案。简单的说,dubbox就是个服务框架,如果没有分布式的需求,其实是不需要用的,只有在分布式的时候,才有dubbox这样的分布式服务框架的需求,并且本质上是个服务调用的东东,说白了就是个远程服务调用的分布式框架。

节点角色说明
  provider: 暴露服务的服务提供方。
  consumer: 调用远程服务的服务消费方。
  registry: 服务注册与发现的注册中心。
  monitor: 统计服务的调用次调和调用时间的监控中心。
  container: 服务运行容器。
调用关系说明
  0. 服务容器负责启动,加载,运行服务提供者。
  1. 服务提供者在启动时,向注册中心注册自己提供的服务。
  2. 服务消费者在启动时,向注册中心订阅自己所需的服务。
  3. 注册中心返回服务提供者地址列表给消费者,如果有变更,注册中心将基于长连接推送变更数据给消费者。
  4. 服务消费者,从提供者地址列表中,基于软负载均衡算法,选一台提供者进行调用,如果调用失败,再选另一台调用。
  5. 服务消费者和提供者,在内存中累计调用次数和调用时间,定时每分钟发送一次统计数据到监控中心。

3.2 注册中心zookeeper

3.2.1 zookeeper 介绍

  官方推荐使用 zookeeper 注册中心。注册中心负责服务地址的注册与查找,相当于目录服务,服务提供者和消费者只在启动时与注册中心交互,注册中心不转发请求,压力较小。
  zookeeper 是 apacahe hadoop 的子项目,是一个树型的目录服务,支持变更推送,适合作为dubbox 服务的注册中心,工业强度较高,可用于生产环境。

3.2.2 zookeeper 在linux系统的安装

  参考链接:https://www.cnblogs.com/chenmingjun/p/9943123.html#_label1_3

3.2.3 zookeeper 服务启动

  参考链接:https://www.cnblogs.com/chenmingjun/p/10260858.html

3.3 dubbox本地jar包部署与安装(了解)

  dubbox的jar包并没有部署到maven的中央仓库中,大家在maven的中央仓库中可以查找到dubbo的最终版本是2.5.3,阿里巴巴解散了dubbo团队后由当当网继续维护此项目,并改名为 dubbox ,坐标不变,版本变更了,但是并没有提交到中央仓库。
  我们现在需要手动将dubbox的jar包安装到我的本地仓库中。

第一步:先去github下载当当网维护的dubbox,网址:https://github.com/dangdangdotcom/dubbox/tree/master
第二步:解压zip文件


第三步:用maven编译文件
在windows系统下,进入目录d:\setup\dubbox-master中,在该目录下打开cmd,执行以下命令:
mvn install-f d:\setup\dubbox-master\pom.xml -dmaven.test.skip=true

编译完成后,每个文件夹下,会生成对应的target文件,里面放着我们需要的jar包、war包等。
第四步:安装到maven本地仓库中,执行以下命令:

mvn install:install-file -dfile=d:\setup\dubbo-master\dubbo\target\dubbo-2.8.4.jar -dgroupid=com.alibaba -dartifactid=dubbo -dversion=2.8.4 -dpackaging=jar -dgeneratepom=true

如果第三步编译不成功,我们可以从网上下载dubbo-2.8.4.jar包,放到某一目录中,例如d:\setup\dubbo-2.8.4.jar,执行以下命令:

mvn install:install-file -dfile=d:\setup\dubbo-2.8.4.jar -dgroupid=com.alibaba -dartifactid=dubbo -dversion=2.8.4 -dpackaging=jar -dgeneratepom=true

在maven默认的仓库地址中,会出现我们的dubbox的内容。
可以进入dubbo文件夹下寻找pom.xml,打开,里面的groupid、artifcatid、version就是我们需要在自己的maven项目引入的依赖的书写内容。
参考链接:https://blog.csdn.net/jfqqqqq/article/details/79559036
详细链接后期补上xxxxxxxxxxxxxxxxxxxx

3.4 配置dubbo的离线约束

第一步:先将dubbo的离线约束文件dubbo.xsd放到对应的仓库目录中d:\learn\maven\repository-pinyougou\com\alibaba\dubbo\2.8.4,这样做为了便于管理
第二步:打开eclipse,window --> preferences --> xml --> user specified entries --> add
key:http://code.alibabatech.com/schema/dubbo/dubbo.xsd
如下图所示:


ok,就可以有dubbo的提示了。

3.5 dubbox入门小demo

3.5.1 服务提供者开发

开发步骤:
(1)创建maven工程(war)dubboxdemo-service,在pom.xml中引入依赖
pom.xml

<project xmlns="http://maven.apache.org/pom/4.0.0" 
    xmlns:xsi="http://www.w3.org/2001/xmlschema-instance"
    xsi:schemalocation="http://maven.apache.org/pom/4.0.0 
    http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelversion>4.0.0</modelversion>
    <groupid>com.itheima.demo</groupid>
    <artifactid>dubboxdemo-service</artifactid>
    <version>0.0.1-snapshot</version>
    <packaging>war</packaging>
    <properties>
        <spring.version>4.2.4.release</spring.version>
    </properties>
    <dependencies>
        <!-- spring -->
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-context</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-beans</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-webmvc</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-jdbc</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-aspects</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-jms</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-context-support</artifactid>
            <version>${spring.version}</version>
        </dependency>
        <!-- 配置对dubbo的依赖 -->
        <!-- dubbo相关 -->
        <dependency>
            <groupid>com.alibaba</groupid>
            <artifactid>dubbo</artifactid>
            <version>2.8.4</version>
        </dependency>
        <dependency>
            <groupid>org.apache.zookeeper</groupid>
            <artifactid>zookeeper</artifactid>
            <version>3.4.6</version>
        </dependency>
        <dependency>
            <groupid>com.github.sgroschupf</groupid>
            <artifactid>zkclient</artifactid>
            <version>0.1</version>
        </dependency>
        <dependency>
            <groupid>javassist</groupid>
            <artifactid>javassist</artifactid>
            <version>3.11.0.ga</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupid>org.apache.maven.plugins</groupid>
                <artifactid>maven-compiler-plugin</artifactid>
                <version>2.3.2</version>
                <configuration>
                    <source>1.7</source>
                    <target>1.7</target>
                </configuration>
            </plugin>
            <plugin>
                <groupid>org.apache.tomcat.maven</groupid>
                <artifactid>tomcat7-maven-plugin</artifactid>
                <configuration>
                    <!-- 指定端口 -->
                    <port>8081</port>
                    <!-- 请求路径 -->
                    <path>/</path>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

(2)在工程的webapps下创建web-inf文件夹,创建web.xml
web.xml

<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/xmlschema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xsi:schemalocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    version="2.5">  
    <display-name>dubboxdemo-service</display-name>
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
    <!-- 初始化spring容器:也即加载spring容器 -->
    <context-param>
        <param-name>contextconfiglocation</param-name>
        <param-value>classpath*:spring/applicationcontext*.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.contextloaderlistener</listener-class>
    </listener>
</web-app>

(3)创建业务接口
创建包com.itheima.dubboxdemo.service,用于存放业务接口,创建接口:

package com.itheima.dubboxdemo.service;

/**
 * 业务接口
 * @author bruce
 */
public interface userservice {

    public string getname();

}

(4)创建业务实现类
创建包com.itheima.dubboxdemo.service.impl,用于存放业务实现类。创建业务实现类:

package com.itheima.dubboxdemo.service.impl;

import com.alibaba.dubbo.config.annotation.service;
import com.itheima.dubboxdemo.service.userservice;

@service
public class userserviceimpl implements userservice {

    @override
    public string getname() {
        return "itheima";
    }

}

注意:service注解与原来不同,需要引入com.alibaba包下的。
(5)编写spring配置文件
在src/main/resources下创建spring目录,并创建applicationcontext-service.xml文件
applicationcontext-service.xml

<?xml version="1.0" encoding="utf-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" 
    xmlns:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:dubbo="http://code.alibabatech.com/schema/dubbo" 
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemalocation="http://www.springframework.org/schema/beans 
    http://www.springframework.org/schema/beans/spring-beans-4.2.xsd
    http://www.springframework.org/schema/mvc 
    http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd
    http://code.alibabatech.com/schema/dubbo 
    http://code.alibabatech.com/schema/dubbo/dubbo.xsd
    http://www.springframework.org/schema/context 
    http://www.springframework.org/schema/context/spring-context-4.2.xsd">

    <!-- 使用dubbo发布服务:需要先引入dubbo的约束 -->
    <!-- 提供方应用信息,用于计算依赖关系 -->
    <dubbo:application name="dubboxdemo-service"/>  
    <dubbo:registry address="zookeeper://192.168.25.167:2181" timeout="300000"/>
    <dubbo:annotation package="com.itheima.dubboxdemo.service.impl"/> 
</beans>

(6)测试运行
clean tomcat7:run

3.5.2 服务消费者开发

开发步骤:
(1)创建maven工程(war)dubboxdemo-web,在pom.xml引入依赖,同“dubboxdemo-service”工程。区别就是把tomcat插件的运行端口改为8082。
(2)在webapps目录下创建web-inf目录,并创建web.xml
web.xml

<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/xmlschema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xsi:schemalocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    version="2.5">
    <display-name>dubboxdemo-web</display-name>
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
    <!-- 配置解决post乱码的过滤器 -->
    <filter>
        <filter-name>characterencodingfilter</filter-name>
        <filter-class>org.springframework.web.filter.characterencodingfilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
        <init-param>  
            <param-name>forceencoding</param-name>  
            <param-value>true</param-value>  
        </init-param> 
    </filter>
    <filter-mapping>
        <filter-name>characterencodingfilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <!-- 配置springmvc的前端控制器 -->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.dispatcherservlet</servlet-class>
        <!-- contextconfiglocation不是必须的, 如果不配置contextconfiglocation, 
             springmvc的配置文件默认在:web-inf/servlet的name+"-servlet.xml" -->
        <init-param>
            <param-name>contextconfiglocation</param-name>
            <param-value>classpath:spring/springmvc*.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <!-- /表示拦截所有请求,但不拦截jsp,/*表示拦截所有请求 -->
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>
</web-app>

(3)拷贝业务接口
将“dubboxdemo-service”工程的com.itheima.dubboxdemo.service包以及下面的接口拷贝至此工程。
(4)编写controller

package com.itheima.dubboxdemo.controller;

import org.springframework.stereotype.controller;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.responsebody;

import com.alibaba.dubbo.config.annotation.reference;
import com.itheima.dubboxdemo.service.userservice;

@controller
@requestmapping("/user")
public class usercontroller {

    @reference
    private userservice userservice;

    @requestmapping("/showname")
    @responsebody
    public string showname() {
        return userservice.getname();
    }

}

(5)编写spring配置文件
在src/main/resources下创建spring目录,并创建springmvc.xml文件
springmvc.xml

<?xml version="1.0" encoding="utf-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" 
    xmlns:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:dubbo="http://code.alibabatech.com/schema/dubbo" 
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemalocation="http://www.springframework.org/schema/beans 
    http://www.springframework.org/schema/beans/spring-beans-4.2.xsd
    http://www.springframework.org/schema/mvc 
    http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd
    http://code.alibabatech.com/schema/dubbo 
    http://code.alibabatech.com/schema/dubbo/dubbo.xsd
    http://www.springframework.org/schema/context 
    http://www.springframework.org/schema/context/spring-context-4.2.xsd">
    <mvc:annotation-driven >
        <mvc:message-converters register-defaults="false">
            <bean class="org.springframework.http.converter.stringhttpmessageconverter">  
                <constructor-arg value="utf-8"/>
            </bean>  
        </mvc:message-converters>   
    </mvc:annotation-driven>

    <!-- 引用dubbo服务 -->
    <dubbo:application name="dubboxdemo-web"/>
    <dubbo:registry address="zookeeper://192.168.25.167:2181"/>
    <dubbo:annotation package="com.itheima.dubboxdemo.controller"/> 
</beans>

(6)测试运行
clean tomcat7:run
在浏览器输入http://localhost:8082/user/showname.do,查看浏览器输出结果

3.6 管理中心的部署

  我们在开发时,需要知道注册中心都注册了哪些服务,以便我们开发和测试。我们可以通过部署一个管理中心来实现。其实管理中心就是一个web应用,部署到tomcat即可。

3.6.1 管理端安装

(1)编译源码,得到war包
给大家下发的资源中有个dubbox-master.zip,这个是dubbox的源码,我们可以使用maven命令编译源码得到“管理端”的war包。
将此压缩包解压,在命令行下进入dubbo-admin目录 ,输入maven命令

mvn package -dmaven.skip.test=true

如果你看到如下信息,就说明成功了

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网