新巴巴运动网 - day01

1、新巴巴运动网总结笔记 day01传智.上官云本项目所用到的技术亮点1. 学习商城系统业务分析,环境搭建,代码开发.(用户,商品,订单,购物车),省,市县级联查询2. 异步上传图片到后台服务器3. 图片服务器(分离)4. Lucene/Solr服务器搭建及容入项目中使用5. 页面静态化技术Freemarker6. 页面缓存技术OScached7. 分布式缓存技术Memcached/redis8. 负载均衡(说明,搭建Linux系统上,演示等)80%解决企业级高并发 + 集群9. Mybatis设计成简单使用的方法(像Hibernate那样容易使用,快速开发) 10. 企业自动化集成工具的使用(J

2、enkins/Hudson)11. Springmvc拦截器,Spring自定义的Aop的使用12. 集群下Session共享问题原理及解决方案13. Linux系统操作,安装Memcached/redis缓存级服务器项目第一天(课程安排)1. 介绍项目背景2. 项目开发流程3. 项目开发环境4. 项目框架技术5. Maven环境搭建及三种使用方式6. 安装Svn-Server7. 安装Svn-Client8. 使用Svn-Client9. eclipes的Svn插件安装10. 项目中如何使用Svn 11. 页面展示:说明(前台页面,后台页面)12. 搭建Spring + Mybatis环境1

3、3. Junit单元测试,并用TestTb表进行测试14. 搭建Springmvc(前台,后台)15. 启动Tomcat测试Springmvc1 项目背景本项目属于电子商务(简称电商)电子:通过互联网的形势商:生意,经商,买卖,交易务:服务(售前,售中,售后)新巴巴运动网:是一家外包公司为自己的客户公司而开发的电子商务平台,其目的是为了卖一些运动产品,组织运动相关的活动,包括社区活动.典型的企业有:阿里巴巴,淘宝,天猫,京东2 项目介绍2.1 名词解释:前台:面向买家的项目为前台项目后台:面向商家的项目为后台项目总共二个项目2.2 系统的功能架构如下图：功能划分上主要分为系统前台、系统后台和内

4、容维护三个部分。主要功能主要功能系统前台首页-频道页营销专题分类检索关键字搜索商品展示购物流程订单支付用户中心帮助中心CMS商品维护公告维护内容管理广告维护系统后台商品管理营销案管理类目管理订单管理合作伙伴管理仓储管理会员管理支付管理对账管理互动管理客服管理统计分析权限管理系统配置第三方系统对接第三方支付系统内部系统接口CRM/BOSS短信平台客服系统Ø 系统前台主要功能模块包括商品类型、商品检索、首页-频道页-单品页、营销专题、订单支付、购物流程、客户中心、帮助中心；Ø 系统后台主要功能包括商品管理、类目管理、营销案管理、订单管理、供货商管理、配送商管理、会员管理、仓储管

5、理、对账管理、互动管理、权限管理；Ø 内容发布（CMS）CMS是Content Management System的缩写，意为"内容管理系统"；通过对其系统前台页面及模块等的管理，加快网站开发的速度，减少开发及维护成本，方便相关人员对页面进行网站内容进行自主维护更新2.3 开发顺序按照下图编号顺序2.4 项目计划周期任务具体内容第一天项目介绍项目开发环境介绍项目开发环境搭建测试开发环境介绍项目背景项目开发流程项目开发环境使用到的技术Maven环境搭建及三种使用方式安装Svn-Server安装Svn-Client使用Svn-Clienteclipes的Svn插件安装

6、项目中如何使用Svn 页面展示:说明(前台页面,后台页面)搭建Spring + Mybatis环境Junit单元测试,并用TestTb表进行测试搭建Springmvc(前台,后台)启动Tomcat测试Springmvc第二天品牌管理品牌列表添加品牌Jquery.form.js使用及上传图片到后台Springmvc配置上传图片图片服务器搭建采用jersey发送图片到图片服务器为了异步响应,封装Response成ResponseUtils修改品牌删除品牌全选批量删除品牌第三天数据库表结构介绍数据库表重点字段介绍Mybatis面向对象操作商品列表页面PowerDesiner使用数据库导表结构到Pow

