LanMeiShop

蓝莓商城

Generate Convert Improve

Install / Use

/learn @lgjlife/LanMeiShop

About this skill

Quality Score

0/100

README

蓝莓商城

基于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数据库用户名和密码进行加密处理，否则运行将会因为连接不上数据库而报错，参考这篇文章进行操作
有任何问题可以到本博客下进行讨论，欢迎交流！蓝莓商城项目交流

技术选型

一.开发环境

开发环境：linux
编译器：IDEA-Community-2018.2.3
项目构建工具：Maven
数据库：Mysql 5.7.12
缓存数据库：Redis 4.0.9
版本管理：github

二.后端技术

JAVA版本：9.0.1
核心框架：Spring Framework 5.0.4.RELEASE
持久层框架：Mybatis 3.3.0
WEB层框架：Spring MVC 5.0.4.RELEASE
Mybatis代码生成器(插件方式):mybatis-generator 1.3.6
日志管理：log4j2 slf4j 1.7.5
Mybatis分页插件:pagehelper 6.1.2
短信验证服务:阿里云短信服务
任务调度:quartz
数据库连接池：druid
安全管理框架：shiro
图片验证码：kaptcha

三.前端技术

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

四.前后端交互

主要使用AJAX传输数据！

五.推荐学习书籍</h4>

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

目录介绍

lanmei-admin 后台管理管理员相关模块(新增/登陆/权限管理等，权限未做好) 秒杀活动管理，商品管理等
lanmei-cms-web后台管理web项目
lanmei-common放置公共类
lanmei-commodity商品模块
lanmei-os-user用户模块，登录注册相关
lanmei-os-web商城web项目
lanmei-seckill秒杀模块
lanmei-sysaop系统Ａop处理
lanmei-task-scheduling任务管理模块，使用quart，定时备份mysqls数据库
mysql脚本数据库脚本文件，创建数据表相关

完成模块

集成swagger

访问路径：http://localhost:8080/lanmei-os/swagger-ui.html

用户注册模块

注册界面。
密码强度校验：正则表达式。
手机短信验证码：使用阿里云短信
密码加密传输：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概念设计商品库存表
商品属性管理
商品描述管理，使用富文本编辑器进行编辑

数据库定时备份

使用quartz实现定时任务
使用Runtime模块执行备份指令
quartz bean配置
备份实现

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();
 
     });
 });

个人博客相关文章

Js中使用正则表达式判断密码强度
slf4j + Log4j2 日志记录框架配置和使用详解
js中倒计时实现
[https://blog.csdn.net/u011676300/article/details/80086709](使用Spring的mail API发送邮件)
Java利用递归实现查找树的节点的所有子节点和所有的终结节点
使用wangEditor实现富文本编辑（后端为Java）
properties文件加密处理

Related Skills

node-connect

354.0k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

112.2k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

354.0k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

354.0k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。