学习前端JavaScript、H5、CSS3常用基础知识点，并进入纯前端仿微信聊天界面项目实战开发

1. 1. 快速学习前端开发必备基础技能(HTML+CSS+JS基础扫盲)；
2. 2. 完成前端开发环境准备，安装nvm、nodejs、live-server等开发工具;
3. 3. 学习前端工程化项目目录结构搭建，完成通用样式和字体图标初始化;
4. 4. 学习Flex布局基础与案例实践，掌握现代CSS布局技术;
5. 5. 实现即时聊天界面布局，包括导航菜单、联系人列表、消息展示区域等核心模块;
6. 6. 学习基于JS原型链定义控制类，实现窗口最大化、关闭、拖动及导航栏弹出菜单等交互功能;

从0开始以回调方式封装Ajax请求库,并了解基于任务队列的处理方式来解决异步回调地狱问题，最后转到基于Promise/async/await来实现Ajax请求库的封装,同时完成纯前端仿微信聊天界面项目

1. 1. 学习Ajax请求封装，掌握Promise、async-await异步编程，解决回调地狱问题;
2. 2. 实现联系人与会话基础能力：联系人列表展示、激活联系人、聊天消息及历史消息展示；
3. 3. 实现聊天与联系人列表交互：消息的发送、搜索与防抖、联系人右键菜单、删除与置顶;
4. 4. 实现敏感词过滤：以插件可插拔方式设计与实现敏感词过滤能力，支持灵活接入与替换；

学习前端项目通用开发流程、通用开发框架的搭建、i18n国际化库的使用、手写国际化库、axios库源码阅读并封装Ajax请求库

1. 1. 完成前端技术选型，创建项目并规划目录结构，安装依赖并完成Vite选项配置；
2. 2. 完成前端项目基础能力建设：引入全局样式变量与字体图标，打通前端系统配置文件读取；
3. 3. 搭建国际化能力与全局变量体系：基于`vue-i18n`实现国际化，并补充手写语言包工具库、全局变量绑定与ElementPlus国际化支持；
4. 4. 封装Ajax请求库（设计与实现）：理解封装动机，实现`Ajax.request`请求方法与基于Axios的拦截器机制；
5. 5. 完善请求层能力（落地与进阶）：实现支持RESTful API调用的工具方法，完成功能验证，并对错误提示进行统一封装处理；
6. 6. 源码与收尾：阅读Axios源码建立底层认知，完成章节结束与知识点回顾;

学习Vue-Router、KeepAlive的使用与封装，全局组件的注册、可插拔业务模块逻辑处理、登录界面与导航菜单的布局与交互。

1. 1. 定义基础模块路由结构，搭建前端UI工程骨架;
2. 2. 实现登录界面基础结构与样式修饰，完成登录前后端连调并用hooks方式优化调用;
3. 3. 连调获取系统配置与登录者信息，引入Vite插件实现数据Mock并用环境变量控制启用;
4. 4. 设计并落地可插拔业务模块机制：模块初始化、路由定制与语言包定制;
5. 5. 完成全局组件注册，并基于RouterView与KeepAlive实现组件缓存与页面体验优化;
6. 6. 通过路由前置守卫检测用户登录状态，完善访问控制与跳转逻辑;
7. 7. 实现系统导航菜单：准备工作、静态布局、基于路由动态生成菜单与折叠菜单交互;

基于ElementPlus实现通用表单组件、图标组件、快速/高级查询组件、抽屉组件的封装,开关、loading对应hooks的封装、日期格式化及浏览器端操作excel工具方法的定义。

1. 1. 完成主页顶部工具条与顶部搜索组件的UI布局，并补充样式细节；
2. 2. 实现顶部搜索组件完整交互：历史记录、搜索结果展示与点击、分类切换、鼠标按键选择、清空等；
3. 3. 梳理通用表格组件的功能点与封装边界，明确后续组件拆分与复用方向；
4. 4. 创建角色列表页并调整路由后置守卫，支持模块标题等页面信息联动；
5. 5. 封装通用基础组件：图标按钮、通用面板，沉淀页面搭建的基础积木；
6. 6. 封装通用表单组件（基于JSON数组动态生成），并完善高级查询能力；
7. 7. 封装通用查询抽屉组件及开关hooks：简单查询（Teleport整合高级查询）、通用抽屉（defineModel双向绑定）、useSwitch hooks的定义；
8. 8. 完善工具与状态能力：日期格式化、Excel导入导出、useLoading重构，并基于useLoading完成角色列表API调用打通链路；

基于ElementPlus表格组件实现带自动生成添加修改表单以及以及快速/高级搜索表单的基础表格封装, 一键换肤的实现、Ajax请求库的重构