7、erDesiner数据表导出Word数据表导出Html修改Mybatis的Sql模板来完成Mybatis的面向对象操作商品列表页面查询条件查询分页查询第四天商品添加前台列表页面页面缓存OSCached第五天后台库存管理前台商品详情页面(单品页)静态化技术Freemarker将静态化技术容入项目中第六天用户登陆Springmvc的拦截器个人资料收货地址第七天购物车结算第八天提交订单后台订单管理保存订单保存订单子项消空Cookie中的商品订单确认后台订单流转分析订单详情第九天高并发,高可用企业成熟解决方案Hudson/Jenkins使用第十天项目中分布式缓存Memcahced的使用Sessin共享

8、SpringAop的使用3 开发环境(windows版 32位)Jdk版本：jdk1.7.0_72Eclipse版本：Version: Indigo Service Release 2 Build id: 20120216-1857Tomcat服务器版本：apache-tomcat-7.0.57 数据库:mysql-5.5.20-winx64.msiMaven使用的版本：apache-maven-3.0.4SVN版本:VisualSVN-Server-2.1.5.msi小乌龟版本:TortoiseSVN-7493-win32-svn-1.6.6使用浏览器版本：火狐：33.1操作系

9、统:windows 7 , Linux(centos6.4)4 项目框架技术前台:面向的客户(此客户为销售者,而非公司内部容员工)前端:CSS,DIV,JS,Jquery后端:SpringMVC,Spring,Mybatis使用的优化技术1:页面静态化(Freemarker)2:缓存2.1页面缓存(OSCache)2.2 分布式缓存(memcached)3:图片分离(服务器)4:负载均衡(解决高并发终级策略)后台:前端:CSS,Html,JS,Jquery后端:SpringMVC/Struts2,Spring,Hibernate/Mybatis数据库:采用Mysql图片分离框架:Jersey注

10、意:DIV,Table区别,为什么前台的前端使用DIV而非Table标签,DIV是可以一块一块进行加载!5 Maven环境搭建5.1 maven原理结构5.2 知识点:maven的三种使用Maven可以不使用外部的tomcat就可以启动项目第一步:选择项目,点击run as 第二步:选择Maven build第三步:输入上图红色标记部分命令第四步:查看控制台Maven可以对项目打包,打成War第一步:选择项目,选择 run as第二步:选择Maven build第三步:输入上图红色标记部分命令第四步:查看控制台Maven的热部署第一步:配置Tomcat的登陆的用户名与密码C:apache-to

11、mcat-7.0.33conf tomcat-users.xml 从第36行开始配置<role rolename="manager-gui"/><role rolename="manager-script"/><user username="tomcat" password="123456" roles="manager-gui, manager-script"/>第二步:启动Tomcat,直接访问http:/localhost:8080,点击下图红色标记按钮

