RocketMQ核心技术精讲与高并发抗压实战

272 阅读3分钟

download:RocketMQ核心技术精讲与高并发抗压实战

本课程将理论+实战,让你系统掌握优秀的消息中间件-RocketMQ4.3.x核心技术。课程分为2大部分,第一部分会带你初探门径,急速入门RocketMQ,然后进阶讲解RocketMQ生产者核心,消费者核心,核心原理,集群环境搭建等,让你掌握RocketMQ核心知识。然后第二部结合电商平台双十一抗压经典场景对MQ部分进行实战落地,让你理解电商平台双十一高并发抗压核心流程,核心策略,专项突破MQ技术在抗压中的应用瓶颈,最终能够彻底掌握RocketMQ在实际工作中的应用。
适合人群

Java初中级工程师
希望更多接触大厂MQ技术的同学
希望晋级为团队技术骨干的同学
正在求职面试的同学

技术储备要求
熟悉Java开发、Linux操作系统
了解 SpringBoot + MyBatis 整合
了解 Dubbo与ZooKeeper技术栈
对消息中间件有基础的认知和了解
二、創立登錄頁面
把沒有用的初始化東西删掉!

1)在源码目錄中創立如下構造

assets:用於寄存資源文件
components:用於寄存 Vue 功用組件
views:用於寄存 Vue 視圖組件
router:用於寄存 vue-router 配置
![]()

2)創立首頁視圖:在 views 目錄下創立一個名爲 Main.vue 的視圖組件

3)創立登錄頁視圖:在 views 目錄下創立一個名爲 Login.vue 的視圖組件,其中 el-… 的元素爲 ElementUI 組件;

4)創立路由:在 router 目錄下創立一個名爲 index.js 的 vue-router 路由配置文件

import Vue from 'vue' // 導入Vue
import VueRouter from 'vue-router' // 導入路由
// 導入組件
import Main from "../views/Main"
import Login from "../views/Login"
// 裝置路由
Vue.use(VueRouter);
// 配置路由插件
export default new VueRouter({
/

mode - 路由形式
1)hash:途径帶#號 http://localhost/main#/
2)history:途径沒有# http://localhost/main

/
mode: 'history',
routes: [
{
/

首頁

/
path: '/main',
name: 'main',
component: Main,
},
{
/

登錄頁

/
path: '/login',
name: 'login',
component: Login
}
]
})
5)配置路由:修正入口代码,修正 main.js 入口代码

import Vue from 'vue' //Vue組件
import App from './App' //App組件
import VueRouter from 'vue-router' // 路由組件
import router from './router' // 自動掃描配置里面的路由
// 引入 ElementUI 與其 CSS
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// 裝置路由
Vue.use(VueRouter)
Vue.use(ElementUI);
new Vue({
el: '#app',
router, // 配置路由
render: h => h(App) // 啟用ElementUI
});
6)修正 App.vue 組件代码

7)測試:在阅讀器翻開 http://localhost:8080/#/login

假如呈現錯誤: 可能是由於sass-loader的版本過高招致的編译錯誤,當前最高版本是8.x,需求退回到7.3.1 ;

去package.json文件里面的 "sass-loader"的版本改換成7.3.1,然後重新cnpm install就能夠了;

![]()

三、路由嵌套
嵌套路由又稱子路由,在實践應用中,通常由多層嵌套的組件組合而成。同樣地,URL 中各段動態途径也按某種構造對應嵌套的各層組件,例如:

/user/foo/profile /user/foo/list
+------------------+ +-----------------+

User

User

+--------------+

+-------------+

Profile

+------------>

list

+--------------+

+-------------+

+------------------+ +-----------------+
1)用戶信息組件,在 views/user 目錄下創立一個名爲 Profile.vue 的視圖組件;

2)用戶列表組件,在 views/user 目錄下創立一個名爲 List.vue 的視圖組件;

3)配置嵌套路由修正 router 目錄下的 index.js 路由配置文件,代码如

import Vue from 'vue' // 導入Vue
import VueRouter from 'vue-router' // 導入路由
// 導入組件