【wayn商城】本地开发指南

这篇文章给大家带来我自己写的开源项目【wayn商城】的本地开发指南,帮助各位朋友在本地快速运行【wayn商城】,避免踩坑,减少不必要的精力在软件下载安装上。

🔥waynboot-mall 是一套全部开源的 H5 商城项目,实现了一套完整的商城前后台业务,有首页展示、商品分类、商品详情、sku 详情、商品搜索、加入购物车、结算下单、支付宝/微信支付、订单列表、商品评论等一系列功能 🔥。

技术上基于最新得 Spring Boot3.1、Mybatis Plus、Spring Security,整合了 Mysql、Redis、RabbitMQ、ElasticSearch 等常用中间件,根据我多年线上项目实战经验总结开发而来不断优化、完善。

前置准备

开源地址:https://github.com/wayn111/waynboot-mall

后端安装

  1. Jdk17,安装包下载地址 https://download.oracle.com/java/17/archive/jdk-17.0.8_windows-x64_bin.exe

  2. Maven,压缩包下载地址 https://dlcdn.apache.org/maven/maven-3/3.9.3/binaries/apache-maven-3.9.3-bin.zip

  3. IDE 工具,推荐使用 IntelliJ IDEA ,官网下载地址 https://www.jetbrains.com/idea/

  4. 本地数据库 MySql,安装教程 https://bbs.huaweicloud.com/blogs/326904

  5. 本地缓存 Redis,安装教程 https://www.cnblogs.com/yyee/p/15835952.html

  6. MySql 客户端,推荐使用 Navicat Premium16,安装教程 https://learnku.com/articles/67706

  7. Redis 客户端,推荐使用 AnotherRedisDesktopManager,下载地址 https://github.com/qishibo/AnotherRedisDesktopManager

  8. Elasticsearch7,官网下载地址 https://www.elastic.co/cn/downloads/past-releases/elasticsearch-7-17-11

  9. Git,官网下载地址 https://git-scm.com/download/win

  10. 商城图片压缩包下载,在我的公众号【程序员 wayn】,回复 wayn 商城资料 领取。

前端安装

  1. nodejs v16.20.1 版本,安装包下载地址 https://nodejs.org/download/release/v16.20.1/node-v16.20.1-x64.msi

  2. IDE 工具,推荐使用 vscode,官网地址 https://code.visualstudio.com/

以上软件安装包我已经下载好放在百度云盘中,大家可以在我的公众号【程序员 wayn】,回复 wayn 商城资料 即可领取。

商城图片压缩包也放在了百度云中。

本地启动前后端项目

启动前后端项目前,默认大家已经将上述软件全部安装启动成功。

后端项目

克隆 waynboot-mall 项目

  • git 地址:git clone git@github.com:wayn111/waynboot-mall.git

  • gitee 地址:git clone git@gitee.com:wayn111/waynboot-mall.git

导入项目依赖

将 waynboot-mall 目录用 idea 打开,导入 maven 依赖

导入 sql 文件

在项目根目录下,找到wayn_shop_*.sql文件,新建 mysql 数据库 wayn_shop,编码选择 utf8mb4,导入其中

图片部署

将商城图片压缩包中所有图片解压缩部署到 D:\waynshop\webp 目录下

修改 Mysql、Redis、RabbitMQ、Elasticsearch 连接配置

找到 waynboot-common 模块下的 application-dev.yml 文件以及 waynboot-consumer 模块下的 application.yml 文件,修改 MySQL、Redis、RabbitMQ、Elasticsearch 的连接配置相关信息

启动项目

  • 后台 api 启动:进入 waynboot-admin-api 子模块,找到 AdminApplication 文件,右键run AdminApplication,启动后台项目

  • 消费者启动:进入 waynboot-message-consumer 子模块,找到 MessageApplication 文件,右键run MessageApplication,启动消费者

  • h5 商城 api 启动:进入 waynboot-mobile-api 子模块,找到 MobileApplication 文件,右键run MobileApplication,启动 h5 商城项目

