Web前后端开发快速上手指南

后置表明：

其间端分立总体构架概图

一、Web后端（Vue）

1. 后端构架草图

2. 基本上词汇

（1）HTML

页面原素词汇（页面产业布局、命令行等）

自学参照：红人教程-HTML讲义

（2）CSS

页面式样词汇（之后能介绍呵呵CSS扩充词汇Sass）

自学参照：红人讲义-CSS讲义

（3）JavaScript

页面脚本词汇（页面DOM原素操作方式，销售业务方法论，与前台可视化等）

自学参照：红人讲义-JavaScript讲义，《JavaScript高阶面向对象》

（4）ECMAScript 6（ES6）

JavaScript 词汇的新一代国际标准（许多新句法能大力推进合作开发工作效率）

自学参照：ES6进阶讲义，红人讲义-ES6讲义

3. 合作开发辅助工具/环境

（1）NodeJS

JavaScript本地运行环境，许多辅助工具都依赖该环境（暂时先把环境装好，node.js程式设计能先不看）

自学参照：Node.js中文网

（2）npm

同NodeJS一起安装的包管理辅助工具

自学参照：红人讲义-NPM使用介绍

（3）webpack

后端资源加载/打包辅助工具（后端应用工程化合作开发解决方案，模块化合作开发辅助工具）

自学参照：webpack中文文档

（4）VsCode

代码合作开发、调试辅助工具（对个人推荐使用VsCode展开Vue应用合作开发，当然配合Vue的合作开发需要下载许多插件。其它IDE还有WebStorm、HBuilder、Sublime啥的）

自学参考：vscode讲义（此基础篇）

4. 框架

（1）Vue

轻巧、高性能、可组件化的MVVM框架，后端三大框架之一（React、Vue、Angular）,中文文档完善上手简单（Vue国内公司用的比较多，React国际上用的较多），当然除了Vue框架本身，还能配合使用其它组件，比如说vuex，vue-router、axios、Vue-Cli脚手架等组件（Vue全家桶）

自学参照：Vue官网

（2）Element-UI

基于 Vue.js的UI组件库（其它的UI库还有iview等）,产业布局、表单、表格等常用命令行基本上都能满足

自学参照：Element-UI官网

（3）ECharts

使用 JavaScript 实现的开源可视化库，各种折线图、柱状图、路径图等酷炫的制图应有尽有（数据分析展示必备）

自学参照：ECharts官网

（4）其它

Bootstrap、Jquery等框架能介绍下，都是以前Web合作开发常用框架，现在使用Vue等框架不然很少使用了

5. 优秀案例/讲义

（1）手摸手，带你用vue撸前台 系列讲义

GitHub源码地址（项目控制技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，所有的请求数据都使用Mock.js展开模拟）

该系列讲义学完，基本上上Vue合作开发管理系统没啥问题了，源码能直接使用展开二次合作开发即可

（2）renren-fast-vue开源项目

基于vue、element-ui构建合作开发，实现renren-fast前台管理后端功能，提供一套更优的后端解决方案

能看呵呵直接拿来添加销售业务模块展开二次合作开发

6. 加速进阶建议

二、Java后端

1. 后端构架草图（单应用）

2. 基本上词汇

（1）Java

Java后端合作开发词汇，重要性不言而喻

自学参照：《Java程式设计思想》，《Effective Java》，廖雪峰-Java讲义

（2）SQL

一种数据库查询和面向对象词汇，用于存取数据以及查询、更新和管理关系数据库系统。

这边我们除了SQL的此基础使用，还需要掌握销售业务系统的数据库表设计

自学参照：慕课网-数据库设计那些事、《mysql必知必会》、廖雪峰-SQL讲义、《高性能mysql》

2. 合作开发辅助工具/环境

（1）JDK&JRE

JDK：java合作开发辅助工具包

JRE：java运行时环境

直接下载后解压并展开环境变量配置即可

自学参照：JDK安装与环境变量配置

（2）Maven

用于构建和管理Java有关项目的辅助工具

自学参照：红人讲义-Maven讲义

（3）Idea

代码合作开发、调试辅助工具，业界被公认为最好的java合作开发辅助工具之一。能安装许多插件提高合作开发工作效率，比如说Alibaba Java Coding Guidelines、Lombok等等

自学参照：IntelliJ IDEA 使用讲义(2019图文版) ，Jetbrains系列产品2020.1.2最新激活方法

（4）Postman

接口测试辅助工具，后端服务暴露HTTP接口使用该辅助工具展开有关测试

自学参照：Postman讲义大全

（5）Navicat

