/LanMeiShop

蓝莓商城

Primary LanguageJavaScript

蓝莓商城

基于Spring + Spring MVC + Mybatis 的商城系统

版本说明

  • Project-JSP分支:前端使用JSP,编译器使用Eclipse;
  • master分支:前端使用thmeleaf模板，编译器使用IDEA;

我的博客

CSDN博客

如何运行项目

  • 下载项目工程,默认为master分支

  • 安装Java和Tomcat,并配置好环境

  • 安装MySQL数据库

  • 由于缓存使用Redis进行持久化，所以需要安装Redis,否则运行时会报错（代码500），网上安装教程很多，这里不进行说明

  • IDEA导入项目工程

  • 创建lanmei数据库，配置IDEA连接至lanmei数据库后，执行数据库脚本文件数据库脚本文件

  • 根据你的MySQL数据库配置，修改数据库配置文件。

  • 商城前台MySQL数据库配置文件

  • 商城后台管理系统MySQL数据库配置文件

  • 根据你的Redis数据库配置，修改Redis配置,修改的是hostName和port.

  • 商城前台Redis数据库配置文件

  • 商城后台管理系统Redis数据库配置文件

  • 配置IDEA中的Tomcat(本地路径，端口号，Application Context ),我设置的是port:8080,Application Context:lanmei-os,运行后的访问地址为http：//localhost:8080/lanmei-os//

  • Application Context可以配置前台：lanmei-os,后台：lanmei-cms

  • 后台管理项目帐号：201801，密码：zxcvbnm123

  • 前台项目需先进行注册后再登录

  • 由于没有使用延迟加载，所以启动时时间可能会过长，如果Ｔomcat出现启动超时，请适当增加超时时间后再重新启动

  • 注意：由于已经对数据库配置文件的密码进行加密处理，因此需要根据自己的mysql数据库用户名和密码进行加密处理，否则运行将会因为连接不上数据库而报错，参考这篇文章进行操作

  • 有任何问题可以到本博客下进行讨论，欢迎交流！蓝莓商城项目交流

技术选型

一.开发环境

二.后端技术

三.前端技术

  • html
  • thmeleaf模板
  • JS框架：Jquery
  • CSS框架：bootstrap
  • 多级列表树插件：zTree
  • 富文本编辑器:wangEditor

四.前后端交互

主要使用AJAX传输数据！

五.推荐学习书籍

  • 跟我学Shiro教程
  • 深入浅出MyBatis技术原理与实战
  • MyBatis从入门到精通
  • 精通Spring+4.x++企业应用开发实战

目录介绍

完成模块

集成swagger

用户注册模块

  • 注册界面。
  • 密码强度校验：正则表达式。
  • 手机短信验证码：使用阿里云短信
  • 密码加密传输：RSA算法加密。客户端使用公钥加密，服务端使用私钥解密
  • 密码加密保存：MD5算法加密

用户登录模块

  • 登录界面
  • 登录方式：手机/邮箱/用户名
  • 动态图片验证码:kaptcha实现
  • 密码加密传输：RSA算法加密。客户端使用公钥加密，服务端使用私钥解密
  • shiro登录验证
  • 帐号登录日志管理
  • redis持久化session,还未实现关闭浏览器还能保持登录状态功能

后台新增管理员模块

  • 新增管理员界面。
  • 姓名/工号/默认密码/生成动态邀请码/邮件告知新增的管理员
  • 邮件服务使用Spring mail库
  • 密码加密传输：RSA算法加密。客户端使用公钥加密，服务端使用私钥解密
  • 密码加密保存：MD5算法加密

后台管理员登陆模块

  • 登录界面
  • 登录方式选择：工号
  • 其他输入：邀请码/验证码/密码
  • 动态验证码:kaptcha
  • 密码加密传输：RSA算法加密。客户端使用公钥加密，服务端使用私钥解密
  • shiro登录验证
  • 帐号登录日志管理
  • redis持久化session,还未实现关闭浏览器还能保持登录状态功能

秒杀模块

  • 后台管理
  • 已结束和未结束秒杀活动展示
  • 管理秒杀活动（新增，删除，修改）
  • 前台秒杀活动列表页面
  • 秒杀页面，未开始则进行倒计时
  • 秒杀逻辑实现
  • 为防止软件提前刷，造成服务器压力，秒杀开始后服务端才暴露秒杀地址
  • 秒杀地址动态部分由seckillId和随机生成的数字组合，再经过MD5加密而成
  • 生成的MD5保存在Session中，执行秒杀操作时再进行比对
  • 使用spring的事务管理，执行秒杀过程出现异常则进行数据库回滚
  • 首次使用spring test 进行web层测试，提高效率。数据曾和服务曾未单独进行测试
  • 首次使用DTO进行层间数据传送

