怎么查网站是哪家公司做的/企业官网搭建
博主介绍:✌擅长Java、微信小程序、Python、Android等,专注于Java技术领域和毕业项目实战✌
🍅文末获取源码联系🍅
👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟
Java项目精品实战案例(300套)
Java+小程序项目实战(200套)
目录
一、效果演示
二、前言介绍
三、主要技术
四、系统设计(部分)
4.1、主要功能模块设计
五、运行截图
5.1、后台功能
5.2.1、管理员登录界面
5.2.2、系统首页
5.2.3、会员管理
4.2.4、栏目管理
5.2.5、商品管理
5.2.6、评价管理
4.2.7、订单管理
5.3、前台功能
5.3.1、新用户注册登录
5.3.2、首页
5.3.3、商品分类
5.3.4、地址管理
5.3.5、订单管理
5.3.6、购物车管理
5.3.6、我喜欢的
六、库表设计
七、部分代码
八、源码获取
一、效果演示
二、前言介绍
如今的社会是一个互联网化的社会,线下的一切商业活动几乎都被线上运转着,人类活动的圈子也大部分都在互联网上进行。如今,二次元文化也在随着数字传媒的发展而不断发展着,其有着主要的话语权的无非是现在的90后以及00后,这些用户逐渐的成为了二次元文化商品的主要消费群体,并且二次元所具有的时代特征是二次元文化娱乐的主要形式,二次元打破了时代的墙壁,进入了市场经济,同电子商务相结合起来。而如今,线下交易模式和线上营销相结合着,比如以前是报修人员通过线下联系网络故障维修人员来上门进行维修,线下的联系方式有打电话、上门告知,但随着时代的发展,这种方式已经不复存在,报修人员也有相关的报修平台,只要将需要报修的大概问题向报修平台进行提交,维修中心的人员就会马上进行反馈,自动上门进行维修,维修结束之后,报修人员可以对维修人员的处理结果进行反馈打分。而且进行线上报修还可以有相应的优惠活动参与,这样也节省了一部分维修资金。还有其他的各种活动也是,同时,大多数的线下活动也在同时进行着线上模式。
三、主要技术
技术名 | 作用 |
---|---|
SpringBoot | 后端框架 |
Vue | 前端框架 |
MySQL | 数据库 |
四、系统设计(部分)
4.1、主要功能模块设计
五、运行截图
5.1、后台功能
5.2.1、管理员登录界面
输入网址进入网站,将跳出二次元商城网站后台管理员的登录的界面,然后管理员输入账户名和密码进行登录。如下图所示:
图5.2.2.1a 登录界面
5.2.2、系统首页
在系统管理中,展示了在此二次元商城中所注册的用户数量、在商城中所有上架的商品数量,以及成功下单的所有单数,是管理员对整个商城的受喜爱程度进行合理的估计以及制定后续的一个发展方向。
图5.2.2.1a 管理员列表
5.2.3、会员管理
图5.2.3.1a 会员管理列表
4.2.4、栏目管理
图4.2.4.1 栏目管理列表
图5.2.4.2 栏目编辑
5.2.5、商品管理
图5.2.5.1 商品管理列表
图5.2.5.2 商品添加
5.2.6、评价管理
图5.2.6.1a 评价管理列表
4.2.7、订单管理
4.2.7.1a 订单列表
5.3、前台功能
5.3.1、新用户注册登录
点击进入网站,在上方展示了二次元网站的所有功能模块,右侧为新用户注册以及用户登录的入口,点击从下方弹出输入框。
图5.3.1.1a 用户注册界面
5.3.2、首页
在登录成功进入之后,来到网站首页,在首页中,展示了本二次元网站的购物主题,背景模块以及文字的选择均是完全的贴合二次元商品的主题,给用户给予一种轻松愉快的感觉。在上方分两个模块展示,分别为商品分类与个人中心,点击个人中心,可基于首页下拉进入地址管理、订单列表、购物车管理、我喜欢的以及退出购物网站。
图5.3.2.1a 首页
5.3.3、商品分类
图5.3.3.1a 商品界面
图5.3.3.1b 商品详情
图5.3.3.1c 商品加入购物车
5.3.4、地址管理
图5.3.4a 地址列表
图5.3.4b 地址添加
5.3.5、订单管理
图5.3.5.1a 商品订单号
图5.3.5.1b 商品评价
5.3.6、购物车管理
图5.3.6.1a 购物管理
图5.3.6.1b 价格总计
图5.3.6.1c 商品支付
5.3.6、我喜欢的
图5.3.6.1a 我喜欢的商品界面
这里功能太多就不一一截图展示了
六、库表设计
/*
SQLyog Ultimate v13.1.1 (64 bit)
MySQL - 10.5.9-MariaDB : Database - shop
*********************************************************************
*//*!40101 SET NAMES utf8 */;/*!40101 SET SQL_MODE=''*/;/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
CREATE DATABASE /*!32312 IF NOT EXISTS*/`shop` /*!40100 DEFAULT CHARACTER SET utf8mb4 */;USE `shop`;/*Table structure for table `address` */DROP TABLE IF EXISTS `address`;CREATE TABLE `address`
(`id` int(11) NOT NULL AUTO_INCREMENT,`user_id` int(11) NOT NULL,`name` varchar(45) DEFAULT NULL COMMENT '姓名',`phone` varchar(45) DEFAULT NULL COMMENT '手机',`address` text DEFAULT NULL COMMENT '地址',`code` varchar(45) DEFAULT NULL COMMENT '邮编',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='地址';/*Data for the table `address` *//*Table structure for table `cart` */DROP TABLE IF EXISTS `cart`;CREATE TABLE `cart`
(`id` int(11) NOT NULL AUTO_INCREMENT,`user_id` int(11) NOT NULL,`goods_id` int(11) NOT NULL,`sum` int(11) DEFAULT NULL COMMENT '数量',`attr` text DEFAULT NULL COMMENT '属性json',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='购物车';/*Data for the table `cart` *//*Table structure for table `category` */DROP TABLE IF EXISTS `category`;CREATE TABLE `category`
(`id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(45) DEFAULT NULL COMMENT '名称',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='栏目';/*Data for the table `category` *//*Table structure for table `comment` */DROP TABLE IF EXISTS `comment`;CREATE TABLE `comment`
(`id` int(11) NOT NULL AUTO_INCREMENT,`created_at` datetime DEFAULT NULL,`user_id` int(11) NOT NULL,`goods_id` int(11) NOT NULL,`title` varchar(45) DEFAULT NULL COMMENT '标题',`content` text DEFAULT NULL COMMENT '内容',`rating` int(11) DEFAULT NULL COMMENT '评分',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='评论';/*Data for the table `comment` *//*Table structure for table `goods` */DROP TABLE IF EXISTS `goods`;CREATE TABLE `goods`
(`id` int(11) NOT NULL AUTO_INCREMENT,`title` varchar(45) DEFAULT NULL COMMENT '标题',`content` text DEFAULT NULL COMMENT '内容',`price` decimal(10, 2) DEFAULT NULL COMMENT '价格',`inventory` int(11) DEFAULT NULL COMMENT '库存数量',`attr` text DEFAULT NULL COMMENT '属性json',`created_at` datetime DEFAULT NULL,`category_id` int(11) NOT NULL,`pic` varchar(245) DEFAULT NULL,PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='商品';/*Data for the table `goods` *//*Table structure for table `like` */DROP TABLE IF EXISTS `like`;CREATE TABLE `like`
(`id` int(11) NOT NULL AUTO_INCREMENT,`user_id` int(11) DEFAULT NULL,`goods_id` int(11) DEFAULT NULL,PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4;/*Data for the table `like` *//*Table structure for table `order` */DROP TABLE IF EXISTS `order`;CREATE TABLE `order`
(`id` int(11) NOT NULL AUTO_INCREMENT,`created_at` datetime DEFAULT NULL,`user_id` int(11) NOT NULL,`total` decimal(10, 2) DEFAULT NULL COMMENT '总价',`address` text DEFAULT NULL COMMENT '地址',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='订单';/*Data for the table `order` *//*Table structure for table `order_item` */DROP TABLE IF EXISTS `order_item`;CREATE TABLE `order_item`
(`id` int(11) NOT NULL AUTO_INCREMENT,`sum` int(11) DEFAULT NULL COMMENT '数量',`goods_id` int(11) NOT NULL,`order_id` int(11) NOT NULL,`goods` text DEFAULT NULL COMMENT '商品快照',`attr` text DEFAULT NULL COMMENT '已选属性json',PRIMARY KEY (`id`)
) ENGINE = InnoDBDEFAULT CHARSET = utf8mb4 COMMENT ='订单项';/*Data for the table `order_item` *//*Table structure for table `user` */DROP TABLE IF EXISTS `user`;CREATE TABLE `user`
(`id` int(11) NOT NULL AUTO_INCREMENT,`username` varchar(45) DEFAULT NULL COMMENT '用户名',`password` varchar(45) DEFAULT NULL COMMENT '密码',`created_at` datetime DEFAULT NULL,`type` int(11) DEFAULT NULL COMMENT '类型',`email` varchar(45) DEFAULT NULL COMMENT '邮箱',PRIMARY KEY (`id`)
) ENGINE = InnoDBAUTO_INCREMENT = 2DEFAULT CHARSET = utf8mb4 COMMENT ='用户';/*Data for the table `user` */insert into `user`(`id`, `username`, `password`, `created_at`, `type`, `email`)
values (1, 'admin', 'e10adc3949ba59abbe56e057f20f883e', '2021-03-11 14:54:36', 2, 'admin@qq.com');/*!40101 SET SQL_MODE = @OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS = @OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS = @OLD_UNIQUE_CHECKS */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
七、部分代码
package com.my.shop.controller;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.my.shop.constant.MyPage;
import com.my.shop.dto.MyMsg;
import com.my.shop.entity.Comment;
import com.my.shop.exception.MyException;
import com.my.shop.service.ICommentService;
import com.my.shop.service.IGoodsService;
import io.swagger.annotations.Api;
import io.swagger.v3.oas.annotations.Operation;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;import javax.servlet.http.HttpServletRequest;
import javax.validation.Valid;/*** <p>* 评论 前端控制器* </p>** @author yl* @since 2021-03-10*/
@RestController
@RequestMapping("/user/comment")
@Api(tags = "用户评论")
public class CommentController {@Autowiredprivate ICommentService commentService;@Autowiredprivate IGoodsService goodsService;@RequestMapping(method = RequestMethod.GET, path = "/list")@Operation(summary = "列表")public MyMsg list(@RequestParam(required = false, defaultValue = "0") Long userId,@RequestParam(required = false, defaultValue = "0") Long goodsId,@RequestParam(required = false, defaultValue = "1") Integer page) {
// HttpSession session = request.getSession();
// User user = (User) session.getAttribute(User.USER_SESSION_NAME);Page<Comment> page1 = new Page<>(page, MyPage.PAGE_NUM);QueryWrapper<Comment> commentQueryWrapper = new QueryWrapper<>();if (userId > 0) {commentQueryWrapper.eq("user_id", userId);}if (goodsId > 0) {commentQueryWrapper.eq("goods_id", goodsId);}Page<Comment> page2 = commentService.page(page1, commentQueryWrapper);return new MyMsg(MyMsg.SUCCESS, "成功", page2);}@RequestMapping(method = RequestMethod.GET, path = "/{id}")@Operation(summary = "详细")public MyMsg get(@PathVariable Integer id) {Comment comment = commentService.getById(id);return new MyMsg(MyMsg.SUCCESS, "成功", comment);}@RequestMapping(method = RequestMethod.POST, path = "/")@Operation(summary = "新增")public MyMsg get(@RequestBody @Valid Comment comment, HttpServletRequest request) throws MyException {
// HttpSession session = request.getSession();
// User user = (User) session.getAttribute(User.USER_SESSION_NAME);
//
// comment.setUserId(user.getId());if (goodsService.getById(comment.getGoodsId()) == null) {throw new MyException("商品不存在");}if (commentService.save(comment)) {return new MyMsg(MyMsg.SUCCESS, "成功");} else {return new MyMsg(MyMsg.FAIL, "失败");}}
}
八、源码获取
大家点赞、收藏、关注、评论啦 、如果想要交流,关于技术讨论,可以找我~
精彩专栏推荐订阅:在下方专栏👇🏻👇🏻👇🏻👇🏻
Java项目精品实战案例(300套)
Java+小程序项目实战(200套)
相关文章:

基于Java+Springboot+Vue的二次元商城网站设计与实现
博主介绍:✌擅长Java、微信小程序、Python、Android等,专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟 Java项目精品实战案…...

MyBatis操作数据库实现
说明:MyBatis是作用于三层架构开发,数据访问层(Data Access Object)的框架,用于访问数据库,对数据进行操作。 一、环境搭建 首先,创建一个SpringBoot模块,然后把MyBatis的环境搭建…...

Git GitLab 使用及规范
Git 基本操作 Git安装配置及基本使用 从官网下载安装包,手动完成安装。打开Git Bash命令行工具,执行命令ssh-keygen -t rsa -C Email-Addresss生成一个密钥对。登录到GitLab,点击右上角你的用户头像,点击Edit Profile settings&…...

【SpringCloud——Sentinel】
一、什么是雪崩? 微服务调用链路中的某个服务发生故障,引起整个链路中的所有微服务都不可用,这就是雪崩。 二、解决雪崩问题的常见措施 1、超时处理 设定超时时间,请求超过一定时间没有响应就返回错误信息,不会无休…...

面试专题:计算机网络常见面试点总结
socket、tcp、udp、http 的认识及区别 socket、tcp、udp、http 的认识及区别 一、先来一个讲TCP、UDP和HTTP关系的 1、TCP/IP是个协议组,可分为三个层次:网络层、传输层和应用层。 在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。 在传…...

PageHelper失效问题
问题出现记录: 修改代码后,出现分页失效问题,原本的代码再设置了 PageHelper.startPage(pageNum, pageSize);后只有一个mysql查询,我在原本的业务查询前,新增了其他的Mysql查询,导致原需要分页的查询失效 …...

Linux常用命令——grep命令
在线Linux命令查询工具 grep 强大的文本搜索工具 补充说明 grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具,它能使用正则表达式搜索文本&…...

学校热水供应系统方案
学校热水供应系统是现代化校园建设的重要组成部分。一套高效、可靠、安全、环保的热水供应系统,不仅能够满足学生、教职工的日常生活需求,也能提高学校形象和竞争力。 在设计学校热水供应系统方案时,需要考虑以下几个方面: 一、热…...

chatgpt赋能python:Python怎么写绝对值
Python怎么写绝对值 在Python编程语言中,有很多常用函数。其中包括求绝对值的函数。在这篇文章中,我们将介绍如何在Python中使用绝对值函数,并提供一些示例。 什么是绝对值函数? 绝对值函数是一个数学中常用的函数,…...

研发工程师玩转Kubernetes——Node亲和性requiredDuringSchedulingIgnoredDuringExecution几种边界实验
在《研发工程师玩转Kubernetes——使用Node特性定向调度Pod》中,我们提到requiredDuringSchedulingIgnoredDuringExecution只有在规则被满足的时候才能执行调度。本节我们将测试几种边界情况,看看Kubernetes的行为。 没有满足的条件 假设我们测试的Nod…...

OpenCV中的图像处理3.9(六)轮廓线特征与属性
目录 3.9 OpenCV中的轮廓线3.9.1 轮廓线:入门目标什么是轮廓线?如何绘制轮廓线?轮廓线逼近法 3.9.2 轮廓线的特征1. 矩2. 轮廓线面积3. 轮廓线周长4. 轮廓逼近5. 凸面体6. 检查凸性7. 边界矩形8. 最小包围圈9. 拟合椭圆10. 拟合直线 3.9.3 轮…...

burpsuite+xray实现联动测试(手动分析和自动化测试同时进行)
目的:安全测试过程中手动分析测试与xray自动化扫描测试结合,这样可以从多层保障安全测试的分析,针对平台业务接口量大的安全测试是十分有用的,可以实现双向测试同时开始。 xray简介 xray 是一款功能强大的安全评估工具ÿ…...

2023年专业连锁行业研究报告
第一章 行业概况 专业连锁行业是指以连锁经营模式运营的公司,其主要业务涵盖零售、餐饮、酒店、医疗、教育等领域。这些公司通过规模化、标准化的经营模式和供应链管理,提供专业化、高质量的产品和服务。专业连锁行业在全球范围内蓬勃发展,并…...

Mysql数据库(六):基本的SELECT语句
基本的SELECT语句 前言一、SELECT...二、SELECT ... FROM三、列的别名四、去除重复行五、空值参与运算六、着重号七、查询常数八、显示表结构九、过滤数据 前言 本博主将用CSDN记录软件开发求学之路上亲身所得与所学的心得与知识,有兴趣的小伙伴可以关注博主&#…...

在CentOS7环境中,实现使用openresty配置文件,达到jwt指定用户userid不能访问的效果
#在CentOS7环境中,实现使用openresty配置文件,达到jwt指定用户userid不能访问的效果。 首先,你需要安装 OpenResty 和 JWT 组件: 安装 OpenResty 参考 OpenResty 的官方安装文档,在终端执行如下命令: $…...

SpringBoot 源码分析初始化应用上下文(1)-createApplicationContext
前言:springBoot的版本是 2.2.4.RELEASE 一、入口 /*** Run the Spring application, creating and refreshing a new* {link ApplicationContext}.* param args the application arguments (usually passed from a Java main method)* return a running {link A…...

STM32队列
目录 什么是队列? 队列特点 1. 数据入队出队方式 2. 数据传递方式 3. 多任务访问 4. 出队、入队阻塞 队列相关 API 函数 1. 创建队列 参数: 2. 写队列 参数: 返回值: 3. 读队列 参数: 返回值…...

探索Beyond Compare:让文件比较和管理变得简单高效
在这个信息爆炸时代,我们的日常生活和工作中需要处理大量的数据和文档。在这个过程中,有时候我们会面临找出不同文件之间的差异、合并重复内容等需求。那么,有没有一款软件可以帮助我们轻松地完成这些任务呢?答案当然是肯定的&…...

动态网站Servelt基础
文章目录 一、Servlet基础(一)Servlet概述1、Servlet是什么2、Servlet容器3、Servlet应用程序的体系结构 (二)Servlet的特点1、功能强大2、可移植3、性能高效4、安全性高5、可扩展 (三)Servlet接口1、Servl…...

Docker 网络
Docker 网络实现原理 Docker使用Linux桥接,在宿主机虚拟一个Docker容器网桥(docker0),Docker启动一个容器时会根据Docker网桥的网段分配给容器一个IP地址,称为Container-IP,同时Docker网桥是每个容器的默认网关。因为在同一宿主机…...

Tomcat的优化
Tomcat的优化 一、Tomcat 优化Tomcat 配置文件参数优化 二、系统内核优化三、Tomcat 配置 JVM 参数:参数含义 一、Tomcat 优化 Tomcat默认安装下的缺省配置并不适合生产环境,它可能会频繁出现假死现象需要重启,只有通过不断压测优化才能让它…...

一个问题来对比文心一言和chatgpt
问题: 请注意, 孩子不会说话,他无法用语言来回复妈妈的问题, 请生成以下剧本:一个妈妈和一岁不会说话的婴儿的日常vlog的剧本 文心一言 场景一:早晨 (妈妈和孩子在客厅里醒来) 妈妈&…...

防雪崩利器之Hystrix
Hystrix作为一个容错组件,本文从它的作用、熔断设计、工作流程和应用方面一一道来,帮助大家了解如何使用。 1、什么是灾难性雪崩效应 要讲Hystrix,我们就要讲一种场景,在微服务架构中,如果底层服务出现故障࿰…...

机器学习复习(上)
严正声明:本文的答案是ChatGPT的回答,仅供参考,不代表就是正确答案!!! 1.解释什么是过拟合和欠拟合,如何降低过拟合? 过拟合(overfitting)指的是一个模型在训练数据上表…...

node笔记_express结合formidable实现前后端的文件上传
文章目录 ⭐前言⭐安装http请求的文件解析依赖库💖 安装 formidable💖 node formidable接受formData上传参数 ⭐上传的页面搭建💖 vue2 element upload💖 node 渲染 上传文件 ⭐后端生成api上传文件到指定目录💖完整的…...

CKA 09_Kubernetes工作负载与调度 资源调度 三类QoS request 资源需求 limit 资源限额
文章目录 1. 资源调度1.1 准备工作1.2 为什么需要 request 和 limit1.3 内存限制1.3.1 Brustable1.3.2 Guaranteed1.3.3 BestEffort1.3.4 当容器申请的资源超出 limit 和 request 1.4 CPU限制 1. 资源调度 1.1 准备工作 Kubernetes 采用 request 和 limit 两种限制类型来对资源…...

【pytorch】维度变换
【pytorch】维度变换 View操作unSqueeze操作图片处理的一个案例squeeze 维度删减操作维度扩展-expand维度扩展-repeat矩阵的转置操作-transpose View操作 将一个四维的张量(b x c x h x w)转换成一个二维的张量 对于四张图片 将每一张图像用一行向量进…...

vue3中的nextTick()
目录 nextTick() 方法用法回调函数方式使用await方式使用 实现原理使用nextTick() 方法时的注意事项 nextTick() 方法 nextTick() 方法是一个非常强大的工具,是一个等待下一次 DOM 更新刷新的工具方法。用于将一个函数以异步的方式推迟到下一个 DOM 更新周期执行。…...

高效学习传感器|霍尔式传感器
01、霍尔式传感器的工作原理 1●霍尔效应 霍尔式传感器的物理基础是霍尔效应。如图1所示,在一块长度为l、宽度为b、厚度为d的长方体导电板上,左、右、前、后侧面都安装上电极。在长度方向上通入电流I,在厚度方向施加磁感应强度为B的磁场。 ■…...

2023年前端面试高频考点HTML5+CSS3
目录 浏览器的渲染过程⭐⭐⭐ CSS 、JS 阻塞 DOM 解析和渲染 回流(重排)和重绘⭐⭐ 选择器 ID选择器、类选择器、标签选择器(按优先级高到低排序)⭐⭐ 特殊符号选择器(>,,~,空格࿰…...