【初学者技术修炼】毕业生初学者学习前后端技术路线图

1 序

学习前后端技术，对于有些毕业生而言可能已然轻车熟路；但对于某些毕业生，可能在这个领域中还没有找到适合自己的一套打法。本篇博客就是给这些毕业生初学者们提供一些学习方法和技巧，仅供参考。

2 路线图

在进行前后端平台系统的设计时，需要双向考虑、全面梳理，前后端解耦是未来的趋势，也是必然，前端和后端技术栈变得越来越庞大，虽然万变不离其宗，但是时代的洪流会推着我们去学习和了解新的技术元素。

2.1 搭建可交互的前端WEB界面路线图

2.1.1 静态页面构造

学习HTML语言和CSS语言，这两种语言能够搭建页面的主题结构，根据需求，决定要不要深入去学习，但是基本语法的必备知识还是要懂。

2.1.2 JavaScript学习

学习前端，特别是能够进行交互的前端，JavaScript语言是迈步过去的槛，必须学习其语法和语义，掌握其核心的技术分支，如网络（Ajax）、事件、虚拟DOM等。

掌握后，就可以向前端框架进发了，前端框架有很多，建议可以有针对性地学习，在招聘网上可以搜索相关的岗位，看哪种市场需求大，建议学习之。

前端三大Js框架，Vue、Angular和React，三者之间的技术属性都是通的，学其一即可。其中Vue是国内大神之作，周边组件、工具、文档和社区内容都及其丰富。

评判一个框架的流行程度，就看它的社区热不热闹。

学习完框架后，就可以在开源网站上搜索相关的项目进行练手。一来，培养自己做项目的能力，而来让理论知识得以实战和巩固。

2.1.3 低代码平台学习

前端界面搭建路线选择，如图所示。等自己的能力相当成熟了，就可以利用低代码平台解决很多通用业务代码，不用重复造轮子，实现让程序写程序的终极目标。不过现在的低代码还是不够智能，复杂的功能单由生成功能解决不了，需要手工合并完成复杂的功能开发。不过，低代码平台很有参考价值，感觉也是未来的趋势。

2.2 搭建后端系统所需知识谱

针对一个成熟的后台框架，学习主要组件及其构成要素。
目前常用的就是基于SpringBoot的后台项目，需要亲自搭建一套Demo，这样能快速理解和消化所学理论知识，知识能够指导实践，实践反过来能够验证和积累知识。
而如何进行后台知识的学习呢？下面给出详细步骤。

1. 首先学习Spring主要组成元素开始
   Spring MVC、Spring 注解、Spring 容器、Spring Servlet、Spring AOP、Spring 后置处理器等；
2. 再学习Spring周边的组件
   Mybatis、Redis、Shiro、Security等，他们如何与SpringBoot项目进行集成；
3. 再在开源网站找案例，进行系统学习
   GitHub上有很多开源项目供大家学习，根据关键搜索，找到适合自己需求的项目下载学习，掌握整个系统是如何构建的，或者学习其它的系统到底长什么样，心中大致有一个理解和把控；
4. 从几个维度进行思考将要学习的项目价值，不只做拿来主义

项目结构是否简单，是maven模块分层，还是项目目录上逻辑分层。

项目特点是否突出，是商城项目还是低代码项目或者通用项目，有针对性地去找和自己开发需求相关的项目。

项目的可扩展性是否灵活，是微服务还是单体，单体项目如果想增加模块是是否容易。

项目的基础功能是否强大，包含权限功能、配置功能、监控功能，基础功能强大就会降低所要开发系统的复杂度，让开发者关注业务开发。

项目的便利性是否具有，能否生成代码

3 推荐工具

开源代码托管网站：GitHub、Gitee（国内）
前端开发工具：HBuilder（国产）、WebStorm
后端开发工具（以Java为例）：IDEA、Eclipse
测试工具：Postman（接口）、Apifox、Jmeter（自动化）
代码管理工具：Git、SVN（国产）

4 推荐学习开源项目

1. EL-ADMIN 后台管理系统

【主要特性】

• 使用最新技术栈，社区资源丰富。
• 高效率开发，代码生成器可一键生成前后端代码
• 支持数据字典，可方便地对一些状态进行管理
• 支持接口限流，避免恶意请求导致服务层压力过大
• 支持接口级别的功能权限与数据权限，可自定义操作
• 自定义权限注解与匿名接口注解，可快速对接口拦截与放行
• 对一些常用地前端组件封装：表格数据请求、数据字典等
• 前后端统一异常拦截处理，统一输出异常，避免繁琐的判断
• 支持在线用户管理与服务器性能监控，支持限制单用户登录
• 支持运维管理，可方便地对远程服务器的应用进行部署与管理

【系统功能】

• 用户管理：提供用户的相关配置，新增用户后，默认密码为123456
• 角色管理：对权限与菜单进行分配，可根据部门设置角色的数据权限
• 菜单管理：已实现菜单动态路由，后端可配置化，支持多级菜单
• 部门管理：可配置系统组织架构，树形表格展示
• 岗位管理：配置各个部门的职位
• 字典管理：可维护常用一些固定的数据，如：状态，性别等
• 系统日志：记录用户操作日志与异常日志，方便开发人员定位排错
• SQL监控：采用druid 监控数据库访问性能，默认用户名admin，密码123456
• 定时任务：整合Quartz做定时任务，加入任务日志，任务运行情况一目了然
• 代码生成：高灵活度生成前后端代码，减少大量重复的工作任务
• 邮件工具：配合富文本，发送html格式的邮件
• 七牛云存储：可同步七牛云存储的数据到系统，无需登录七牛云直接操作云数据
• 支付宝支付：整合了支付宝支付并且提供了测试账号，可自行测试
• 服务监控：监控服务器的负载情况
• 运维管理：一键部署你的应用

2. Add Soon