AOP模块

  • １．日志记录模块
  • 绑定的是切面注解，只有添加注解SyslogAnno才会监测
  • 使用AOP的前置通知和异常通知
  • 记录访问类，描述，异常，时间等信息
  • 相关信息持久化到数据库
  • 并在进入的方法时打印请求路径
  • ２．方法执行时间监测模块
  • 绑定的是切面注解，只有添加注解TimeMeasurementAnno才会监测
  • 使用AOP的环绕通知
  • 记录方法，平均时间，当前时间，运行次数
  • 相关信息持久化到数据库
  • 使用＠Order注解控制两个AOP执行顺序.＠Order的值越低，优先级越高，越先执行
  • 后续会增加后台实时查看和删除功能

数据库配置文件密码加密

  • cms.web使用的是druid配置方式进行加密处理
  • os.web使用的是Java编码方式进行加密处理

后台商品管理模块

  • 商品类别管理：使用树形结构．新增，删除，修改
  • 商品管理．添加，删除，列表展示
  • 根据SKU概念设计商品库存表
  • 商品属性管理
  • 商品描述管理，使用富文本编辑器进行编辑

数据库定时备份

js文件结构说明

使用该结构对于前端需求变化有良好的适用性。

  • 在base中定义项目主路径，需和tomcat中配置一致,这里设置为：lanmei-os。（base.js）
//项目名称,注意不要缺少反斜杠
var BaseProjectName="/lanmei-os";
  • 在html文件中引入引入该js文件
<!-- 使用thmeleaf 模板-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  lang="en">

<html>
	<head >
		<title>蓝莓商城-用户登录</title>
		<meta charset="utf-8">
 	    <meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- jquery  bootstrap-->
		<script th:src="@{/static/jquery/jquery-3.3.1.js}"></script>
		<link rel="stylesheet" type="text/css"  th:href="@{/static/bootstrap/bootstrap.css}">
		<script th:src="@{/static/bootstrap/bootstrap.js}"></script>

        <!--thmeleaf方式引入base.js文件 -->
		<script th:src="@{/static/js/base/base.js}"></script>
		 <!--thmeleaf方式引入login.js文件 -->
        <script th:src="@{/static/js/user/login.js}"></script>
 	  
 
	</head>
	<!--th:fragment="login-head"-->
<body>
   
</body>
</html>
  • js文件结构（login.js）
//设置baseUrl为BaseProjectName（“/lanmei-os”）
var baseUrl = BaseProjectName;

//模块名称定义为login
var login={
    //定义变量
	"keyModulus":"",
	"keyExponent":"",
	//定义常量
	//服务端返回的code
	"returnCode":{
        "LOGIN_SUCCESS":1000,//,"用户登录成功"),
		"LOGIN_FAIL":1001,//"用户登录失败"),
		"LOGIN_PASSWORD_ERR":1002,//"用户登录失败,密码错误"),
    	"LOGIN_LOCK_ACCOUNT":1003,//"用户登录失败，账户被锁定"),
    	"LOGIN_PASSWORD_ERR_MORE":1004,//"用户登录失败，密码错误过多"),
    	"LOGIN_GET_KEYPAIR_FAIL":1005,//"登陆时获取keypair失败"),
    	"LOGIN_GET_KEYPAIR_SUCCESS":1006,//"登陆时获取keypair成功"),
    	"LOGIN_UNKNOW_ACCOUT":1007,//"帐号不存在"),
	},
	//统一定义本模块要用到的url
	//请求的url
	"requestUrl":{
		//项目基础路径

		//获取RSAKey的 modulus 和 exponent
		"getKeyModAndExpUrl": this.baseUrl + "/user/login/key",
		//t提交登录请求
		"loginSubmitUrl":this.baseUrl + "/user/login/submit",
		"kaptchaUrl":this.baseUrl + "/kaptcha",
	},
	//定义方法
	"requestKeySuccess":function () {
    		console.log("requestKeySuccess");
            console.log("data = " + data);
            },
 }
 
 //定义处理
 $(function(){
 
     $("#login-loginSubmit-btn").click(function(){
      
 		//调用login方法
 		login.requestKeySuccess();
 
     });
 });

个人博客相关文章