前端项目

克隆商城前台项目

  • git 地址:git clone git@github.com:wayn111/waynboot-mobile.git

  • gitee 地址:git clone git@gitee.com:wayn111/waynboot-mobile.git

进入项目目录

cd waynboot-mobile

安装依赖

npm install

建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

启动服务

npm run dev

克隆商城后台项目

  • git 地址:git clone git@github.com:wayn111/waynboot-admin.git

  • gitee 地址:git clone git@gitee.com:wayn111/waynboot-admin.git

进入项目目录

cd waynboot-admin

安装依赖

npm install

建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

启动服务

npm run dev

最后聊两句

【wayn商城】项目我打算出一个实战教学专栏,包括系统设计、本地开发指南、技术选型、基础设施、模块划分、服务器部署、日志以及监控系统集成等内容。

本项目的目标人群有大学生、初中级开发者、转全栈开发、缺少项目实战经验者,如果你也喜欢可以关注我,我会在后续持续更新。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/643959.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Jedis(一)与Redis的关系

一、Jedis介绍: 1、背景: Jedis是基于Java语言的Redis的客户端,Jedis Java Redis。Redis不仅可以使用命令来操作,现在基本上主流的语言都有API支持,比如Java、C#、C、PHP、Node.js、Go等。在官方网站里有一些Java的…

【Rollup入门】初识Rollup

阅读文档:Rollup中文官方文档 一、Rollup是什么? Rollup是使用ES Module格式进行对JavaScript的模块打包工具,提供一个充分利用ESM各项特性的高效打包工具,允许使用ES Module编写代码,然后将其编译回多种模块化格式。…

【系统DFX】如何诊断占用过多 CPU、内存、IO 等的神秘进程?

热门面试问题:如何诊断占用过多 CPU、内存、IO 等的神秘进程? 下图展示了 Linux 系统中有用的工具。 🔹’vmstat’ - 报告有关进程、内存、分页、块 IO、陷阱和 CPU 活动的信息。🔹’iostat’ - 报告系统的 CPU 和输入/输出统计信…

【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏2(附项目源码)

本节最终效果演示 文章目录 本节最终效果演示系列目录前言添加小动物模型动画动物AI脚本效果 添加石头石头模型拾取物品效果 源码完结 系列目录 【制作100个unity游戏之23】实现类似七日杀、森林一样的生存游戏1(附项目源码) 【制作100个unity游戏之23】…

ubuntu22.04安装filebeat报错解决

1、查看报错 journalctl -u filebeat 或者 filebeat -c /etc/filebeat/filebeat.yml找到报错信息 runtime/cgo: pthread_create failed: Operation not permitted 2、解决报错 在filebeat.yml配置文件添加如下配置,重启filebeat seccomp:default_action: allow…

Prometheus 薪资翻倍的监控系统?

1. 介绍与架构 Prometheus是一个开源的系统监控和警报工具包,用于收集和存储时间序列数据,包括指标信息、记录时间戳以及可选的键值对标签。许多公司使用Prometheus监控K8s集群。 2. 合适与不合适场景 合适场景 Prometheus适用于记录各种数字时间序列…

如何按指定列的空值删除行?

目录 1、按指定列的空值删除行2、滑动窗口按指定列的值填充最前面的缺失值 1、按指定列的空值删除行 数据准备: df pd.DataFrame({C1: [1, 2, 3, 4], C2: [A, np.NaN, C, D], C3: [V1, V2, V3, np.NaN]}) print(df.to_string()) C1 C2 C3 0 1 A V1 1 …

构筑双品牌矩阵背后,广汽埃安讲出能源生态闭环的“新故事”

“一路繁花”用来形容广汽埃安的2023年并不为过。 2023年12月28日,埃安达成累计产销百万辆的目标,成为全球最快破百万的纯电品牌、新能源品牌以及汽车品牌;全年累计销量超48万辆,同比增长77%。 值得一提的是,2023年以…