数据库管理辅助工具，简化数据库的管理

自学参照：mysq数据库管理辅助工具navicat基本上使用方法

（6）Jenkins

一个持续集成辅助工具 （自动化构建、测试和部署）

自学参照：Jenkins详细讲义

（7）其它

Docker、Kubernetes、虚拟机等其它许多辅助工具能自己简单介绍下

3. 合作开发框架/库

（1）Spring/Spring MVC/Spring Boot

现在项目基本上上都直接使用Spring Boot2.x展开合作开发，几分钟就能搭建一个前台服务哦

后面许多工作都是Spring Boot和其它框架或库的整合，比如说Spring Boot整合MyBatis、整合Redis、整合gRPC框架等等，基本上上官网都有讲义或者百度有关网志即可

自学参照：Spring官网讲义、W3Cschool-Spring 讲义、W3Cschool-Spring Web MVC 框架、程序猿DD-Spring Boot此基础讲义

（2）MyBatis

支持定制化 SQL、存储过程以及高阶映射的优秀的持久层框架，MyBatis 能对配置和原生Map使用简单的 XML 或注解，将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。

还有其它的持久层框架比如说 Hibernate对个人并不推荐，能自己去介绍下

MyBatis-Plus框架也能去介绍下，是一个MyBatis的增强辅助工具，在 MyBatis 的此基础上只做增强不做改变，为简化合作开发、提高工作效率而生。

自学参照： W3Cschool-MyBatis 讲义、Mybatis讲义-实战看这一篇就够了、MyBatis-Plus

（3）Junit

Java词汇的单元测试框架

自学参照：W3Cschool-jUnit 讲义

（4）Druid

阿里的 Druid 数据库连接池

自学参照：官方WIKI

（5）其它

4. 中间件

（1）MySQL

最流行的关系型数据库管理系统（开源免费、性能卓越），基本上上项目都是使用MySQL数据库，除非有些项目指定oracle数据库

自学参照：红人讲义-MySQL讲义、《高性能mysql》

（2）Redis

分布式key-value存储系统（缓存数据库），能应用为热点数据的缓存、分布式锁、Session会话缓存、简单的消息通知等

自学参照：红人讲义-Redis 讲义

（3）消息队列

常用的有RabbitMQ、RocketMQ、Kafka等，应用场景主要是：异步处理、应用解耦、流量削峰等。可自行介绍下，一般用RabbitMQ就够了，对吞吐量高要求不然能使用RocketMQ和Kafka，大数据领域用Kafka

自学参照：RabbitMQ讲义、Apache RocketMQ合作开发者指南、Kafka 1.0 文档

（4）Tomcat

开源的轻量级Web应用服务器

自学参考：Tomcat 讲义之加速进阶、SpringBoot内置tomcat启动原理

（5）Nginx

一个高性能的HTTP和反向代理web服务器，常用来作静态资源web服务、反向代理、负载均衡等

自学参照：W3Cschool-Nginx 进阶指南

（6）其它

MQTT平台、OSS分布式文件系统、短信服务平台等许多商业或开源的中间件等需要使用的时候自行介绍即可

5. 优秀案例/讲义

（1）spring-boot-demo

一个用来深度自学并实战 spring boot的项目，目前总共包含66个集成demo

常用框架的Springboot集成基本上上都有了，想要用啥就找怎么使用的demo即可，so easy…

（2）renren-fast

一个轻量级的Spring Boot2.1加速合作开发平台，其设计目标是合作开发迅速、自学简单、轻量级、易扩充；使用Spring Boot、Shiro、MyBatis、Redis、Bootstrap、Vue2.x等框架，包含：管理员列表、角色管理、菜单管理、定时任务、参数管理、代码生成器、日志管理、云存储、API模块(APP接口合作开发利器)、其间端分立等。

基本上上拿来直接二次合作开发即可，配套的Vue管理系统参照renren-fast-vue开源项目

（3）mall

mall项目是一套电商系统，包括前台商城系统及前台管理系统，基于SpringBoot+MyBatis实现，采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 前台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、文本管理、统计报表、财务管理、权限管理、设置等模块。

配套的Vue管理系统参照 mall-admin-web

（4）jeesite

一个Java EE 企业级加速合作开发平台，基于经典控制技术组合（Spring Boot、Spring MVC、Apache Shiro、MyBatis、Beetl、Bootstrap、AdminLTE）

免费版本的限制较多，假如要求不高直接使用即可….

6. 加速进阶建议

本文原创，欢迎转载，转载请注明出处，如有不正确或侵权的地方恳请各位看官指正。