淘淘商城简介

淘淘网上商城是一个综合性的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; 

效果