前后端分离项目《博客系统》前端-门户
难度·
初级
围观人数·
6801
开始学习
阳光沙滩博客系统，前端，门户，power by Nuxt.js
第一章：项目创建和准备工作
这个章节我们创建项目，引入图标样式，规划好视图
1、阳光沙滩博客系统门户-开篇 开始学习
2、阳光沙滩博客系统门户-项目创建 开始学习
3、阳光沙滩博客系统门户-了解项目目录结构 开始学习
4、阳光沙滩博客系统门户-看一些别人的博客案例 开始学习
5、阳光沙滩博客系统门户-编写页面结构 开始学习
6、阳光沙滩博客系统门户-调整顶部导航栏的样式 开始学习
7、阳光沙滩博客系统门户-引入图标样式 开始学习
8、阳光沙滩博客系统门户-创建路由视图页面 开始学习
9、阳光沙滩博客系统门户-请求管理员信息 开始学习
第二章：首页内容
我们做一下首页，轮播图呀，标签之类的，分页功能
10、阳光沙滩博客系统门户-首页布局划分 开始学习
11、阳光沙滩博客系统门户-渲染管理员用户信息 开始学习
12、阳光沙滩博客系统门户-获取分类列表 开始学习
13、阳光沙滩博客系统门户-首页轮播图渲染 开始学习
14、阳光沙滩博客系统门户-渲染首页的置顶文章 开始学习
15、阳光沙滩博客系统门户-修改置顶文章的样式 开始学习
16、阳光沙滩博客系统门户-渲染最新的文章列表 开始学习
17、阳光沙滩博客系统门户-调整文章列表UI 开始学习
18、阳光沙滩博客系统门户-集成分页组件 开始学习
19、阳光沙滩博客系统门户-设置代理，请求分页数据 开始学习
20、阳光沙滩博客系统门户-首页右侧布局 开始学习
21、阳光沙滩博客系统门户-首页标签云渲染 开始学习
22、阳光沙滩博客系统门户-获取标签云数据 开始学习
23、阳光沙滩博客系统门户-淘宝广告组件创建 开始学习
24、阳光沙滩博客系统门户-修改淘宝广告的样式 开始学习
25、阳光沙滩博客系统门户-让侧栏菜单滑动悬浮 开始学习
26、阳光沙滩博客系统门户-解决侧栏悬浮窗口缩小时的问题 开始学习
27、阳光沙滩博客系统门户-首页分页加载文章回到顶部 开始学习
28、阳光沙滩博客系统门户-首页右则悬浮标签实现 开始学习
29、阳光沙滩博客系统门户-解决首页右则悬浮标签在窗口缩放时的问题 开始学习
30、阳光沙滩博客系统门户-解决管理中心发表文章标签undefined的问题 开始学习
31、阳光沙滩博客系统门户-解决管理中心发表文章标签输入框焦点问题 开始学习
32、阳光沙滩博客系统门户-处理左侧分类的点击 开始学习
33、阳光沙滩博客系统门户-根据分类请求文章列表 开始学习
34、阳光沙滩博客系统门户-解决页面切换后客户端渲染跨域问题 开始学习
35、阳光沙滩博客系统门户-获取友情链接数据 开始学习
36、阳光沙滩博客系统门户-修改友情链接样式 开始学习
37、阳光沙滩博客系统门户-首页侧栏选中状态 开始学习
第三章：搜索页面
这个章节，我们完成一下搜索模块
38、阳光沙滩博客系统门户-跳转到搜索页面 开始学习
39、阳光沙滩博客系统门户-解决搜索关键字有斜杠的问题 开始学习
40、阳光沙滩博客系统门户-重新添加搜索内容到solr中 开始学习
41、阳光沙滩博客系统门户-获取搜搜内容 开始学习
42、阳光沙滩博客系统门户-跳转到搜索页面传递多个参数 开始学习
43、阳光沙滩博客系统门户-搜索结果页面的划分 开始学习
44、阳光沙滩博客系统门户-搜索页面搜索结果渲染 开始学习
45、阳光沙滩博客系统门户-调整搜索结果的样式 开始学习
46、阳光沙滩博客系统门户-格式化时间 开始学习
47、阳光沙滩博客系统门户-搜索结果标签处理 开始学习
48、阳光沙滩博客系统门户-解决添加到solr数据库中链接错误的问题 开始学习
49、阳光沙滩博客系统门户-解决搜索结果总页码不对的问题 开始学习
50、阳光沙滩博客系统门户-搜索结果上下页切换 开始学习
51、阳光沙滩博客系统门户-搜索页码字符串叠加问题处理 开始学习
52、阳光沙滩博客系统门户-处理搜索结果上下页的状态 开始学习
53、阳光沙滩博客系统门户-处理搜索结果乱糟糟的样式 开始学习
54、阳光沙滩博客系统门户-首页标签跳转搜索 开始学习
55、阳光沙滩博客系统门户-编写搜索页面的搜索框 开始学习
56、阳光沙滩博客系统门户-编写搜索分类和筛选模块 开始学习
57、阳光沙滩博客系统门户-切换分类排序实现 开始学习
58、阳光沙滩博客系统门户-搜索页面的分类和排序选中状态 开始学习
59、阳光沙滩博客系统门户-处理搜索内容为空的情况 开始学习
60、阳光沙滩博客系统门户-重构词云给搜索页面使用 开始学习
61、阳光沙滩博客系统门户-搜索结果页面淘宝广告 开始学习
第四章：登录注册修改密码
前面的完成了，我们做一下跟用户有关的
62、阳光沙滩博客系统门户-创建登录注册找回密码页面 开始学习
63、阳光沙滩博客系统门户-编写门户登录UI 开始学习
64、阳光沙滩博客系统门户-优化验证码的加载体验 开始学习
65、阳光沙滩博客系统门户-编写扫码登录界面 开始学习
66、阳光沙滩博客系统门户-门户登录实现 开始学习
67、阳光沙滩博客系统门户-显示用户登录状态 开始学习
68、阳光沙滩博客系统门户-退出登录功能 开始学习
69、阳光沙滩博客系统门户-跳转管理中心和用户信息界面 开始学习
70、阳光沙滩博客系统门户-处理用户信息和登录提示的刷新闪烁问题 开始学习
71、阳光沙滩博客系统门户-刷新过期的登录二维码 开始学习
72、阳光沙滩博客系统门户-重构后台获取登录二维码代码 开始学习
73、阳光沙滩博客系统门户-处理重新加载登录二维码不显示的问题 开始学习
74、阳光沙滩博客系统门户-处理登录二维码刷新的问题 开始学习
75、阳光沙滩博客系统门户-梳理查询登录结果的处理 开始学习
76、阳光沙滩博客系统门户-查询二维码的登录状态 开始学习
77、阳光沙滩博客系统门户-解决二维码code对不上的问题 开始学习
78、阳光沙滩博客系统门户-测试扫码登录 开始学习
79、阳光沙滩博客系统门户-处理一下检查登录状态的逻辑 开始学习
80、阳光沙滩博客系统门户-添加登录跳转redirect路径 开始学习
81、阳光沙滩博客系统门户-重构后台验证码的key策略 开始学习
82、阳光沙滩博客系统门户-分析注册逻辑 开始学习
83、阳光沙滩博客系统门户-编写注册界面UI 开始学习
84、阳光沙滩博客系统门户-重构门户登录逻辑 开始学习
85、阳光沙滩博客系统门户-发送邮箱验证码需要提交人类验证码 开始学习
86、阳光沙滩博客系统门户-用户注册发送邮箱验证码 开始学习
87、阳光沙滩博客系统门户-用户名校验 开始学习
88、阳光沙滩博客系统门户-实现注册功能 开始学习
89、阳光沙滩博客系统门户-梳理修改密码的流程 开始学习
90、阳光沙滩博客系统门户-编写找回密码UI 开始学习
91、阳光沙滩博客系统门户-添加API检查邮箱验证码是否正确 开始学习
92、阳光沙滩博客系统门户-前端找回密码校验邮箱验证码 开始学习
93、阳光沙滩博客系统门户-找回密码完结 开始学习
第五章：文章详情
正文来了，我们要去写文章详情了，包括loading呀，代码高亮，显示推荐内容等
94、阳光沙滩博客系统门户-跳转到文章详情 开始学习
95、阳光沙滩博客系统门户-获取文章详情内容 开始学习
96、阳光沙滩博客系统门户-文章详情页面挖坑 开始学习
97、阳光沙滩博客系统门户-转换markdown内容成Html 开始学习
98、阳光沙滩博客系统门户-显示文章详情内容 开始学习
99、阳光沙滩博客系统门户-修改管理中心的登录接口 开始学习
100、阳光沙滩博客系统门户-调整文章详情样式 开始学习
101、阳光沙滩博客系统门户-文章详情代码高亮处理 开始学习
102、阳光沙滩博客系统门户-查看原尺寸图片 开始学习
103、阳光沙滩博客系统门户-修改文章原图片窗口样式 开始学习
104、阳光沙滩博客系统门户-文章详情侧栏内容 开始学习
105、阳光沙滩博客系统门户-文章详情侧栏悬浮内容 开始学习
106、阳光沙滩博客系统门户-获取相关文章内容 开始学习
107、阳光沙滩博客系统门户-渲染推荐文章内容 开始学习
108、阳光沙滩博客系统门户-调整推荐文章的样式 开始学习
109、阳光沙滩博客系统门户-计算文章的标题内容 开始学习
110、阳光沙滩博客系统门户-解决后台获取文章详情的bug 开始学习
111、阳光沙滩博客系统门户-让目录盒子悬浮起来 开始学习
112、阳光沙滩博客系统门户-设置目录列表激活状态 开始学习
113、阳光沙滩博客系统门户-处理目录item鼠标悬浮状态 开始学习
114、阳光沙滩博客系统门户-解决目录超长的问题 开始学习
115、阳光沙滩博客系统门户-调整文章详情页面 UI样式 开始学习
116、阳光沙滩博客系统门户-加载文章的评论内容 开始学习
117、阳光沙滩博客系统门户-渲染文章评论内容 开始学习
118、阳光沙滩博客系统门户-调整评论区的样式 开始学习
119、阳光沙滩博客系统门户-处理评论内容为空的case 开始学习
120、阳光沙滩博客系统门户-编写文章评论输入框UI 开始学习
121、阳光沙滩博客系统门户-提交文章评论内容 开始学习
122、阳光沙滩博客系统门户-评论内容置顶渲染 开始学习
123、阳光沙滩博客系统门户-获取更多的评论内容 开始学习
124、阳光沙滩博客系统门户-编写子评论输入框UI 开始学习
125、阳光沙滩博客系统门户-控制每个子评论输入框的显示和隐藏 开始学习
126、阳光沙滩博客系统门户-子评论切换清空数据和添加提示语 开始学习
127、阳光沙滩博客系统门户-提交文章子评论内容 开始学习
128、阳光沙滩博客系统门户-优化子评论用户体验 开始学习
129、阳光沙滩博客系统门户-梳理未完成的功能 开始学习
130、阳光沙滩博客系统门户-使用状态输不同组件传数据 开始学习
131、阳光沙滩博客系统门户-编写关于页面的侧栏 开始学习
132、阳光沙滩博客系统门户-调整关于页面左侧栏的样式 开始学习
133、阳光沙滩博客系统门户-解决关于页面左侧高度问题 开始学习
134、阳光沙滩博客系统门户-处理关于页面左侧的切换动画 开始学习
135、阳光沙滩博客系统门户-编写关于页面右侧内容 开始学习
136、阳光沙滩博客系统门户-处理关于页面的左侧悬浮 开始学习
137、阳光沙滩博客系统门户-处理关于页面窗体变化的问题 开始学习
138、阳光沙滩博客系统门户-处理关于页面左侧联动 开始学习
139、阳光沙滩博客系统门户-处理关于页面右侧联动 开始学习
140、阳光沙滩博客系统门户-解决关于页面联动的bug 开始学习
141、阳光沙滩博客系统门户-处理全局底部的链接跳转 开始学习
142、阳光沙滩博客系统门户-编写回到顶部的功能 开始学习
第六章：用户信息和友情链接
把剩余的功能做完吧
143、阳光沙滩博客系统门户-分析用户数据页面 开始学习
144、阳光沙滩博客系统门户-获取用户信息数据 开始学习
145、阳光沙滩博客系统门户-渲染用户信息 开始学习
146、阳光沙滩博客系统门户-用户信息头像毛玻璃效果 开始学习
147、阳光沙滩博客系统门户-用户详情控制编辑按钮的显示 开始学习
148、阳光沙滩搏克系统门户-显示用户信息编辑框 开始学习
149、阳光沙滩博客系统门户-用户信息更新 开始学习
150、阳光沙滩博客系统门户-修改首页侧栏title颜色 开始学习
151、阳光沙滩博客系统门户-设置首页侧栏的跳转链接 开始学习
152、阳光沙滩博客系统门户-设置页面的网站的SEO信息 开始学习
153、阳光沙滩博客系统门户-文章内容添加加载中的状态 开始学习