12、第三步:在下图标记输入用户名与密码第四步:查看登陆后页面,出现下面的页面,证明用户名与密码配置成功!第五步:在Maven项目pom.xml中配置tomcat7的插件第六步:选择项目,选择 run as第七步: 选择Maven build第八步: 输入上图红色标记部分命令第九步:查看控制台第十步:查看启动着的Tomcat的webapps目录6 安装SVN-Server第一步:参考:新巴巴运动网项目第一天(课前资料）svn第二步:双击上图红色客户端第三步:一路默认选择next,下图选择8443端口,如无特殊需要,其它都可以不改第四步:安装第五步:等待第六步:打开的界面第七步:建仓库第八步:仓库命名

13、第九步:确定后,看结果第十步:设置用户名及密码第十一步:第十二步:查看用户第十三步:如果密码忘记了?第十四步:重设密码7 安装SVN-Client7.1 上图中为32位及64位小龟客户端,可根据自己的机器来选择,一路next安装即可8 SVN-Client简单使用8.1 浏览repo-brower,输入SVN地址进入SVN-Server中8.2 SVNCheckout 检出8.3 Explort 导出,但脱离了SVN控制9 eclipse的SVN插件安装第一步:进入下图目录第二步:进入下图目录第三步:进入下图目录第四步:进入安装Myeclipse的根目录第五步: 复制svn到上图红色标记的目录

14、中10 项目中使用SVN第一步:选择项目第二步:选择Share Project第三步:选择SVN第四步:使用已有资源,选择next第五步:使用项目名称做为文件夹名,点next第六步:Finish第七步:Yes进入 Team Synchronize视图第八步:切回Myeclipse视图第九步:项目带?号第十步:忽略不想提交到SVN的文件第十一步:添加到svn:ignore第十二步:默认(按名称排序的资源),点击OK即可第十三步:提交第十四步:确认提交项第十五步:点击OK,查看结构,不带?号了第十六步:修改index.jsp,出现*号?第十七步:与资源库同步第十八步:确定进入资源库第十九步:点击Y

15、es第二十步:右指键index.jsp第二十一步:提交第二十二步:进入提交确认界面,点击OK,查看结果第二十三步:切回Myeclise视图,index.jsp *号没有了11 查看SVN历史资源第一步:以index.jsp为例第二步:显示资源历史记录第三步:*7是当前版本,可双击6查看上个版本12 页面展示,说明(前台页面,后台页面)12.1 前台页面商品列表页面: front_page/product/product.jsp商品详情页面: front_page/product/productDetail.jsp购物车页面:front_page/product/cart.jsp订单提交页面:f

16、ront_page/product/productOrder.jsp订单确认页面:front_page/product/confirmOrder.jsp登陆页面:front_page/buyer/login.jsp个人中心页面:front_page/buyer/index.jsp个人资料页面:front_page/buyer/profile.jsp收货地址页面:front_page/buyer/deliver_address.jsp12.2 后台页面首页商品订单13 搭建Spring + Mybatis环境13.1 所用到的Jar包参考: 项目第一天(课前资料）mavenpom.xml13.2

17、 整合Spring + Mybatis过程结构:第一步:web.xml 先配置contextConfigLocation 对应的application-context.xml文件<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="/2001/XMLSchema-instance"xmlns=" xmlns:javaee="xmlns:web="xsi:schemaLocation="

18、 id="WebApp_ID" version="2.4"><context-param><param-name>contextConfigLocation</param-name><param-value>classpath:application-context.xml</param-value></context-param><listener><listener-class>org.springframework.web.context.Cont

19、extLoaderListener</listener-class></listener>第二步:在application-context.xml中配置 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="/schema/beans"xmlns:xsi="/2001/XMLSchema-instance" xmlns:aop=&quo

20、t;/schema/aop"xmlns:tx="/schema/tx" xmlns:jdbc="/schema/jdbc"xmlns:context="/schema/context"xsi:schemaLocation=" /s

21、chema/context /schema/context/spring-context-3.0.xsd /schema/beans /schema/beans/spring-beans-3.0.xsd /schema/jdbc /schema/jdbc/spring-jdbc-3.0.xsd http:/w

22、/schema/tx /schema/tx/spring-tx-3.0.xsd /schema/aop /schema/aop/spring-aop-3.0.xsd"><import resource="config/*.xml" /></beans>第三步:在classpath:config/目录下配置扫描标签,取名a

23、nnotation.xml<!- 扫描超级包 Service Transation spring -><context:component-scan base-package="cn.itcast"><context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/></context:component-scan><context:annotation-

24、config/>第四步:在classpath:config/目录下配置读取property标签,取名property.xml<!- 读取properties 文件-><bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"><property name="locations"><list><!- 配置Jdbc -><value>classpath:properties

25、/perties</value><!- 配置缓存 -><!- <value>classpath:properties/perties</value> -></list></property></bean>第五步:在classpath:config/目录下配置数据源C3p0标签,取名jdbc.xml<!- c3p0-><bean id="dataSource" class="com.mchange.v2.c3p0

26、.ComboPooledDataSource"><property name="driverClass" value="$driverClass"/><property name="jdbcUrl" value="$jdbcUrl"></property><property name="user" value="$user" /><property name="password" val

27、ue="$password"/></bean>第六步:在classpath:config/目录下配置Mybatis配置标签,取名mybatis.xml<!- 创建Mybatis SessionFactory -><bean class="org.mybatis.spring.SqlSessionFactoryBean"><property name="dataSource" ref="dataSource" /><property name="c

28、onfigLocation" value="classpath:mybatis-config.xml"/></bean><!- 配置Mybatis扫描 -><bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"><property name="basePackage" value="cn.itcast.core.dao"/></bean>第七步:classpath:co

29、nfig/目录下配置事务,取名transation.xml<!- spring 事务 -><bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"><property name="dataSource" ref="dataSource"/></bean><!- 开启注解事务-><tx:annotation

30、-driven transaction-manager="transactionManager"/>第八步:在classpath:properties/目录下配置数据库信息,取名pertiesdriverClass=com.mysql.jdbc.DriverjdbcUrl=jdbc:mysql:/localhost:3306/babasport?characterEncoding=UTF-8user=rootpassword=root第九步(忽略):在classpath目录下配置mybatis-config.xml<?xml version=&q

31、uot;1.0" encoding="UTF-8" ?><!DOCTYPE configuration PUBLIC "-//DTD Config 3.0/EN""/dtd/mybatis-3-config.dtd"><configuration><settings><setting name="cacheEnabled" value="false" /><setting

32、 name="useGeneratedKeys" value="true" /><setting name="defaultExecutorType" value="REUSE" /><setting name="lazyLoadingEnabled" value="false" /><setting name="autoMappingBehavior" value="FULL"/></s

33、ettings><!- 配置别名 以包的形势进行配置 -><typeAliases><package name="cn.itcast.core.bean"/><package name="cn.itcast.core.query"/></typeAliases><!- Mapper 配置 如果Mapper与接口在同一包下,下面内容可不配置-><mappers><package name="cn.itcast.core.dao"/>&l

34、t;/mappers></configuration>14 开始测试spring+mybatis环境第一步:创建babasport1118数据库,设置utf-8格式第二步:创建表test_tbCREATE TABLE test_tb ( id int(11) NOT NULL AUTO_INCREMENT, name varchar(255) DEFAULT NULL, birthday datetime DEFAULT NULL, PRIMARY KEY (id) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;第三步

35、:创建JavaBean第四步:创建mapper文件位置内容<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//DTD Mapper 3.0/EN" "/dtd/mybatis-3-mapper.dtd"><mapper namespace="cn.itcast.core.dao.TestTbDao"><!- 添加测试

36、数据 -><insert id="addTestTb" parameterType="TestTb">insert into test_tb(name,birthday)values(#name,#birthday)</insert></mapper>第五步:创建Dao接口位置内容/* * 测试 Dao 接口 * author lx * */public interface TestTbDao /测试添加void addTestTb(TestTb testTb);第六步:创建Service接口第七步:创建Serv

37、iceImpl实现类15 Junit环境搭建(Spring提供的)第一步:创建SpringJunitTest类第二步:Junit单元测试环境搭建/* * 基于Spring的junit 单元测试 公用类 * author lx * */RunWith(SpringJUnit4ClassRunner.class)ContextConfiguration(locations = "classpath:application-context.xml")public class SpringJunitTest 第三步:创建需要用来测试的类第四步:继承SpringJunitTest类即

38、可/* * 测试类 * author lx * */public class TestTestTb extends SpringJunitTestTestpublic void testAdd() throws Exception 第五步:测试保存功能第六步:运行单元测试,查看数据库结果16 开始测试事务第一步:测试类不用修改第二步:在ServiceImpl实现类中手动抛出异常第三步:运行单元测试类,查看数据库结果第四步:在ServiceImpl实现类中添加Transactional第五步:运行单元测试类,查看数据库结果17 搭建Springmvc17.1 结构第一步: 在web.xml配置二

39、个Springmvc<!-前台Springmvc 它拦截.shtml结尾的请求 -><servlet><servlet-name>front</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>clas

40、spath:springmvc-front.xml</param-value></init-param></servlet><servlet-mapping><servlet-name>front</servlet-name><url-pattern>*.shtml</url-pattern></servlet-mapping><!- 配置后台Springmvc 它拦截.do结尾的请求 -><servlet><servlet-name>back<

41、/servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:springmvc-back.xml</param-value></init-param></servlet><servlet-m

42、apping><servlet-name>back</servlet-name><url-pattern>*.do</url-pattern></servlet-mapping>第二步: 在classpath中配置springmvc-back.xml <context:component-scan base-package="cn.itcast" use-default-filters="false"><!-扫描 cn.itcast下的 所有类中 注解是 Controll

43、er的类 -><context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/></context:component-scan><!-自动装配 -><context:annotation-config/><!- Jsp的视图解析器 -><bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/back_page/"/><property name="suffix" value=".jsp"/></bean>第三步: 在classpath中配置springmvc-front.xml<context:component-sc