1. 1. 封装基础表格组件的核心骨架：基础属性、初始化变量、顶部操作按钮、搜索区域布局与交互；
2. 2. 实现表格列配置与列内操作的动态生成，并完善分页能力；
3. 3. 通过阶段性用例展示验证组件可用性与扩展性，沉淀最佳实践；
4. 4. 实现表格内动态生成编辑表单，打通“表格-表单”的一体化编辑体验；
5. 5. 集成Excel能力到表格：本地导出与本地导入流程落地；
6. 6. 完善表格工程化能力：批量删除、自定义加载与暂无数据提示、组件失焦自动卸载数据；
7. 7. 完成系统级体验能力：国际化交互落地与一键换肤（主题切换）实现；
8. 8. 完成工程与组件迭代：Vue3版本升级改造、Ajax请求库重构、从BaseGrid提取Tbar组件；

针对角色、权限分类、权限、部门模块管理实现前后端连调

1. 1. 了解本章目标与整体连调节奏，进入通用业务模块的前后端联调开发；
2. 2. 角色管理联调：了解Swagger API文档，定义前端API方法，完成角色CRUD与名称唯一性检测；
3. 3. 角色授权联调：完成授权流程，处理权限树节点未自动选中的问题；
4. 4. 路由与标签页联动：实现路由与RouteTab（标签页）组件的双向绑定；
5. 5. 权限分类联调：定义API调用，完成权限分类管理CRUD；
6. 6. 权限管理联调：理解Casbin/RBAC思路与UI字段关联，完成权限项CRUD、表格排序联调与唯一性检测；
7. 7. 部门管理联调：定义前端调用API方法，完成部门CRUD连调；

用户管理、RSA加密控制、权限控制、字典、日志模块管理实现前后端联调。

1. 1. 用户管理联调：完成基础结构、列表/删除联调、表头与表单UI、字段校验与自定义校验规则（含唯一性校验封装）；
2. 2. 用户管理完善：完成新增/编辑用户联调，重构BaseGrid/BaseForm以支持跨组件透传插槽内容；
3. 3. 账号体系功能：实现修改头像、重置密码、RSA公钥加密传输登录密码、修改密码与退出登录；
4. 4. 测试与修复：修复测试过程中发现的BUG，提升稳定性；
5. 5. 权限管控落地：演示权限管控，梳理实现思路，定义权限控制器与各模块权限项，实现自定义`v-perm`/`v-focus`指令与UI元素权限管控，并扩散到各模块（含RouteTab组件封装）；
6. 6. 字典模块联调：完成字典模块CRUD实现；
7. 7. 日志模块联调：完成日志列表展示与日志导出；
8. 8. 收尾与迭代：修复路由缓存相关Bug，预告后续业务模块开发内容；

学习通过Websocket实现消息推送的处理，在Vue3环境下整合第一阶段中完成的即时聊天界面到系统中，完成即时聊天业务的开发

1. 1. 梳理已有静态IM-UI代码结构，明确模块划分与关键交互点；
2. 2. 将静态IM-UI整合进系统工程，完成基础页面接入与资源组织；
3. 3. 完成全局交互适配：body点击事件的注册与卸载、提示信息处理、主题切换适配；
4. 4. 实现联系人列表展示，并完成联系人右键菜单的前后端连调；
5. 5. 实现激活联系人流程，打通会话切换与当前会话状态管理；
6. 6. 完成表情图标展示与插入能力，并实现消息发送的前后端连调；
7. 7. 完成消息列表展示与历史消息加载，保证滚动与渲染体验；
8. 8. 接入WebSocket推送消息处理，打通实时消息链路；
9. 9. 完成新消息声音提示与未读消息红点展示控制，完善消息提醒体系；

学习业务系统初始化的实现, 完成: 会员、红娘、实名认证、牵线申请审批流程、内容审核、投诉等业务模块的前端开发

1. 1. 完善社交交友系统PC管理前端可插拔插件模块的业务初始化;
2. 2. 对业务模块的前端: 国际化、权限控制、菜单、路由定义等基础功能进行适配;
3. 3. 实现社交主页的布局及前后端连调;
4. 4. 基于ElementPlus抽屉组件封装通用详情抽屉组件, 并在会员、牵线、实名认证、动态、投诉等各业务场景使用;
5. 5. 完成: 会员、红娘、实名认证、牵线流程、内容审核、投诉等业务模块的前后端连调;

学习Golang开发中基础环境的搭建, 包、变量/常量、流程控制、函数、数组、切片、Map、结构体、指针及错误处理相关知识。

