[项目实战]谷粒商城汇总

[项目实战]谷粒商城汇总

架构图

1、相关软件资源

视频：

软件：

Virtual BOX

官网：https://www.virtualbox.org/wiki/Downloads

本次是使用的6.1.40版本：https://download.virtualbox.org/virtualbox/6.1.40/VirtualBox-6.1.40-154048-Win.exe

vagrant

官网：https://developer.hashicorp.com/vagrant/downloads

本次使用的是2.3.3版本：https://releases.hashicorp.com/vagrant/2.3.3/vagrant_2.3.3_windows_amd64.msi

2、相关搭建步骤

1、安装Linux虚拟机

2、设置虚拟机网络

https://www.pianshen.com/article/74242350240/

3、安装docker

VirtualBox的CentOS7安装docker

4、docker安装mysql

docker pull mysql:5.7


docker run -p 3306:3306 --name mysql \
-v /mydata/mysql/log:/var/log/mysql \
-v /mydata/mysql/data:/var/lib/mysql \
-v /mydata/mysql/conf:/etc/mysql \
-e MYSQL_ROOT_PASSWORD=root \
-d mysql:5.7

在/mydata/mysql/conf/my.cnf中添加一下参数

[client]
default-character-set=utf8
[mysql]
default-character-set=utf8
[mysqld]
init_connect='SET collation_connection = utf8_unicode_ci'
init_connect='SET NAMES utf8'
character-set-server=utf8
collation-server=utf8_unicode_ci
skip-character-set-client-handshake
skip-name-resolve

重启mysql

[root@localhost conf]# docker restart mysql

5、docker安装Redis

[root@localhost conf]# docker pull redis

mkdir -p /mydata/redis/conf
touch /mydata/redis/conf/redis.conf
## 创建Redis容器
docker run -p 6379:6379 --name redis -v /mydata/redis/data:/data \
-v /mydata/redis/conf/redis.conf:/etc/redis/redis.conf \
-d redis redis-server /etc/redis/redis.conf
## 进入Redis容器
docker exec -it redis redis-cli
# 在配置文件添加appendonly yes参数
vi /mydata/redis/conf/redis.conf
appendonly yes
# 重启Redis容器
[root@localhost conf]# docker restart redis

6、开发工具&环境安装配置

IDEA插件

lombok、mybatisx 插件

VSCODE插件

Vetur —— 语法高亮、智能感知、Emmet 等 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个 Ctrl

需要同时按着）

EsLint —— 语法纠错

Auto Close Tag —— 自动闭合 HTML/XML 标签

Auto Rename Tag —— 自动完成另一侧标签的同步修改

JavaScript(ES6) code snippets — — ES6 语 法 智 能 提 示 以 及 快 速 输 入 ， 除 js 外 还 支 持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含 js 代码文件的时间

HTML CSS Support —— 让 html 标签上写 class 智能提示当前项目所支持的样式

HTML Snippets —— html 快速自动补全

Open in browser —— 浏览器快速打开

Live Server —— 以内嵌服务器方式打开

Chinese (Simplified) Language Pack for Visual Studio Code —— 中文语言包

7、配置git

git config --global user.name “username”

git config --global user.email “username@email.com”

进入 git bash；使用：ssh-keygen -t rsa -C "xxxxx@xxxxx.com"命令。 连续三次回车。 一般用户目录下会有 或者 cat ~/.ssh/id_rsa.pub

8、初始化数据库

9、使用人人开源搭建后台管理系统

注意事项：需要使用node的版本为10.16.3

10、Nacos

11、gateway

12、Vue脚手架

npm install webpack -g
npm install -g @vue/cli-init
vue init webpack projectName

3、问题案例

• P27提示no server available

用yml方式重写配置文件内容即可。原因未知

• P44vue基本模板

https://www.cnblogs.com/songjilong/p/12635448.html

• P46renrenfast启动报错

1、springboot的版本换成和其他的微服务一样

2、allowedOriginPatterns(java.lang.String)找不到符号

解决方法：https://blog.csdn.ne