<p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:24.0pt;font-family:宋体;color:#404040;">在线教育网站项目介绍（</span><span style="font-size:24.0pt;font-family:" color:#404040;"="">Springboot</span><span style="font-size:24.0pt;font-family:宋体;color:#404040;">微服务架构）</span><span style="font-size:24.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:18.0pt;font-family:" color:#404040;"="">1</span><span style="font-size:18.0pt;font-family:宋体;color:#404040;">、简介</span><span style="font-size:18.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;text-indent:24.0pt;background:white;"> <span style="font-size:13.5pt;font-family:宋体;color:#404040;">在线教育网站项目采用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">B2C</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">商业模式，使用前后端分离开发方式。项目包含后台管理系统和前台用户系统，两个系统中分别包含后端接口部分和前端页面部分。</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;text-indent:24.0pt;background:white;"> <span style="font-size:13.5pt;font-family:宋体;color:#404040;">系统后端接口部分，使用目前流行的</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringBoot+SpringCloud</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行微服务架构，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Feign</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">、</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Gateway</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">、</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Hystrix</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">，以及阿里巴巴的</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Nacos</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">等组件搭建了项目的基础环境。项目中还使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">MyBatisPlus</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行持久层的操作，使用了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">OAuth2+JWT</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">实现了分布式的访问，项目中整合了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringSecurity</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行了权限控制。除此之外，项目中使用了阿里巴巴的</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">EasyExcel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">实现对</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Excel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">的读写操作，使用了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Redis</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行首页数据的缓存，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Git</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行代码的版本控制，还整合了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Swagger</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">生成接口文档</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""> </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">。</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;text-indent:24.0pt;background:white;"> <span style="font-size:13.5pt;font-family:宋体;color:#404040;">系统前端部分，使用主流的前端框架</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Vue</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Es6</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">的开发规范，采用模块化的开发模式，搭建页面环境使用了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Nuxt</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">框架和</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">vue-admin-template</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">模板，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Element-ui</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行页面布局。前端环境中使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Npm</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行依赖管理，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Babel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行代码转换，使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Webpack</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行静态资源的打包，采用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">axios</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Ajax</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">请求调用，使用了</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">ECharts</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">进行数据的图表展示。</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="margin-left:36.0pt;text-align:left;text-indent:-36.0pt;background:white;"> <span style="font-size:18.0pt;font-family:" color:#404040;"="">2</span><span style="font-size:18.0pt;font-family:宋体;color:#404040;">、我们能从这个项目中学到什么？</span><span style="font-size:18.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">2.1</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">巩固以前知识，学习技术点与技术点应用场景，掌握在线教育网开发过程中的业务流程</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">2.2 </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">核心技术</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringBoot</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：简化新</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Spring</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">应用的初始搭建以及开发过程</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Spring Security</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">spring</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">权限管理框架</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringCloud</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：基于</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Spring Boot</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">实现的云原生应用开发工具，</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringCloud</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">使用的技术：（</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringCloudGateway</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">、</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Spring Cloud Alibaba Nacos</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">、熔断器和</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">SpringCloudFeign</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">等）</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">MyBatis-Plus</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：持久层框架</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Redis</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：内存缓存</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">EasyExcel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：阿里巴巴提供操作</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">excel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">工具，代码简洁，效率很高</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">HTTPClient: Http</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">协议客户端</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Swagger2</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Api</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">接口文档工具</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Nginx</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：负载均衡</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:宋体;color:#404040;">其他后端技术：</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">OAuth2+JWT</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">，</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Cookie</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">，微信登录</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">/</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">支付，阿里云</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">OSS</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">，阿里云视频点播，阿里云短信服务</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Mysql</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：关系型数据库（使用</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">MySQL5.7</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">版本）</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Vue.js</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">web </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">界面的渐进式框架</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Node.js</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""> JavaScript </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">运行环境</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Axios</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：</span><span style="font-size:13.5pt;font-family:" color:#404040;"="">Axios </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">是一个基于</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""> promise </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">的</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""> HTTP </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">库</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Echarts</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：百度推出的统计图表工具</span><span style="font-size:13.5pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">NPM</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：包管理器</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Babel</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：转码器</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Webpack</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：打包工具</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Docker </span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：容器技术</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:" color:#404040;"="">Git</span><span style="font-size:13.5pt;font-family:宋体;color:#404040;">：代码管理工具</span><span style="font-size:10.0pt;font-family:" color:#404040;"=""></span> </p> <p class="MsoNormal" align="left" style="text-align:left;background:white;"> <span style="font-size:13.5pt;font-family:宋体;color:#404040;"><span style="color:#64451D;font-size:24px;background-color:#FFE500;">springboot微服务架构开发所需基础环境软件下载：</span><span style="color:#64451D;font-size:24px;background-color:#FFE500;">链接：<a href="https://pan.baidu.com/s/1RzkZFtpf-2cTU-5q6CureQ" target="_blank">https://pan.baidu.com/s/1RzkZFtpf-2cTU-5q6CureQ</a> </span><br /> <span style="color:#64451D;font-size:24px;background-color:#FFE500;">提取码：mowl</span><br /> </span> </p> <h2 style="margin-left:36.0pt;text-indent:-36.0pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">3</span><span style="color:#404040;font-weight:normal;">、服务架构</span><span style="font-family:" color:#404040;font-weight:normal;"=""></span> </h2> <p> <span style="color:#404040;font-weight:normal;"><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-AC8BA58F41B14FC282FB53D4FD63AD76.png" alt="" /><br /> </span> </p> <h2 style="margin-left:36.0pt;text-indent:-36.0pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">4</span><span style="color:#404040;font-weight:normal;">、资源结构</span><span style="font-family:" color:#404040;font-weight:normal;"=""></span> </h2> <p> <span style="color:#404040;font-weight:normal;"><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-AD02E5B37C3B4EBABCAE28D9F54A679F.PNG" alt="" /><br /> </span> </p> <h2 style="margin-left:36.0pt;text-indent:-36.0pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">5</span><span style="color:#404040;font-weight:normal;">、运行部分截图</span> </h2> <h3 style="background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">5.1 </span><span style="color:#404040;font-weight:normal;">后台部分</span><span style="font-family:" color:#404040;font-weight:normal;"=""></span> </h3> <p> <span style="color:#404040;font-weight:normal;"><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-46DC7A0AF8A04B30A648B0BD28B7304B.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-978C6FA407A449DF82620BE2DC3FB026.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-F05E002232D442B8A11F0C8666346CED.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-F82769B57831442CA91DC9251F0044AD.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-7E4CD1411AFE4A74AAB34966E242267D.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-356A4BB7A056454FBA50690686CFA80E.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-C2375B303DF84C6399F635091867342E.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-BB810AB5AF254A4383304E2F9CD666DA.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-9A7F678AD3644C90A96618D2118E486C.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-A0D8EDFAAF324614AAA3C8BB8310FE40.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-24C87CB923FF4E6F8778D7163DFF3386.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-0B8497192FF2443DB8981BD0E64696AD.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-882835F8DF6944A3AA836ADFF963F41C.PNG" alt="" /><br /> </span> </p> <h2 style="text-align:left;margin-left:36pt;text-indent:-36pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"=""><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-B2384A88980246959AE23DF3517D0E1A.PNG" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-1198C43ABFF2427DB5C460CAAB3A0239.PNG" alt="" /><br /> </span> </h2> <h2 style="margin-left:36.0pt;text-indent:-36.0pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"=""> <h3 style="background:white;"> 5.2<span style="color:#404040;">前台部分</span> </h3> <p> <span style="color:#404040;"><img src="https://img.alicdn.com/imgextra/i3/1923721461/O1CN01MBiedS1MfBM2D488M_!!1923721461.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-F54F8AEC828F450B97244B57E93D0472.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-EF3499F845FD44A6BA930ECE14BB84E9.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-D1048243794547DAA57513DC367D820E.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-AA64FD7AAE1147A0AF004B50E9AADC39.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-F40F9084112941218881157628EEAB03.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-60C745EEC4A14F7497361A909B304730.png" alt="" /><img src="https://product-img.yuanlrc.com/uid-7202-product-detail-DF87BDBF4E1A4FE78AA12E61D5AA1EC2.png" alt="" /><br /> </span> </p> <br /> </span> </h2> <h2 style="margin-left:36.0pt;text-indent:-36.0pt;background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">6</span><span style="color:#404040;font-weight:normal;">、功能演示</span> </h2> <h3 style="background:white;"> <span style="font-family:" color:#404040;font-weight:normal;"="">6.1 </span><span style="color:#404040;font-weight:normal;">后台功能演示</span><span style="font-family:" color:#404040;font-weight:normal;"=""></span> </h3> <p> <span style="color:#404040;font-weight:normal;"> <iframe src="//player.bilibili.com/player.html?bvid=BV1Lq4y1H7Wx&page=1" frameborder="no" style="width:640px;height:430px;"> </iframe> <br /> </span> </p> <br />