1. 1. 完成Golang开发环境搭建与后端项目创建，了解包的概念与工程组织方式；
2. 2. 掌握Go基础语法：变量/常量与type关键字、流程控制（if/for/switch/case）、函数定义与使用；
3. 3. 掌握常用数据结构：数组与切片、Map映射的使用；
4. 4. 掌握结构体与指针的核心用法，并理解var/new/make的区别与适用场景；
5. 5. 掌握错误处理与接口定义，建立面向抽象的设计习惯；
6. 6. 了解反射的基本概念与典型应用场景，为后续框架使用做铺垫；
7. 7. 深入并发基础：协程、通道、锁、WaitGroup等并发原语的使用与组合；
8. 8. Context上下文：理解Context的作用、传递方式与取消/超时等核心能力；

熟悉go-web开发流程及gin、gorm框架的使用

1. 1. 基于http包开发简单Web Server，掌握基础路由与请求处理流程；
2. 2. Gin入门与实战：常用API、数据绑定与校验、静态文件服务与中间件的具体使用；
3. 3. MySQL安装与配置，并了解Gorm基础概念与使用方式；
4. 4. 使用Gorm完成基础CRUD实现，并理解关联关系建模与查询；
5. 5. 完成本章收尾与回顾，整理后端起航阶段的核心知识点与后续学习路径

学习后端通用系统的核心功能模块开发，从项目结构设计到数据操作，再到API文档管理以及MVC开发流程的实现，为学习者提供全面的系统构建指南。

1. 1. 创建后端项目, 规划后端目录结构，理解MVC模式，并建立Controller/Service/Dao分层的职责边界；
2. 2. 使用Viper实现配置文件读取，完成Zap日志组件初始化、Redis初始化与Gorm初始化，搭建基础设施层；
3. 3. 初始化Gin并定义路由结构，实现WebServer启动与优雅停止（含通过信号量控制停止）；
4. 4. 搭建Controller层通用能力：通用响应数据结构、通用API封装、指针使用规范与整体定义流程；
5. 5. 引入Go代码热更新插件提升开发效率，并接入Swagger文档管理工具完善接口文档体系；
6. 6. 以角色模块为例打通MVC全链路：定义Model、明确DTO作用与字段、设置DTO通用字段值，封装文字简拼工具方法；
7. 7. 规划API错误码分类，并以角色模块实现新增/编辑/删除/详情/列表分页等完整CRUD能力；
8. 8. 抽象通用能力：封装“判断指定表字段值是否重复”的通用方法，复用到业务校验场景；
9. 9. 进阶查询能力：基于反射根据DTO对象动态构建查询条件，并基于SortDTO动态构建排序条件；
10. 10. 实现后端跨域支持，确保前后端联调环境可用；

聚焦于Go语言泛型编程的核心应用，涵盖泛型结构体、函数的设计与重构，以及基于泛型实现基本的CRUD操作、唯一性检测、DTO/VO数据处理等通用功能模块，同时通过字典管理模块实践泛型方法的实际开发流程。

1. 1. 泛型基础与工程化落地：掌握泛型基础、自定义泛型约束与接收器，并通过重构Dao层示例建立抽象能力；
2. 2. 基于泛型实现通用CRUD能力：实现添加、删除、批量删除、修改、获取详情与列表等基础能力；
3. 3. 唯一性检测体系：在Service层结合泛型与反射实现唯一性检测，并在Controller层补齐记录唯一性检测能力；
4. 4. DTO/VO扩展能力：在Controller层支持前置自定义DTO输入与后置自定义VO输出，满足不同业务展示与入参需求；
5. 5. 字典管理模块：基于泛型方法实现CRUD，完善唯一性检测（含多字段关联查询），并解决包循环引用问题；
6. 6. 一键生成MVC代码：了解一键生成MVC流程代码的思路与产物形态，生成ZIP包并完成基础验证；
7. 7. 一键生成MVC代码落地：一键生成MVC流程代码项目文件，打通“生成-运行-迭代”链路；

围绕RBAC权限模型，深入讲解权限分类与树形结构，集成Casbin策略引擎，实现完整用户管理模块（角色绑定、JWT 鉴权、个人信息维护、文件上传、评论管理等),最终形成一套完整的后台管理系统核心机制。

