项目介绍
由于业务的庞大,现在越来越多的企业开始使用微服务架构,但是在实际的企业开发中,能够把微服务整套流程都理清楚的少之又少
那么我们不妨站在 项目leader角度上,从产品分析,项目预研,原型设计,架构设计,后端开发,前端开发,从0到1做一款微服务项目
帮助大家真正理解微服务项目的全流程,能够在未来的企业开发中如鱼得水
fim项目(枫枫知道即时通讯微服务项目Fengfeng Instant Messaging)后端部分与前端部分都已完成录制,从0到1打造一个属于你自己的聊天系统
该项目选题新颖,技术栈相对丰富,是面试或go语言开发进阶的不二选择
前后端逻辑相对复杂,是进阶学习的不二选择
手把手教学,从项目搭建到最终的功能实现,一步一步零基础也能学
后端视频个数267个,视频全长 46.2小时,文档总字数 12万字,代码提交记录209次
前端视频个数250个,视频全长38.2小时,文档总字数8万字,代码提交记录220次
该项目有8大服务
用户服务、对话服务、群聊服务、认证服务、系统服务、文件服务、日志服务、网关组成
相关功能包括但不限于:
- 好友搜索,好友申请,好友验证功能
- 安全的文件服务
- 用户实时聊天功能,支持文字、表情、图片、文件,支持好友上线提醒
- 高级用户对话功能,如撤回消息,语音消息,回复消息,用户视频通话功能
- 实时群聊功能,支持用户建群、邀请用户入群、管理员、群禁言、群搜索
- 用户会话列表,好友置顶,群会话列表,群置顶
- 统一日志服务
- 管理员视角,直观了解系统用户使用情况
相关技术栈:
后端:
go-zero,gorm, redis,mysql,kafka, docker-compose
前端:
vue3/ts elementui-plus websocket webRTC
在这个项目中你将会学到
- 系统架构设计,表结构相关设计
- 全链路整合,将会学习到中大型项目的开发流程及开发思路
- 独立开发微服务项目以及独立排查错误的能力
架构图

原型图



前端截图
用户对话

群聊页面

邀请好友入群

用户和群列表

语音消息

视频通话

权限设置

群设置

