Day01淘淘商城--项目讲解、环境搭建

淘淘商城简介

淘淘网上商城是一个综合性的B2C平台，类似京东商城、天猫商城。会员可以在商城浏览商品、下订单，以及参加各种活动。淘淘商城采用分布式系统架构，子系统之间都是调用服务来实现系统之间的通信，使用Http协议传递Json数据方式实现。这样降低了系统之间的耦合度，提高了系统的扩展性。为了提高系统的性能使用Redis做系统缓存，并使用Redis实现session共享。为了保证Redis的性能，使用Redis的集群。搜索功能使用SolrCloud做搜索引擎

系统功能模块介绍

后台管理系统：管理商品、订单、类目、商品规格属性、用户管理以及内容发布等功能。
前台系统：用户可以在前台系统中进行注册、登录、浏览商品、首页、下单等操作。
会员系统：用户可以在该系统中查询已下的订单、收藏的商品、我的优惠券、团购等信息。
订单系统：提供下单、查询订单、修改订单状态、定时处理订单。
搜索系统：提供商品的搜索功能。
单点登录系统：为多个系统之间提供用户登录凭证以及查询登录用户的信息。

分布式系统架构

技术类型：
 Spring、SpringMVC、Mybatis
 JSP、JSTL、jQuery、EasyUI、KindEditor（富文本编辑器）
 Redis（缓存服务器，单点登录，购物车）
 Solr（搜索）
 dubbo（分布式服务框架）
 HttpClient（HTTP 协议访问客户端）
 ActiveMQ（消息队列）
 Quartz（定时任务）
 FastDFS（图片服务器）
 FreeMarker（网页静态化）
 Nginx（反向代理服务器）
 MyCat（数据库中间件）

开发环境和工具介绍：
 Eclipse Mars.2
 Maven 3.3.9
 Tomcat 7.0.72（Maven Tomcat Plugin）
 JDK 1.7
 Mysql 5.7
 Dubbo 2.5.3
 Nginx 1.8.0
 Redis 3.0.0
 ActiveMQ 5.13.0
 Win10 操作系统
 SVN（版本管理）

后台系统的环境搭建

1.创建maven工程

taotao-parent：父工程，打包方式pom，管理jar包的版本号。
|--taotao-common：通用的工具类通用的pojo,util。打包方式jar，继承父工程。
|--taotao-manage：服务层工程。聚合工程。Pom工程，继承父工程。
	|--taotao-manager-mapper：打包方式jar，继承taotao-manage
	|--taotao-manager-pojo：打包方式jar，继承taotao-manage
	|--taotao-manager-service：打包方式jar，继承taotao-manage
	|--taotao-manager-web：打包方式：war ，继承taotao-manage

后台系统工程创建完毕后需要在父工程pom.xml中导入常用的依赖。 什么测试啊，日志啊，io流。。。

2.导入前端页面

在taotao-manage-web工程webapp目录下导入相应的js，css，jsp。
后台页面是使用了EasyUI框架，编写的一个后台界面

启动taotao-manage工程

在taotao-manage工程下pom.xml配置tomcat插件

<build>
  	<plugins>
		<!-- 配置Tomcat插件 -->
		<plugin>
			<groupId>org.apache.tomcat.maven</groupId>
			<artifactId>tomcat7-maven-plugin</artifactId>
			<configuration>
				<port>8081</port>
				<path>/</path>
			</configuration>
		</plugin>
	</plugins>
  </build>

然后配置运行文件，点击运行。

配置SSM整合配置文件和创建相应的包

配置ssm整合相关的配置文件内容，创建controller包

在web.xml文件中配置前端控制器路径时

<servlet-mapping>
	<servlet-name>taotao-manage</servlet-name>
	<url-pattern>/rest/*</url-pattern>
</servlet-mapping>

后台首页跳转代码，实现后台首页跳转功能

package com.taotao.manage.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping("page")
public class PageController {

    @RequestMapping(value = "{pageName}",method = RequestMethod.GET)
    public String toPage(@PathVariable("pageName") String pageName){
        return pageName;
    }
}

js实现后台登陆

<div>
      <a id="login" class="easyui-linkbutton" iconCls="icon-ok" style="width:100px;height:32px;margin-left: 50px">登录</a>
</div>

    
 <script type="text/javascript">
 	$("#login").click(function(){
 		var username = $("[name=username]").val();
 		var password = $("[name=password]").val();
 		
 		if(username!="admin" || password!="admin"){
 			$.messager.alert('错误',"用户名密码不正确！");
 			return ;
 		}
 		window.location.href="/rest/page/index";
 	});
 </script>

对于菜单树点击事件，商品类目，点击弹框等前端页面可以搜集一些EasyUI的资料学习。
后台页面布局

菜单的点击事件

选择商品类目

功能描述：在新增商品时点击选择类目，弹出窗口，在窗口中显示商品类目数据。

点击弹出框

加载tree

根据父节点Id查询商品类目

在编写ItemCat类时需要关联数据库表

@Table(name = "tb_item_cat")
public class ItemCat extends BasePojo {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

    private Long parentId;

    private String name;

    private Integer status;

    private Integer sortOrder;

    private Boolean isParent;

效果