Vue+Spring Boot+MyBatis实现Eshop电子商城(已烂尾,等以后有时间再继续完善)
文章目录
- asp.net必修课项目(Java实现):EShop数码商城
- 前言
- 项目介绍
- 预计主要实现的功能
- 系统架构
- 前端架构
- 后端架构
- 后端部分内容的具体实现
- 注1:项目初始化及其所要引入的依赖
- 1. 用户模块
asp.net必修课项目(Java实现):EShop数码商城
前言
给自己:这学期开了asp.net 由于正在学Java的一些框架于是打算采Vue+Springboot+Mybatis 完成必修课所要完成的项目,在本篇文章中后端只将几个重点功能写出用于记录,由于本人技术水平有限,如若有错还希望多多包涵并指正。
项目介绍
Eshop网络商城是基于Spring Boot、Vue.js、MyBatis、Element UI等主流前后端技术,采用前后端分离架构实现的简易网上购物商城。
预计主要实现的功能
- 系统登录:系统用户登录
- 用户管理:用户注册,用户登录(用户注册登录都采用邮箱验证方式且注册登录一体)
- 商品分类
- 商品模块
- 购物车模块
- 收货地址模块
- 支付模块
- 订单模块
系统架构
前端架构
该项目采用前后端分离的架构模式,前端采用的核心框架是Vue.js,使用了饿了么团队开源的ElementUI库,使用Axios进行前后端通信
前端架构图如下
后端架构
该项目采用前后端分离的架构模式,后端采用的核心框架是Springboot,MyBatis
框架
后端架构图如下
后端部分内容的具体实现
注1:项目初始化及其所要引入的依赖
<?xml version="1.0" encoding="UTF-8"?>
<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 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.5.4</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.kc</groupId><artifactId>eshop</artifactId><version>0.0.1-SNAPSHOT</version><name>eshop</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version></properties><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><!-- druid --><dependency><groupId>com.alibaba</groupId><artifactId>druid</artifactId><version>1.2.4</version></dependency><!-- mysql --><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>5.1.38</version></dependency><!-- mybatis-spring-boot-stater --><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>2.1.4</version></dependency><!-- 热部署 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><optional>true</optional></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><!--整合Swagger时使用--><dependency><groupId>io.springfox</groupId><artifactId>springfox-swagger2</artifactId><version>2.6.1</version></dependency><dependency><groupId>io.springfox</groupId><artifactId>springfox-swagger-ui</artifactId><version>2.6.1</version></dependency><dependency><groupId>org.apache.commons</groupId><artifactId>commons-lang3</artifactId><version>3.9</version></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>
1. 用户模块
- 文件结构展示
- 数据库表设计
- 用户实体类
- 用户登录注册功能实现
- 用户登录的拦截器实现
文件结构
数据库表设计
用户实体类
package com.kc.entity;import lombok.Data;import java.lang.reflect.Method;@Data
public class Member {private int id;private String loginname;private String loginpwd;private String sex;private String birth;private String education;private String phone;private String adress;private String zip;private String email;private String regdate;private String latedate;private int logintimes;private int memberlevel;public Member(){}public int getId() {return id;}public void setId(int id) {this.id = id;}public String getLoginname() {return loginname;}public void setLoginname(String loginname) {this.loginname = loginname;}public String getLoginpwd() {return loginpwd;}public void setLoginpwd(String loginpwd) {this.loginpwd = loginpwd;}public String getSex() {return sex;}public void setSex(String sex) {this.sex = sex;}public String getBirth() {return birth;}public void setBirth(String birth) {this.birth = birth;}public String getEducation() {return education;}public void setEducation(String education) {this.education = education;}public String getPhone() {return phone;}public void setPhone(String phone) {this.phone = phone;}public String getAdress() {return adress;}public void setAdress(String adress) {this.adress = adress;}public String getZip() {return zip;}public void setZip(String zip) {this.zip = zip;}public String getEmail() {return email;}public void setEmail(String email) {this.email = email;}public String getRegdate() {return regdate;}public void setRegdate(String regdate) {this.regdate = regdate;}public String getLatedate() {return latedate;}public void setLatedate(String latedate) {this.latedate = latedate;}public int getLogintimes() {return logintimes;}public void setLogintimes(int logintimes) {this.logintimes = logintimes;}public int getMemberlevel() {return memberlevel;}public void setMemberlevel(int memberlevel) {this.memberlevel = memberlevel;}@Overridepublic String toString() {return "member{" +"id=" + id +", loginname='" + loginname + '\'' +", loginpwd='" + loginpwd + '\'' +", sex='" + sex + '\'' +", birth='" + birth + '\'' +", education='" + education + '\'' +", phone='" + phone + '\'' +", adress='" + adress + '\'' +", zip='" + zip + '\'' +", email='" + email + '\'' +", regdate='" + regdate + '\'' +", latedate='" + latedate + '\'' +", logintimes=" + logintimes +", memberlevel=" + memberlevel +'}';}
}
Vue+Spring Boot+MyBatis实现Eshop电子商城(已烂尾,等以后有时间再继续完善)相关推荐
- Vue+Spring Boot 前后端分离的商城项目开源啦!
1 新蜂商城 Vue 移动端版本开源啦! 去年开源新蜂商城项目后,就一直在计划这个项目 Vue 版本的改造,2020 年开始开发并且自己私下一直在测试,之前也有文章介绍过测试过程和存在的问题,修改完成 ...
- 前端Vue+ElementUI的Pagination分页组件实现分页展示 后端Spring Boot +Mybatis Plus实现分页接口
前端Vue+ElementUI的Pagination分页组件实现分页展示 & 后端Spring Boot +Mybatis Plus实现分页接口 很久没有更新博客了,主要原因是博主一直在补充自 ...
- 鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统
鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统 1. 项目背景 一.随着公司的快速发展,企业人员和经 ...
- 商城项目(一)使用Spring boot + Mybatis搭建
Spring boot + Mybatis基础架构 环境搭建 mysql 8 mysql客户端连接工具 Valentina Studio springboot 版本:2.1.3.RELEASE Myb ...
- java B2B2C 源码 多级分销springmvc mybatis多租户电子商城系统--配置中心服务化和高可用...
在前两篇的介绍中,客户端都是直接调用配置中心的server端来获取配置文件信息.电子商务平台源码请加企鹅求求:一零三八七七四六二六. 这样就存在了一个问题,客户端和服务端的耦合性太高,如果server ...
- spring boot 前后端分离项目(商城项目)学习笔记
spring boot 前后端分离项目(商城项目)学习笔记 目录 spring boot 前后端分离项目(商城项目)学习笔记 后端配置 springboot项目 pom.xml文件 maven 配置文 ...
- Spring Boot+MyBatis Plus+JWT 问卷系统!开源!
你好呀,我是 Guide!这里是 JavaGuide 的「优质开源项目推荐」第 8 期,每一期我都会精选 5 个高质量的 Java 开源项目. 时间过的真快,不知不觉「优质开源项目推荐」系列已经持续半 ...
- Vue + Spring Boot 项目实战(九):核心功能的前端实现
本篇目录 前言 一.代码部分 1.EditForm.vue(新增) 2.SearchBar.vue(新增) 3.Books.vue(修改) 4.LibraryIndex.vue(修改) 5.SideM ...
- 使用Vue+Spring Boot实现Excel上传
写在最前 在上期教程中我们介绍了读写Excel与使用Selenium的入门方法,本期将介绍通过Vue+Spring Boot实现在WebApp中上传Excel导入测试脚本的功能.使用前后端分离的技术是 ...
最新文章
- 【sgTopo】强哥古法炮制、纯手工打造简单拓扑图、流程图、思维导图组件(完善中ing)
- 有雄心的男人才有出息
- MyEclipse默认编码为GBK,修改为UTF8的方法
- poj 1284 Primitive Roots(原根+欧拉函数)
- 经典排序算法 - 鸽巢排序Pigeonhole sort
- 基础-快速排序(基本)
- NOKIA Update for Windows Phone
- python对找到的匹配项作处理后再替换回去
- 工作73:获取id值
- CSS块级元素、内联元素概念
- HDFS的特性以及如何保证数据的一致性
- fastclick select 闪退 bug
- wpf listBox 多列大图片效果
- (附源码)app订餐APP 毕业设计 190711
- Hadoop完全分布式配置
- 三次hermite插值多项式例题_hermite插值例题
- WES分析1-外显子测序
- 一个女程序员的工作感悟
- 计算机课件制作总结,多媒体课件制作的学习心得
- Python win32gui.ShowWindow() 窗口没弹出来解决方法