怎么做前后端分离的个人博客,内部还有仿网易云音乐模块?点进便知!(基于Vue,Springboot

2021年Java中高级面试必备知识点总结

在这个部分总结了2019年到目前为止Java常见面试问题,取其面试核心编写成这份文档笔记,从中分析面试官的心理,摸清面试官的“套路”,可以说搞定90%以上的Java中高级面试没一点难度。

本节总结的内容涵盖了:消息队列、Redis缓存、分库分表、读写分离、设计高并发系统、分布式系统、高可用系统、SpringCloud微服务架构等一系列互联网主流高级技术的知识点。

目录:

(上述只是一个整体目录大纲,每个点里面都有如下所示的详细内容,从面试问题——分析面试官心理——剖析面试题——完美解答的一个过程)

部分内容:

对于每一个做技术的来说,学习是不能停止的,小编把2019年到目前为止Java的核心知识提炼出来了,无论你现在是处于什么阶段,如你所见,这份文档的内容无论是对于你找面试工作还是提升技术广度深度都是完美的。

不想被后浪淘汰的话,赶紧搞起来吧,高清完整版一共是888页,需要的话可以点赞+关注

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

+ - [1.1.1 首页](#ensp111__7)
	- [1.1.2 分类页](#ensp112__12)
	- [1.1.3 分类页](#ensp113__14)
	- [1.1.4 归档页](#ensp114__16)
	- [1.1.5 友链页](#ensp115__19)
	- [1.1.6 关于我](#ensp116__22)
	- [1.1.7 留言页面](#ensp117__25)
	- [1.1.8 登录页面](#ensp118__27)
	- [1.1.9 博客详情页面](#ensp119__29)
	- [1.1.10 爬虫页面](#ensp1110__34)
	- [1.1.11 AI模块页面](#ensp1111_AI_37)
+ [1.2 博客后台管理页面:](#12__44)
+ - [1.2.1 用户管理模块](#ensp121__48)
	- [1.2.2 博客管理模块](#ensp122__52)
	- [1.2.3 数据统计模块](#ensp123__61)
+ [1.3 网站音乐盒模块(仿网易云):](#13__66)
+ - [1.3.1 发现音乐:](#131__68)
	- [1.3.2 推荐歌单:](#132__70)
	- [1.3.3 最新音乐:](#133__72)
	- [1.3.4 最新MV:](#134_MV_74)
	- [1.3.5 搜索详情页:](#135__76)
	- [1.3.6 MV详情页:](#136_MV_79)
	- [1.3.7 歌单详情页:](#137__81)
	- [1.3.8 评论详情:](#138__84)
+ [1.4 网站聊天室模块:](#14__88)
+ - [1.4.1 初始界面](#141__89)
	- [1.4.2 群聊界面](#142__92)
	- [1.4.3 私聊界面](#143__94)
+ [1.5 功能介绍:](#15__97)
+ [1.6 博客介绍](#16__99)
+ [1.7 Tips](#17_Tips_102)
+ - [1.7.1](#ensp171_103)
	- [1.7.2](#ensp172_105)
	- [1.7.3](#ensp173_107)
	- [1.7.4](#ensp174_109)

一.个人博客简介

项目地址:http://www.tcefrep.site/ (源码地址在本文末尾),感谢阿里云爸爸,送了一个两个月的2核4g的服务器,现在搜索模块也用上了elasticsearch,https://github.com/asiL-tcefreP,源码在此,觉得项目不错就star一下吧
在这里插入图片描述

1.1 博客主要页面:

1.1.1 首页

在这里插入图片描述

在这里插入图片描述

1.1.2 分类页

在这里插入图片描述

1.1.3 分类页

在这里插入图片描述

1.1.4 归档页

在这里插入图片描述
在这里插入图片描述

1.1.5 友链页

在这里插入图片描述
在这里插入图片描述

1.1.6 关于我

在这里插入图片描述

1.1.7 留言页面

在这里插入图片描述

1.1.8 登录页面

在这里插入图片描述

1.1.9 博客详情页面

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

1.1.10 爬虫页面

在这里插入图片描述
 从csdn爬取了三千篇文章放到数据库做文本分类的训练集,仅做学习使用。

1.1.11 AI模块页面

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.2 博客后台管理页面:

后台管理主要有三大模块构成:用户管理,博客管理,数据统计构成。

在这里插入图片描述

1.2.1 用户管理模块
  • 个人信息界面
    在这里插入图片描述
1.2.2 博客管理模块
  • 发布博客页面
    在这里插入图片描述
  • 查看博客页面
    在这里插入图片描述
  • 标签管理
    在这里插入图片描述
  • 分类管理
    在这里插入图片描述
1.2.3 数据统计模块
  • 博文数据
    在这里插入图片描述
  • 单篇博客分析
    在这里插入图片描述

1.3 网站音乐盒模块(仿网易云):

后花园中的音乐盒有,五个主要模块组成:发现音乐,推荐歌单,最新音乐,最新MV,搜索模块。后台接口调用的是网易云的api

1.3.1 发现音乐:

在这里插入图片描述在这里插入图片描述

1.3.2 推荐歌单:

在这里插入图片描述

1.3.3 最新音乐:

在这里插入图片描述

1.3.4 最新MV:

在这里插入图片描述

1.3.5 搜索详情页:

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

1.3.6 MV详情页:

在这里插入图片描述

1.3.7 歌单详情页:

在这里插入图片描述

1.3.8 评论详情:

歌单和MV中都有评论
在这里插入图片描述
在这里插入图片描述

1.4 网站聊天室模块:

1.4.1 初始界面

在这里插入图片描述

1.4.2 群聊界面

在这里插入图片描述

1.4.3 私聊界面

在这里插入图片描述

1.5 功能介绍:

本博客简单实现了博客展示、后台管理、发布博客还有评论等功能,其中后台管理、发布博客和评论功能要在用户登录后才可使用,而后台管理的某些功能普通用户只有查看的权限,并没有分配增删改的权限。

1.6 博客介绍

由于博客是由博主一人完成的,所以暂且只做了一些简单的功能,部分地方还是有不完善的地方甚至有bug,欢迎各位在本篇博文下评论处指出。

1.7 Tips

1.7.1

编写博客的markdown编辑器在文章过长时,编写栏和预览栏可能会有错位,此时可手动拉动预览栏滚动条)

1.7.2

暂未设置图片上传功能,涉及图片的上传和使用建议使用网络地址。推荐的图片地址(https://picsum.photos/images#1),使用的时候,将右侧链接的(https://unsplash.it/100/100?image=1002) 1002 改成自己的图片id即可,100/100是图片的尺寸,即长宽。

1.7.3

前端的请求没有用baseURL封装到一个js里。

1.7.4

由于笔者偷懒,没有使用vuex存储某些共享数据,用的都是sessionstorage。

二.前端开发:

2.1 简介:

https://github.com/asiL-tcefreP/blog-vue(前端源码地址)
 采用了vue.js,前端框架采用了semantic-ui和element-ui,此外还有一些关于页面动态和渲染的js和css类似(animate.css,pricsm等)。此外,需要说明的是,本人后端狗一枚,页面样式是基于网上部分模板样式的修改,其余开发是独立完成的。

2.2 项目介绍

项目结构采用的是vue-cli3,值得一提的是其中用到的插件还是不错的。

编辑器 Markdown

内容排版 typo.css

动画 animate.css

代码高亮 prism

目录生成 Tocbot

滚动侦测 waypoints

平滑滚动 jquery.scrollTo

二维码生成 qrcode.js

弹幕效果 vue-baberrage

背景的彩带效果 ribbon

统计图 echarts

音乐播放器 vue-aplayer

三.后端开发:

3.1 简介:

https://github.com/asiL-tcefreP/blog(后端源码地址)

  • 大致框架采用了SpringBoot+MybatisPlus+SpringCloud(Eureka)+ElasticSearch完成的,用redis做缓存中间件,采用微服务的架构。
  • 安全方面采用了SpringSecurity和BCEncrypt
  • 用了jwt来请求访问接口
  • 利用RSA算法对前端发送的重要参数进行加密,经过网关解密后把参数发送到后端服务器。
  • 由于服务器内存和配置的原因,服务器只上线了四个模块
    在这里插入图片描述
    在这里插入图片描述

项目是由八个模块组成的,

  • blog-common: 博客服务端的实体类
  • blog-encrypt: 博客的服务代理类(从前端接收请求,网关RSA解密后转发给服务端接口)
  • blog-eureka: 微服务注册中心server
  • blog-server: 主体服务端
  • blog-extension: 拓展服务端(留言和友链功能),上线的版本集成了blog-search-api模块,因为阿里云服务器内存太小了
  • blog-search-api: ElasticSearch的服务端,分出一个模块是为了更清晰的展现微服务架构,但是服务器内存太小,所以集成在上述模块中,自己开发可以直接使用本模块
  • blog-article-crawler:爬虫和人工智能模块,用的webmagic框架爬取数据,deeplearning4j做文本分类
  • blog-ai:里面的服务类调用了py脚本来实现古诗词生成

难道这样就够了吗?不,远远不够!

提前多熟悉阿里往年的面试题肯定是对面试有很大的帮助的,但是作为技术性职业,手里有实打实的技术才是你面对面试官最有用的利器,这是从内在散发出来的自信。

备战阿里时我花的最多的时间就是在学习技术上,占了我所有学习计划中的百分之70,这是一些我学习期间觉得还是很不错的一些学习笔记

我为什么要写这篇文章呢,其实我觉得学习是不能停下脚步的,在网络上和大家一起分享,一起讨论,不单单可以遇到更多一样的人,还可以扩大自己的眼界,学习到更多的技术,我还会在csdn、博客、掘金等网站上分享技术,这也是一种学习的方法。

今天就分享到这里了,谢谢大家的关注,以后会分享更多的干货给大家!

阿里一面就落马,恶补完这份“阿里面试宝典”后,上岸蚂蚁金服

阿里一面就落马,恶补完这份“阿里面试宝典”后,上岸蚂蚁金服

image.png

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

人,还可以扩大自己的眼界,学习到更多的技术,我还会在csdn、博客、掘金等网站上分享技术,这也是一种学习的方法。

今天就分享到这里了,谢谢大家的关注,以后会分享更多的干货给大家!

[外链图片转存中…(img-nyEZFrhA-1715541911904)]

[外链图片转存中…(img-PdH9fFfo-1715541911904)]

[外链图片转存中…(img-TP6ViNfH-1715541911904)]

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

  • 23
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值