1. 1. 权限分类与权限管理：完成权限分类CRUD、权限CRUD与关联记录预加载，完善删除/修改父级/树节点获取、排序值修改等能力；
2. 2. RBAC与Casbin权限控制：理解RBAC与Casbin模型，完成策略定义、Casbin初始化与自定义匹配函数，实现角色授权与数据同步（含删除/变更同步Casbin规则表）；
3. 3. 权限批量导入与中间件管控：实现权限分类/权限记录批量导入，并通过中间件实现接口权限管制；
4. 4. 系统管理与部门管理：实现系统配置信息获取与部门管理相关接口；
5. 5. 用户管理基础能力：生成用户管理基础结构，封装RSA加解密处理器与bcrypt加密，完成自定义DTO字段校验器；
6. 6. 用户与角色绑定：实现给用户绑定角色、新增/编辑用户时绑定角色，支持修改状态与重置密码；
7. 7. 文件上传与头像变更：封装文件上传能力，实现修改用户头像，并支持获取/删除用户头像文件；
8. 8. 登录与鉴权体系：理解Session与JWT方案，实现基于JWT的登录、鉴权需求与鉴权中间件，支持Postman自动设置Token头，并封装Token生成与解析；
9. 9. 个人中心与会话：实现获取当前登录者信息、设置个人环境信息、修改登录者密码与退出登录；
10. 10. 评论与附件：实现评论管理CRUD，处理删评论关联删除附件，并通过接口解决包循环依赖；
11. 11. 审计日志：了解日志记录方案，实现日志管理CRUD与审计日志中间件；

学习项目中即时聊天相关功能的开发, 包括: 消息发送、WebSocket实时推送、消息列表查询、未读状态管理、联系人操作等功能的实现

1. 1. 进入即时消息后端模块开发，梳理IM后端RESTful API的整体结构与数据流；
2. 2. 实现发送消息接口：完成参数校验、消息落库与基础业务规则处理；
3. 3. 实现WebSocket消息推送：建立连接管理、消息分发与推送回执等实时链路能力；
4. 4. 实现指定联系人消息列表接口：支持分页/排序等查询能力，满足前端会话渲染需求；
5. 5. 实现未读消息数获取与消息已读设置：打通未读统计、已读更新与状态一致性；
6. 6. 实现联系人列表获取接口：返回联系人基础信息与会话相关展示数据；
7. 7. 实现删除联系人接口：处理关联数据与边界场景，保证数据与会话状态正确；
8. 8. 完成本章收尾与回顾：整理IM后端接口联调要点、WebSocket常见问题与排查思路；

学习社交交友系统业务模块及操作流程的开发实现, 包含: 会员、红娘、实名认证、动态、牵线申请审批流程、个人相册、内容审核、投诉等模块的实现

1. 1. 完善后端业务模板可插拔方式注册的实现;
2. 2. 后端业务模块: 数据表、路由的初始化与消除递归依赖接口的注册;
3. 3. 实现: 会员、红娘、实名认证、个人相册、关注等管理模块后端API的开发;
4. 4. 牵线流程、动态审核流程、投诉流程后端API的开发;

学习uni-app整体开发流程、完成移动端即时聊天模块以及社交交友系统移动端开发

1. 1. 了解uni-app的开发流程，安装开发工具;
2. 2. 基于HBuilder创建uni-app项目初始化项目录结构并安装依赖包;
3. 3. 项目中公用CSS、字体图标、国际化支持、状态管理、路由的初始化;
4. 4. 基于uni-app环境实现基础通讯库: Ajax、Websocket的封装;
5. 5. 通用组件: 头像组件、图标按钮、加载状态、顶部导航栏、搜索框、性别标签组件的封装实现
6. 6. 自定义底部导航条
7. 7. 完成: 会员、实名认证、牵线流程、内容发布、个人相册、个人信息维护、投诉等业务模块的前后端连调并在H5端及小程序端进行测试;
8. 8. 完成移动端即时消息模块的布局及前后端连调;

学习AI工具的使用,熟悉通过AI工具来进行前后端项目的开发

1. 1. 需求分析与系统设计：利用AI工具辅助梳理工单管理系统的核心功能（工单创建、处理、查询等），完成模块结构设计;
2. 2. 数据库设计与模型定义：通过AI辅助设计工单数据表结构，并生成对应的Model/DTO定义代码;
3. 3. 后端API开发: 利用AI工具生成CRUD基础代码，实现工单创建、处理、查询统计等核心接口，并完成权限控制与业务校验;
4. 4. 前端UI开发：使用AI辅助生成PC端管理页面与移动端页面组件代码，实现工单创建、工单列表、详情展示、处理流程等界面，并完成交互逻辑;
5. 5. 前后端联调与功能完善：通过AI工具完成前后端数据对接;

学习以容器化方式部署前后端项目

1. 1. 明确部署目标与交付物：前端静态资源、后端编译后二进制、所需基础设施（MySQL/Redis等）与入口网关（Nginx）;
2. 2. Docker基础扫盲：理解镜像/容器/网络/卷，掌握常用命令与镜像构建缓存，能独立编写后端Dockerfile;
3. 3. 前后端容器化：基于交付产物构建镜像;
4. 4. Docker-Compose编排入门：编写docker-compose.yml，定义前端/后端/存储，配置网络、依赖顺序、环境变量与数据卷持久化;
5. 5. 部署与验证：使用docker-compose部署前后端镜像及依赖服务，一键启动后进行接口联调与页面功能验证;