如何购买
网站底部信息栏有qq和微信,随便选一个联系我就行
课程目录
后端
1.项目介绍-原型介绍.mp4
2.项目架构图讲解.mp4
3.微服务拆分思路.mp4
4.项目目录创建.mp4
5.表结构搭建-用户表.mp4
6.表结构-用户配置表.mp4
7.表结构-好友表.mp4
8.表结构-好友验证表.mp4
9.表结构-对话表.mp4
10.表结构-对话表-消息类型.mp4
11.表结构-群组表.mp4
12.表结构-群成员表.mp4
13.表结构-群验证表.mp4
14.表结构-群聊消息表.mp4
15.表结构-生成表结构的前期准备工作.mp4
16.连接gorm,表结构创建.mp4
17.models名字修改.mp4
18.认证服务-api搭建.mp4
19.认证服务-api跑通.mp4
20.认证服务-api的两个问题优化.mp4
21.go-zero指定模板.mp4
22.关于api文档.mp4
23.go-zero日志配置.mp4
24.密码处理.mp4
25.jwt知识点讲解.mp4
26.认证服务-用户登录.mp4
27.认证服务-注销.mp4
28.认证服务-认证接口.mp4
29.认证服务-第三方登录信息接口.mp4
30.认证服务-qq登录.mp4
31.认证服务-如何测试qq登录.mp4
32.用户服务-rpc服务创建.mp4
33.认证服务和用户服务调用流程.mp4
34.第三方登录的相关优化.mp4
35.网关介绍.mp4
36.网关简单版本编写.mp4
37.etcd基本操作.mp4
38.获取本机ip.mp4
39.网关的服务发现功能.mp4
40.网关转发请求到认证服务.mp4
41.认证服务白名单功能.mp4
42.网关转发获取不到请求体问题解决.mp4
43.注销逻辑修改.mp4
44.网关日志+网关优化.mp4
45.网关传递登录用户信息.mp4
46.用户api服务创建.mp4
47.通过go-zero源码分析-修改本机ip的获取方法.mp4
48.用户信息-第一部分.mp4
49.用户信息-第二部分.mp4
50.反射-结构体转maps.mp4
51.用户信息修改.mp4
52.方法编写-把map映射到结构体上.mp4
53.好友信息查询.mp4
54.关于好友备注的表结构修改.mp4
55.图片上传服务.mp4
56.图片预览.mp4
57.认证服务白名单支持正则表达式.mp4
58.文件服务-图片大小限制.mp4
59.文件服务-图片白名单.mp4
60.文件服务-文件重名操作-文件hash判断.mp4
61.文件服务-重命名的修改策略.mp4
62.文件服务-imageType判断.mp4
63.系统服务-第三方登录信息.mp4
64.apifox保存token.mp4
65.使用goland批量运行服务.mp4
66.用户服务-我的好友列表.mp4
67.分页查询.mp4
68.封装通用列表查询.mp4
69.修改好友备注.mp4
70.好友搜索接口-1.mp4
71.好友搜索的sql查询.mp4
72.好友搜索的sql查询2.mp4
73.好友搜索-判断是否是好友.mp4
74.好友验证问题.mp4
75.添加好友接口.mp4
76.添加好友的api测试.mp4
77.好友验证的逻辑修改.mp4
78.好友验证列表接口.mp4
79.好友验证状态操作.mp4
80.好友验证状态优化.mp4
81.用户服务-删除好友.mp4
82.对话服务-api生成.mp4
83.对话服务-聊天记录接口框架完成.mp4
84.用户rpc服务-根据用户id列表获取用户信息.mp4
85.聊天记录完成.mp4
86.最近会话列表-sql编写.mp4
87.使用gorm实现最近会话列表查询.mp4
88.listquery实现子查询功能.mp4
89.最近会话列表-完成.mp4
90.对话服务-创建用户对话rpc.mp4
91.对话服务-创建用户对话.mp4
92.消息预览msgPreview.mp4
93.msgPreview的查询问题修改.mp4
94.会话-用户消息置顶.mp4
95.置顶状态查不到问题解决.mp4
96.用户会话置顶.mp4
97.用户服务-判断用户是否是好友.mp4
98.聊天记录问题修改.mp4
99.用户逻辑删除聊天记录.mp4
100.会话列表+删除聊天记录.mp4
101.对话服务-删除聊天记录.mp4
102.对话服务-go-zero中使用ws.mp4
103.http反向代理demo讲解.mp4
104.网关优化.mp4
105.网关优化-ws的认证问题.mp4
106.对话服务-用户对话-记录用户信息.mp4
107.用户信息获取细分.mp4
108.用户rpc服务-获取好友列表.mp4
109.好友上线功能.mp4
110.好友上线功能完善.mp4
111.好友在线状态获取.mp4
112.对话服务-用户对话逻辑编写.mp4
113.对话服务-是否是好友判断.mp4
114.对话服务-支持自己与自己对话.mp4
115.用户置顶删除的bug解决.mp4
116.封装响应1.mp4
117.消息响应封装.mp4
118.消息入库.mp4
119.文件上传相关1.mp4
120.文件上传相关2.mp4
121.文件服务-表结构搭建.mp4
122.增加文件上传uuid.mp4
123.文件预览新招式.mp4
124.文件上传优化及文件预览白名单.mp4
125.文件上传的bug修改.mp4
126.文件上传部分完成.mp4
127.文件服务增加rpc服务.mp4
128.用户对话-文件上传获取文件信息.mp4
129.用户对话-发送逻辑问题.mp4
130.撤回消息功能1.mp4
131.撤回消息功能2.mp4
132.消息发送的错误问题,重复问题,收不到自己发的问题.mp4
133.自己给自己发消息-消息不全问题解决.mp4
134.消息发送用户信息显示不全问题解决.mp4
135.消息id回传.mp4
136.isMe逻辑.mp4
137.回复消息.mp4
138.回复消息的安全性问题.mp4
139.撤回消息的消息预览修改.mp4
140.撤回消息的原消息问题.mp4
141.查聊天记录不携带撤回消息的源消息.mp4
142.引用消息+撤回消息不能回复和引用.mp4
143.redis缓存用户基本信息.mp4
144.支持一个用户连接多个ws客户端.mp4
145.对话服务-用户退出聊天问题解决.mp4
146.群服务-创建群逻辑分析.mp4
147.群聊创建-api编写.mp4
148.群聊创建-api编写2.mp4
149.群关联用户创建.mp4
150.选人创建群聊验证好友关系.mp4
151.群信息接口.mp4
152.群信息接口接口测试.mp4
153.群信息-群在线人数获取.mp4
154.用户是否是群成员.mp4
155.群信息更新.mp4
156.群信息更新测试.mp4
157.群解散.mp4
158.群信息中返回用户群角色.mp4
159.群成员列表接口定义.mp4
160.群成员列表查询-使用通用查询.mp4
161.群成员列表查询-联查用户信息,用户在线状态.mp4
162.群成员列表查询-支持排序.mp4
163.群成员移出群聊.mp4
164.邀请群成员.mp4
165.修改群成员昵称.mp4
166.修改群成员角色.mp4
167.我的好友哪些在这个群里面-接口定义.mp4
168.我的好友哪些在这个群里面.mp4
169.我的好友列表方法修改.mp4
170.群搜索1.mp4
171.群搜索接口.mp4
172.群验证接口.mp4
173.用户加群1.mp4
174.用户加群2.mp4
175.群验证列表1.mp4
176.群验证列表2.mp4
177.好友验证列表增加时间字段.mp4
178.群验证状态变更接口.mp4
179.群验证列表问题修改.mp4
180.用户退出群聊.mp4
181.群信息显示全员禁言和用户是否被禁言.mp4
182.设置用户禁言.mp4
183.群聊聊天记录.mp4
184.群聊天记录+聊天记录删除查询.mp4
185.群会话列表.mp4
186.聊天记录删除.mp4
187.群会话列表-sql查询编写.mp4
188.用户置顶群聊表结构搭建+sql查询讲解.mp4
189.用户置顶的群聊会话列表查询.mp4
190.群置顶和取消置顶.mp4
191.我创建的群聊,我加入的群聊.mp4
192.用户群聊ws创建.mp4
193.用户群聊核心部分.mp4
194.群聊入参解析.mp4
195.聊天记录增加isMe字段.mp4
196.群聊响应封装.mp4
197.群聊消息入库.mp4
198.群聊ws-api测试.mp4
199.群聊isMe bug解决.mp4
200. 群聊消息撤回-普通用户自己撤自己的消息.mp4
201.群聊消息撤回.mp4
202.群消息撤回bug解决.mp4
203.群聊天记录查不到的问题解决.mp4
204.群聊天记录返回用户群昵称.mp4
205.群聊消息表新增群成员id.mp4
206.群消息表增加群好友id完成.mp4
207.群聊-回复消息和引用消息.mp4
208.群聊禁言逻辑.mp4
209.禁言时间动态更新.mp4
210.kafka的介绍和环境安装.mp4
211.go-zero接入kafka.mp4
212.日志表结构搭建.mp4
213.api层传递客户端ip到logic.mp4
214.rpc层传递客户端ip到logic.mp4
215.rpc客户端拦截器.mp4
216.rpc客户端和服务端拦截器封装.mp4
217.快速修改请求的contex.Backgroud.mp4
218.logs操作日志编写.mp4
219.logs操作日志编写2.mp4
220.操作日志封装1.mp4
221.操作日志第二次封装.mp4
222.操作日志三次封装.mp4
223.操作日志item实现级别显示.mp4
224.操作日志写入http请求数据.mp4
225.setRequest操作优化.mp4
226.操作日志setResponse封装.mp4
227.操作日志setResponse问题解决.mp4
228.运行日志1.mp4
229.运行日志查询加锁问题.mp4
230.运行日志调用保存优化.mp4
231.通过ip获取归属地.mp4
232.日志列表-中间件鉴权.mp4
233.日志列表,读取,删除接口开发.mp4
234.日志三接口测试.mp4
235.用户服务-后台三接口创建.mp4
236.用户列表接口1.mp4
237.用户列表-群聊查询用户建群个数,加群个数.mp4
238.用户列表-查询用户发送消息个数.mp4
239.限制用户接口.mp4
240.限制用户对话.mp4
241.限制用户加人,建群,进群.mp4
242.放弃用户删除.mp4
243.群管理api编写.mp4
244.群列表1.mp4
245.群聊列表-修改模糊查询bug.mp4
246.群聊消息列表.mp4
247.群聊消息删除.mp4
248.群删除.mp4
249.对话服务管理api接口编写.mp4
250.用户聊天记录,用户会话列表接口.mp4
251.用户会话和用户聊天记录api测试.mp4
252.用户对话删除.mp4
253.文件服务-文件列表.mp4
254.文件服务-文件删除.mp4
255.系统服务-表结构搭建.mp4
256.系统服务-获取系统配置.mp4
257.系统配置更新.mp4
258.系统配置rpc方法.mp4
259.系统配置rpc方法接口测试.mp4
260.系统配置服务合并第三方登陆信息接口.mp4
261.webrtc demo演示.mp4
262.webrtc demo讲解.mp4
263.视频通话1.mp4
264.视频通话2.mp4
265.视频通话3.mp4
266.项目部署-dockerfile编写.mp4
267.使用docker-compose进行项目部署.mp4
268.联调问题-后端部署之后改了怎么办.mp4
269.联调问题-好友验证列表和好友验证操作问题.mp4
270.联调问题-好友验证列表逻辑删除查询修改.mp4
271.联调问题-群验证列表查询问题.mp4
272.联调问题-群验证状态修改问题.mp4
273.联调问题-群成员列表和群资料问题修改.mp4
274.联调问题-删除群成员外键约束问题.mp4
275.联调问题-群成员列表最新消息时间查询不正常问题.mp4
276.联调问题-选人创建把自己选中导致群成员有两个自己的问题.mp4
277.联调问题-群聊记录返回群id.mp4
278.联调问题,用户详情接口,不能查自己的问题.mp4
279.联调问题-用户会话列表返回用户在线状态.mp4
280.联调问题,删除用户对话传空列表会删全部.mp4
281.联调问题-删除好友,会话列表查询优化.mp4
282.联调问题-群成员列表返回是否是我好友.mp4
283.联调问题-好友验证列表查询问题.mp4
284.联调问题-群成员列表返回用户禁言时间.mp4
285.联调问题-全员禁言判断逻辑.mp4
286.联调问题-消息校验.mp4
287.联调问题-好友上线提醒.mp4
288.联调问题-群对话获取文件信息.mp4
289.联调问题-图文消息.mp4
290.联调问题-消息记录返回预览内容.mp4
291.联调问题-回复消息增加消息预览字段.mp4
292.联调问题-消息显示时间.mp4
293.联调问题-发信息报错问题.mp4
294.联调问题-群聊会话最新消息查询错误.mp4
295.fim部署.mp4
296.https配置.mp4
前端
1.fim_web课程介绍.mp4
2.前端开发流程介绍.mp4
3.前端项目创建和引入elementuiplus.mp4
4.路由结构搭建.mp4
5.基本页面结构搭建.mp4
6.element图标引入.mp4
7.点击菜单跳转.mp4
8.iconfont的使用.mp4
9.iconfont彩色图标引入.mp4
10.登陆页面样式搭建.mp4
11.仿qq炫彩页面效果.mp4
12.el-inpu显示图标.mp4
13.axios封装.mp4
14.环境变量.mp4
15.vite代理.mp4
16.登陆接口对接.mp4
17.用户信息存储至pinia.mp4
18.登陆信息持久化.mp4
19.el表单验证.mp4
20.获取登陆用户信息.mp4
21.路由前置导航守卫校验是否登陆.mp4
22.登陆回跳至原地址.mp4
23.qq登陆配置信息显示.mp4
24.qq登陆.mp4
25.个人信息页面结构搭建.mp4
26.我的信息数据展示.mp4
27.修改用户昵称.mp4
28.修改用户简介.mp4
29.修改昵称和修改简介代码优化.mp4
30.刷新空值问题解决.mp4
31.ts类型错误解决.mp4
32.用户基本设置.mp4
33.用户安全设置.mp4
34.撤回消息设置.mp4
35.用户权限设置1.mp4
36.用户权限设置2.mp4
37.图片上传.mp4
38.图片裁剪插件接入.mp4
39.用户头像更新.mp4
40.联系人页面搭建.mp4
41.联系人页面搭建.mp4
42.我的好友页面布局.mp4
43.我的好友列表.mp4
44.我加入的群聊.mp4
45.我加入的群聊-接口对接.mp4
46.我创建的群聊.mp4
47.主题切换.mp4
48.css变量定义.mp4
49.welcome页面编写.mp4
50.侧边栏组件拆分.mp4
51.用户详情页面搭建1.mp4
52.用户详情页面搭建2.mp4
53.用户详情数据展示.mp4
54.搜索页面-父页面搭建.mp4
55.搜索页面数据传递.mp4
56.搜索-找人页面.mp4
57.找人页面-数据查询.mp4
58.加好友模态框样式编写.mp4
59.加好友验证弹框组件拆分.mp4
60.加好友验证页面编写.mp4
61.加好友验证问题页面.mp4
62.用户加好友.mp4
63.群搜索页面.mp4
64.用户注销.mp4
65.加群模态框复用.mp4
66.用户加群模态框显示.mp4
67.用户加群完成.mp4
68.控制台警告解决.mp4
69.好友验证列表样式编写.mp4
70.好友验证列表页面编写.mp4
71.用户验证状态变更.mp4
72.用户验证状态bug优化.mp4
73.用户验证记录删除功能.mp4
74.验证详情页面编写.mp4
75.验证详情数据展示.mp4
76.群验证列表.mp4
77.封装验证详情组件.mp4
78.验证详情组件2.mp4
79.ts类型问题统一解决.mp4
80.修改好友备注.mp4
81.群详情页面.mp4
82.群详情展示.mp4
83.创建群页面编写.mp4
84.直接创建群完成.mp4
85.群名称校验.mp4
86.选人创建群聊完成.mp4
87.会话页面父子路由搭建.mp4
88.群信息-父子路由搭建.mp4
89.请求企群资料.mp4
90.群资料界面编写.mp4
91.群标题,群简介修改.mp4
92.群头像修改.mp4
93.群成员列表-接口对接.mp4
94.群成员页面数据展示-待后端接口修改.mp4
95.使用dayjs处理时间.mp4
96.群设置页面搭建.mp4
97.群设置更新.mp4
98.群验证信息更新.mp4
99.群设置相关bug解决.mp4
100.解散群聊和群权限问题.mp4
101.组件路由导航守卫应用.mp4
102.用户退出群聊.mp4
103.群成员列表-数据展示.mp4
104.群成员列表-用户角色更新.mp4
105.群成员移出群聊.mp4
106.修改群成员备注-权限判断.mp4
107.修改群备注.mp4
108.跳转群设置和群对话.mp4
109.会话列表页面编写.mp4
110.会话列表排序.mp4
111.会话置顶效果,点击会话跳转功能.mp4
112.会话选中效果.mp4
113.用户对话-路由结构修改.mp4
114.用户对话页面请求用户数据.mp4
115.用户对话页面编写.mp4
116.fim_msg组件基本结构搭建.mp4
117.聊天框尖嘴效果.mp4
118.msg组件编写.mp4
119.消息isMe处理.mp4
120.chat相关的路由跳转.mp4
121.ws接入.mp4
122.ws发送消息.mp4
123.控制滚动条滚动.mp4
124.群聊页面搭建1.mp4
125.群聊页面-群成员部分样式搭建.mp4
126.群聊对话部分样式编写.mp4
127.群聊对话页面编写.mp4
128.群聊页面-群成员列表.mp4
129.群聊天记录展示.mp4
130.群聊ws接入.mp4
131.群聊-文本聊天功能接入.mp4
132.群聊-邀请好友入群-静态页面编写.mp4
133.群聊-邀请好友入群.mp4
134.邀请好友入群-逻辑部分.mp4
135.好友在线状态.mp4
136.群成员搜索.mp4
137.消息选择-显示消息复选框.mp4
138.消息选择-消息操作.mp4
139.消息取消选择.mp4
140.用户对话消息删除.mp4
141.消息组件样式优化.mp4
142.事件通知功能.mp4
143.事件通知组件.mp4
144.事件通知组件优化.mp4
145.pinia的类型编写以及拆分.mp4
146.删除好友操作.mp4
147.通过函数创建组件.mp4
148.会话置顶-样式部分调整.mp4
149.用户置顶和群聊置顶.mp4
150.好友验证列表优化.mp4
151.群聊设置更新优化.mp4
152.关于项目字体的一些操作.mp4
153.欢迎页面美化.mp4
154.会话-用户详情页面.mp4
155.用户详情接口-缓存功能.mp4
156.公共缓存请求函数.mp4
157.公共缓存函数,超时时间设置.mp4
158.好友备注组件.mp4
159.好友备注组件优化.mp4
160.公共缓存组件-缓存不同入参的记录.mp4
161.公共缓存函数换了个位置.mp4
162.群成员列表-使用添加好友组件方法.mp4
163.群禁言配置.mp4
164.群数据动态更新.mp4
165.群成员禁言设置.mp4
166.群成员组件拆分思路和流程.mp4
167.群聊消息选择.mp4
168.fim_msg_list组件封装1.mp4
169.消息列表组件封装.mp4
170.消息列表组件ts类型编写.mp4
171.删除消息仍能看到消息的问题解决.mp4
172.对话-图片上传功能.mp4
173.对话-选择图片出现预览.mp4
174.对话-发图片消息.mp4
175.对话-图片消息展示.mp4
176.ts类型编写.mp4
177.图片上传组件拆分.mp4
178.文件上传功能.mp4
179.文件上传-显示文件图标功能.mp4
180.keyof typeof.mp4
181.文件消息预览.mp4
182.前端文件下载.mp4
183.视频消息发送和预览.mp4
184.粘贴上传图片.mp4
185.粘贴上传图片优化.mp4
186.是否是图文消息判断.mp4
187.图文消息预览.mp4
188.表情-unicode表情.mp4
189.表情-插入unicode表情.mp4
190.消息iconfont发送.mp4
191.表情消息-表情包展示.mp4
192.表情包消息发送.mp4
193.消息预览设置表情包大小.mp4
194.粘贴上传的图片实现消息预览.mp4
195.消息组件拆分.mp4
196.群聊使用表情组件.mp4
197.录音消息-核心逻辑.mp4
198.录音消息弹框编写.mp4
199.录音消息发送.mp4
200.录音消息预览.mp4
201.语音消息预览美化.mp4
202.消息组件封装优化.mp4
203.iconfont图标一样问题解决.mp4
204.视频通话-界面搭建1.mp4
205.视频通话-界面搭建2.mp4
206.接收方视频通话页面.mp4
207.视频通话联调1.mp4
208.视频通话联调2.mp4
209.视频通话核心逻辑对接.mp4
210.视频通话显示我方和对方视频.mp4
211.视频通话挂断.mp4
212.视频通话挂断bug解决.mp4
213.视频通话消息数据显示问题.mp4
214.视频通话消息展示.mp4
215.视频通话时长计算.mp4
216.消息挂断方的判断-很小的bug.mp4
217.自己给自己发消息,显示在右边.mp4
218.发起者联通之前挂断.mp4
219.接收方挂断.mp4
220.静音自动播放问题.mp4
221.消息复制.mp4
222.消息回复功能.mp4
223.回复消息发送.mp4
224.回复消息展示.mp4
225.回复消息的退格删除.mp4
226.回复消息-点击消息跳转.mp4
227.回复消息-对方样式优化.mp4
228.加载更多消息.mp4
229.消息是否显示时间-后端修改.mp4
230.消息时间显示.mp4
231.按下鼠标中键显示消息时间.mp4
232.撤回消息-功能实现.mp4
233.撤回消息展示.mp4
234.撤回消息完成.mp4
235.消息删除.mp4
236.登录之后没有连ws问题解决.mp4
237.消息过长报错解决.mp4
238.群消息发送有标签问题.mp4
239.回复消息的一些问题.mp4
240.群聊消息加载更多和时间展示.mp4
241.ts类型问题.mp4
242.消息发送封装.mp4
243.消息发送封装2.mp4
244.消息发送封装3.mp4
245.群成员禁言问题修改.mp4
246.一些bug集锦.mp4
247.会话选中效果失效问题.mp4
248.ts类型问题解决.mp4
249.fim后台系统课程介绍.mp4
250.用户登陆.mp4
251.用户列表.mp4
252.用户限制完成.mp4
253.群聊列表.mp4
254.消息列表.mp4
255.消息预览.mp4
256.文件消息预览.mp4
257.语音消息预览.mp4
258.视频消息预览.mp4
259.群列表跳转群消息.mp4
260.对话列表.mp4
261.用户列表跳转对话列表.mp4
262.对话列表搜索.mp4
263.文件列表.mp4
264.图片预览.mp4
265.视频播放器的一些问题解决.mp4
266.系统配置页面.mp4
267.系统配置显示.mp4
268.系统配置完成.mp4
269.图片上传组件.mp4
270.日志列表.mp4
271.日志读取.mp4
272.日志详情显示.mp4
273.json美化显示.mp4