python flask request教程

request 一、传json1、resquest.get_data()与resquest.data2、request.get_json()3、request.json["imageURL"]二、传file1、request.files["file"]2、request.form["username"]3、request.form.get(username)与2等价,其他get()与[]也相同三、其…

APP合规上架需注意哪些方面

在编写关于APP上架合规指南的文章时,有几个关键方面需要考虑,以确保应用程序在各个应用商店上获得批准并符合法规要求。以下是一份综合性的指南: admaoyan猫眼聚合 1. 了解各应用商店的规定: 在开始上架应用之前,务必详…

C#中ArrayList运行机制及其涉及的装箱拆箱

C#中ArrayList运行机制及其涉及的装箱拆箱 1.1 基本用法1.1.1 属性1.1.2 方法 1.2 内部实现1.3 装箱1.4 拆箱1.5 object对象的相等性比较1.6 总结1.7 其他简单结构类 1.1 基本用法 命名空间: using System.Collections; 1.1.1 属性 Capacity:获取或设…

江苏省力学学会副理事长钱向东、邬萱一行来访天洑软件

近日,江苏省力学学会副理事长钱向东、邬萱率调研组一行来访天洑软件。 会上,双方就平台建设、成果转化、产品研发、品牌宣传、人才培养等方面开展了广泛深入的交流。江苏省力学学会副理事长钱向东、邬萱,分享了学会的平台优势和资源优势以及…

IP地址和端口

1. IP地址: 简介: IP 协议是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所 有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任 何厂家生产的计算机系统…

python 进程

1创建一个爬虫程序 import requests urls [https://www.cnblogs.com/#p{page}for page in range(1, 501) ]def craw(url):r requests.get(url)print(url, len(r.text))craw(urls[0])2定义单进程和多进程 import blob_spider import threading import timedef single_thread…

ubuntu20安装网络调试助手遇到缺少qt4相关库的问题

最近需要做套接字通讯的工作,最好是有一个网络调试软件能够接受或者发送套接字,测试代码能够正常通讯。windows下有很多,但是linux下比较少,使用广泛的是下面这一款。 1、安装 首先从网盘(链接: https://pan.baidu.c…

dom-to-image-more 使用

与网上不同的使用方式: 官网 dom-to-image-more - npm 这里不会出现两行缩略不行的bug yarn add dom-to-image-more 下面 生成图片并下载图片 const picture ref() const dom2img () > {var node picture.valuedomtoimage.toPng(node, { cacheBust: t…

LabVIEW高级CAN通信系统

LabVIEW高级CAN通信系统 在现代卫星通信和数据处理领域,精确的数据管理和控制系统是至关重要的。设计了一个基于LabVIEW的CAN通信系统,它结合了FPGA技术和LabVIEW软件,主要应用于模拟卫星平台的数据交换。这个系统的设计不仅充分体现了FPGA在…

C# 使用屏障来使多线程并发操作保持同步

写在前面 以下是微软官方对屏障类的介绍,System.Threading.Barrier 可用来作为实现并发同步操作的基本单元,让多个线程(参与者)分阶段并行处理目标算法。在达到代码中的屏障点之前,每个参与者将继续执行,屏障表示工作阶段的末尾&…

微信小程序调取相机实现拍照/录屏

1.效果 2.创建子组件 index.wxml代码 <xr-scene id"xr-scenecameraglb" ar-system bind:ready"handleReady" bind:ar-ready"handleARReady" > <!-- 初始化模型 --><xr-assets bind:loaded"handleAssetsLoaded">…

致远OA如何开发 第二篇

第二篇 开发环境以及工具 此栏目技术支持 技术大佬对栏目文章的支持 特别感谢 开发环境 win系统&#xff0c;linux系统&#xff0c;因为在安装的时候会判断是否符合标准服务系统&#xff0c;所以我们可以在安装的bat文件&#xff0c;或者shell文件中删除系统检测的代码&…