实战SSM_O2O商铺_01项目介绍以及准备工作

项目概述

一个商铺项目，本项目1.0阶段运用SSM技术快速迭代出版校园商铺1.0。同时包含MySQL主从同步实现读写分离，利用SUI Mobile快速实现响应式页面，Redis缓存，数据库加密配置，部署上线等实用技术点。

---

模块划分

通用模块

• 通用DAO开发
• Redis访问层开发
• 单元测试模块建立

---

数据备份模块

• 搭建MySQL主从库
• 数据定期备份冗灾（包括数据以及图片的备份，涉及Crontab）

---

前端模版搭建

• 借助第三方组件SUI速搭建前后台界面

---

前台模块

• 会员注册
• 会员登录
• 首页模板数据填充开发
• 店铺详情页开发
• 商品详情页开发
• 会员个人信息展示
• 搜索功能开发

---

商家模块

• 商户入驻申请
• 商户登录/退出登录
• 门店管理
• 添加商品折扣信息
• 商品活动列表
• 其他操作
• 顾客活跃度数据展示
• 积分管理

---

超级管理员模块

• 头条管理
• 店铺管理
• 商品管理
• 顾客信息管理
• 主后台商家入驻列表开发
• 主后台新开店铺审批列表开发

---

技术选型

• 前端：前端UI库 SUI Mobile／ jQuery／ Chrome UA
• 后端： SSM／Spring Boot（第二阶段采用）／图片开源工具 Thumbnailator/
• 验证码组件Kaptcha／作业调度框架 Quartz/Shell
• 平台：Web／微信服务号／微信测试号
• 数据库：MySQL
• 缓存：Redis
• 部署：Centos

---

环境参数

• JDK —> 1.8
• MySql —> 5.7.21
• IDE—> Spring Tool Suite 3.6.4
• Maven —> 3.5.0
• Runtime Server—> Apache Tomcat v8.0.47
• Deploy Env—> Centos

---

开发环境搭建

Step1 新建Maven Web项目

项目结构

---

Step2 构建的项目中出现的错误调整

问题一Error：The superclass “javax.servlet.http.HttpServlet” was not found on the Java Build Path index.jsp /o2o/src/main/webapp line 1

前提在STS中配置好了Tomcat

原因是：servlet一般我们都是使用容器提供的jar ,而很少自己提供，（即使在pom.xml中添加，scope也是provided属性）避免部署到容器中因jar包冲突导致错误，缺少运行时tomcat的jar包，引入tomcat中的jar即可。

操作：
选中项目–>右键，选择Java Build Path 如下操作。

添加后，项目结构[Spring视图]如下所示

---

问题二Warining：Build path specifies execution environment J2SE-1.5. There are no JREs installed in the workspace that are strictly compatible with this environment.

前提：我们约定使用JAVA 8 , 请务必先在STS中配置了JDK8

因为我们这个项目是Maven项目，我们都知道Maven本质上是一个插件框架，它的核心并不执行任何具体的构建任务，所有这些任务都交给插件来完成，例如编译源代码是由maven-compiler-plugin完成的。进一步说，每个任务对应了一个插件目标（goal），每个插件会有一个或者多个目标，例如maven-compiler-plugin的compile目标用来编译位于src/main/java/目录下的主源码.

https://mvnrepository.com/artifact/org.apache.maven.plugins/maven-compiler-plugin 使用3.7.0

<dependency>
    <groupId>org.apache.maven.pluginsgroupId>
    <artifactId>maven-compiler-pluginartifactId>
    <version>3.7.0version>
dependency>

添加到pom中，通过configuration节点绑定JDK版本以及编码格式。

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/maven-v4_0_0.xsd">
	<modelVersion>4.0.0modelVersion>
	<groupId>com.artisangroupId>
	<artifactId>o2oartifactId>
	<packaging>warpackaging>
	<version>0.0.1-SNAPSHOTversion>
	<name>o2o Maven Webappname>
	<url>http://maven.apache.orgurl>
	<dependencies>
		<dependency>
			<groupId>junitgroupId>
			<artifactId>junitartifactId>
			<version>3.8.1version>
			<scope>testscope>
		dependency>
	dependencies>
	<build>
		<finalName>o2ofinalName>
		<plugins>
			<plugin>
				<groupId>org.apache.maven.pluginsgroupId>
				<artifactId>maven-compiler-pluginartifactId>
				<version>3.7.0version>
				<configuration>
					<source>1.8source>
					<target>1.8target>
					<encoding>UTF8encoding>
				configuration>
			plugin>
		plugins>
	build>
project>

保存后，强制更新依赖

选中项目，右键，Maven - Upate Project （快捷键Alt + F5）

至此，我们便得到了一个没有错误以及Warining的maven web项目

---

Step3 class 输出路径检查

选中项目，右键 --Java Build Path —Source

---

Step4 Dynamic Web Module 检查以及web.xml调整

该项目为动态web工程，选中项目，右键 ---- Project Factes查看默认的Dynamic Web Module版本

Dynamic Web Module 是与servlet版本有关的,而servlet是由项目运行的容器（这里我们使用的tomcat容器），更高的版本提供更好的解析性能，同时也要与JDK 以及 tomcat的版本对应，这里我们改成3.1版本

我们这里使用的是JDK8,没问题，只要调整下下面的报错即可。

查看项目本地路径：

方案： 修改org.eclipse.wst.common.project.facet.core.xml

保存修改后，右键Refresh工程，重新查看 Project Facets

选择不同版本的 Dynamic Web Module ，则生成web.xml中的dtd文件也不尽相同，因此要调整web.xml中引用的dtd

旧的web.xml中的dtd引用如下

<web-app>
  <display-name>Archetype Created Web Applicationdisplay-name>
web-app>

我们需要调整为我们上述选择的Dynamic Web Module 3.1

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
	version="3.1" metadata-complete="true">

web-app>

---

Step5 工程编码检查

我们统一调整为UTF-8

---

Step 6 运行基础环境

发布到tomcat8中，启动tomcat后，访问index.jsp 查看效果

Project facet Java version 1.8 is not supported.

修改tomcat对应的JDK版本
Preference - Server -Runtime Environment

重新发布（如果还是报错的话，建议将tomcat8 删除后重新添加一遍）

访问 http://localhost:8080/o2o/

至此，空壳子搭建完毕。

---

Github托管

将项目托管到Github

地址如下

https://github.com/yangshangwei/o2o

在STS中关联，方便查看版本的变化

---

附-Servlet Tomcat JDK对应关系

http://tomcat.apache.org/whichversion.html