大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
这里写目录标题
一:环境搭建
本次项目在Linux系统下运行,虚拟机为VMware,操作系统为Centos8,需要的工具有Docker,MySql5.7,Redis,Git。
- MySql5.7:安装好docker’后,pull进来MySql5.7,配置好端口映射、目录挂载等,再创建my.cnf文件来配置MySql5.7。
docker下mysql配置: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
collection-server=utf8_unicode_ci
skip-character-set-client-handshake
skip-name-resolve
设置mysql密码,挂载目录,端口映射等
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
- Redis下载安装如下
mkdir -p /mydata/redis/conf
touch /mydata/redis/conf/redis.conf
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.conf中配置如下命令,保证持久化
appendonly yes
- 修改maven配置文件,使用jdk1.8,并且使用阿里云加速
- 本地git连接码云
- 码云新建仓库,获取HTTP连接。在idea中new一个project from version control,使用git,链接为刚才的HTTP地址,将仓库导入idea成功。
二:项目搭建
- new一个module,每一个module都是我们的一个微服务,导入如下两个依赖,依照此步骤完成后续服务搭建。
- 需要的微服务搭建好后,在主pom文件中导入创建的module,刷新maven
- 在主.gitignore文件中添加忽略文件,将剩下的文件add to VCS,这样有更新时会在仓库中显示。
- 第一次提交,将文件commit,点击commit and push,即可同步到码云
- 创建数据库
Navicat连接Linux中docker创建的mysql,建好数据库,导入sql文件 - 在码云“人人开源项目”中克隆下来“renren-fast”到项目主目录 ,链接为
link.同样在主pom文件中加入module依赖。然后将其在其目录下db文件mysql.sql代入数据库,并修改resources-static-application-dev.yml。启动renren-fast主函数,此时已经能打开localhost - 在人人开源克隆renren-fast-vue,有了这个才能和后端联动,下载好后用VSCode打开,安装node.js。安装完成后,在vscode打开项目终端,输入:npm install来下载依赖,完成后 npm run dev则可联动成功!!
- 在人人开源下载renren-generator,导入idea,配置好配置文件(给哪个微服务产生代码,和连接的数据库是哪个),启动后在http://localhost/#/generator.html自动生成代码
生成成功后,解压将mian文件覆盖至原来服务的main - 创建gulimall-common微服务,将一些公共依赖和类放进去,类似mybatis-plus-boot-starter,lombok,httpcore,commons-lang的依赖,并将原来renrne-fast的utils中的类转入到common的utils中(都是自己创建再复制进去),最终目的是使自动产生代码的微服务不再爆红!!
———————————————————————————–2020.7.25
9.将需要自动生成代码的微服务(非common)添加配置文件application.yml来配置自己服务的数据库信息等。
10.以此类推,将所有微服务都自动生成代码并填写配置,我们的架构搭建告与段落。
三:分布式组件–Spring Cloud Alibaba
1.微服务架构简介
如图所示,必备注册中心,服务中心,网关。
- 注册中心:每个微服务都应进入注册中心,这样若订单服务想远程调用商品服务,就会在注册中心查询是否有此服务,然后进行远程调用。
- 配置中心:每个服务可能搭建在数十台服务器中,若要一一配置太繁琐,但在配置中心配置后,即可实现全场景更新。
- 网关:前端请求进来后,先进入网关,由网关来进行过滤。
2.为什么使用SpringCloud Alibaba作为组件
- 曾经的Spring Cloud部分组件停止更新。
- 这些组件配置复杂,没有图形化界面,难以上手
3.本次项目技术构成
- SpringCloud Alibaba-Nacos:注册中心(服务发现/注册),配置中心(动态配置管理)
- SpringCloud Alibaba Sentinel:服务容错(限流,降级,熔断)
- SpringCloud Alibaba Seata:分布式事务解决方案
- SpringCloud Ribbon:负载均衡
- SpringCloud Feign:声明式HTTP客户端(远程调用)
- SpringCloud-Gateway:API网关(webflux编程模式)
- SpringCloud-Sleuth:调用链监控
四:SpringCloud Alibaba-Nacos引入
- 在官网下载安装好Nacos后,启动Nacos,用startup.cmd
- ①在common中引入nacos的依赖spring-cloud-starter-alibaba-nacos-discovery,并②在每个微服务的application.yml中配置本地端口号,nacos服务地址,application name(在nacos中显示为服务名称)等,③在main函数中添加注解@EnableDiscoveryClient。最后启动微服务,即可在nacos网站http://localhost:8848/nacos中看到此微服务。
五:服务调用
调用前须知
- 在将所有服务都写进nacos后,我们尝试用feign进行远程调用,下面我们就来学习feign的用法。
- A服务想调用B服务的controler中的一个方法:①在A中创建一个servic接口,将B中的方法复制到此接口下,方法上注明@RequestMapping,为B中方法的原路径,不要变;②
———————————————————————————–2020.7.26
六:Nacos注册中心实现
1.如何Nacos注册中心实现
1.引入依赖
< dependency >
<groupId>com.alibaba.cloud</groupId>
<artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
<version >2.1.0.RELEASE</version>
< /dependency >
2.创建bootstrap.properties
spring.application.name=gulimall-coupon
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
3.在配置中心添加一个叫做数据集的(Data id)gulimall-coupon.properties,默认规则:应用名.properties即 $ {spring.application.name}.properties
4.在配置内容中添加任何配置即可
5.动态获取配置@RefreshScope @Value(“$ {配置项的名字}”),
如 @Value(“$ {user.name}”)
6.如果配置中心和配置文件配置了相同的项,以配置中心为主
2.细节
1.命名空间:用作配置隔离
默认为public,默认新增所有配置都在public下
- 可以用来开发,测试,生产环境下的不同配置,只需在
bootstrap.properties
中修改spring.cloud.nacos.config.namespace
属性即可 - 也可以用来隔离不同微服务之间的配置,来创建各自微服务自己的命名空间。
2.配置集:所有的配置集合
3.配置集ID:类似配置文件名
Data ID:类似文件名
4.配置分组Group
默认所有配置集属于DEFAULT_GROUP
可用来如双十一,618不同情景用不同组的配置。
可用bootstrap.properties
中修改spring.cloud.nacos.config.group
属性来配置
注:不同分组的化配置ID可相同。
3.最终实现版本
前面两点提到的依然需要为每一个微服务去添加文件,添加配置信息。如何更加简化呢,请看下面。
我们现在可以把从本地IDE修改配置直接移到Nacos注册中心去进行。首先,创建一个你需要的命名空间,在里面创建你需要的配置,想好它的Data ID,Group。配置内容则为application.yml中的配置信息原样搬来。
接下来在bootstrap.properties中添加如下信息
spring.application.name=gulimall-coupon
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
spring.cloud.nacos.config.namespace=1612c202-aa35-4fe1-9331-5bcbec32ab3b
#只要指定了group分组,会自动读取dev分组下的
spring.cloud.nacos.config.group=dev
spring.cloud.nacos.config.ext-config[0].data-id=full.yml
spring.cloud.nacos.config.ext-config[0].group=dev
spring.cloud.nacos.config.ext-config[0].refresh=true
七.API网关-Gateway
网关作为流量的入口,常用功能包括路由转发,权限校验,限流控制等。springgateway作为spring cloud官方推荐的第二代网关框架,取代了Zuul网关。
网关用处如下:
总结:当请求到达网关,网关利用断言判定请求是不是符合路由规则,如果符合,就按路由规则把他路由到指定地方,到这些地方要经过一系列的filter来进行过滤。
创建步骤
首先new一个module,只用带gateway插件即可,然后编写它的application.yml
spring:
application:
name: gulimall-gateway
server:
port: 7005
和bootstrap.properties
spring.application.name=gulimall-gateway
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
spring.cloud.nacos.config.namespace=f9bcc03e-e613-4e06-a519-1bc6a125e7dc
spring.cloud.nacos.config.group=dev
在Nacos中创建它自己的命名空间,再创建配置文件gulimall-gateway.properties
有了此文件可实现同意配置,即可抛弃application.yml
,至此,Gateway网关配置完成
———————————————————————————–2020.7.30
八.前端简介
1.ES6
ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
2.Vue
Vue是一套用于构建用户界面的渐进式JavaScript框架。
1.MVVM思想
- M:即Model模型,包括数据和一些基本操作
- V:即View视图,页面渲染结果
- VM:即View-Model,模型与视图间的双向操作(无需开发人员干涉)
MVVM中的VM要做的事情就是把DOM封装起来,开发人员不用再关系Model和View之间是如何相互影响的。
2.Vue实例操作
首先创建一个html,利用npm install vue安装vue组件
接下来在html中学习我们的vue
注:因为div id和vue实例下的el进行了绑定,所以写在div id内的东西vue全部可以扫描到
可通过网页控制台vm.num=xx来更新num
1.vue声明式渲染
<body>
<div id="app">
<h1>{
{name}},handsome!</h1>
</div id="app">
<script src="./node_modules/vue/dist/vue.js"></script>
<script> let vm=new Vue({
//el: ‘#app‘表示该Vue实例将挂载到<div id="app">...</div>这个元素上 el:"#app", data:{
name:"zhangsan" } }); </script>
</body>
2.双向绑定:模型变化,视图变化
v-model会与下面data元素进行绑定,input框中输入内容,num会实时更新;
也可通过网页控制台vm.num=xx来更新num
<body>
<div id="app">
<input type="text" v-modal="num">
<h1>{
{name}},handsome!there are {
{num}}people love her!</h1>
</div id="app">
<script src="./node_modules/vue/dist/vue.js"></script>
<script> let vm=new Vue({
//el: ‘#app‘表示该Vue实例将挂载到<div id="app">...</div>这个元素上 el:"#app", data:{
name:"zhangsan", num:1 } }); </script>
</body>
3.事件绑定
此处添加了button按钮,给它设置了事件,每点击一次num++。同样可以实现修改num
<body>
<div id="app">
<input type="text" v-modal="num">
<button v-on:click="num++">点赞</button>
<h1>{
{name}},handsome!there are {
{num}}people love her!</h1>
</div id="app">
<script src="./node_modules/vue/dist/vue.js"></script>
<script> let vm=new Vue({
//el: ‘#app‘表示该Vue实例将挂载到<div id="app">...</div>这个元素上 el:"#app", data:{
name:"zhangsan", num:1 } }); </script>
</body>
八.整合阶段
1.配置网关和路由重组
2.网关统一配置跨域
跨域:指的是浏览器不能执行其他网站的脚本,是浏览器同源策略引起的,是浏览器堆javascript加的安全策略
同源策略:指协议,域名,端口都要一致
跨域流程如下:
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/164734.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...