前后端分离项目总结

目录

一、问题及解决：

1.SmartAdminApplication运行错误，地址栏输入localhost :1024 无反应

（1）首先检查服务器名称和密码是否正确：sa-common.yaml里面显示服务器名称和密码

（2）如果名称和密码都正确，则可能是时区出现问题：

（3）修改 URL:改为：jdbc:mysql://localhost:3306?serverTimezone=UTC

（4）然后点击SmartAdminApplication.java ， 并运行：run 'SmartAdminApplication'

（5）运行代码有如下输出，则运行成功

（6）此时在回到浏览器地址栏 输入 localhost:1024     （1024是端口，不要写错了）

（7）有如上显示，则表明mysql连接成功，后端运行成功

2.redis连接错误，导致验证码无法显示

页面显示错误提示：

redis下载地址(window版本）：https://github.com/tporadowski/redis/releases

（1）首先进入redis的根目录

（2）在这里输入存放redis的盘，如果是C盘，直接输入redis-server.exe redis.windows.conf

（3）然后输入redis-server.exe redis.windows.conf 得到如下结果         快成功了，坚持！还有一小步

（4）然后重新打开一个运行窗口，注意千万不要关闭这一个运行窗口！！否则就会出现如下错误：

（5）重新打开运行窗口，进入redis目录，然后输入redis-cli.exe -h 127.0.0.1 -p 6379

（6）输入 ping

（7）然后这两个运行窗口不要关闭，打开SmartAdmin v2登录页面，刷新，就会有验证码了！！！如下

二、对前后端的认识

1.前端

2.后端

3.认识

三、心得体会

---

一、问题及解决：

1.SmartAdminApplication运行错误，地址栏输入localhost :1024 无反应

报错显示如下

cannot load connection class because of underlying exception: com.mysql.cj.exceptions.wrongargumentexception: failed to parse the host:port pair 'localhost:3306servertimezone=utc'. for input string: "3306servertimezone=utc". 

这是由于mysql连接错误，使后端无法连接

（1）首先检查服务器名称和密码是否正确：sa-common.yaml里面显示服务器名称和密码

服务器名称和密码都要与mysql的服务器名称和密码一致，如果不一致，则在这里修改；

（2）如果名称和密码都正确，则可能是时区出现问题：

点击 Database  

点击 Data Source Properties 进入如下页面

（3）修改 URL:改为：jdbc:mysql://localhost:3306?serverTimezone=UTC

（4）然后点击SmartAdminApplication.java ， 并运行：run 'SmartAdminApplication'

（5）运行代码有如下输出，则运行成功

（6）此时在回到浏览器地址栏 输入 localhost:1024     （1024是端口，不要写错了）

（7）有如上显示，则表明mysql连接成功，后端运行成功

2.redis连接错误，导致验证码无法显示

进入SmartAdmin v2登录页面，如下

没有验证码图片

页面显示错误提示：

意思是：Redis 命令超时;嵌套异常，如果没有redis,就去下载redis

redis下载地址(window版本）：https://github.com/tporadowski/redis/releases

 如果已经下载好了，需要启动连接

（1）首先进入redis的根目录

window+R 输入cmd 进入“运行”窗口，输入cd C:\Program Files 回车

C:\Users\SIYU>cd C:\Program Files

显示如下： 

（

（2）在这里输入存放redis的盘，如果是C盘，直接输入redis-server.exe redis.windows.conf

redis-server.exe redis.windows.conf

我存放的是d盘，这里输入小写的(一定要是小写的字母，否则会报错) d: 

进入D盘后，输入cd 空格+你的redis的存放目录

（3）然后输入redis-server.exe redis.windows.conf 得到如下结果         快成功了，坚持！还有一小步

（4）然后重新打开一个运行窗口，注意千万不要关闭这一个运行窗口！！否则就会出现如下错误：

Could not connect to Redis at 127.0.0.1:6379: 由于目标计算机积极拒绝，无法连接

（5）重新打开运行窗口，进入redis目录，然后输入redis-cli.exe -h 127.0.0.1 -p 6379

（6）输入 ping

输出PONG则证明连接成功

（7）然后这两个运行窗口不要关闭，打开SmartAdmin v2登录页面，刷新，就会有验证码了！！！如下

注意运行窗口不要关闭，否则依然会显示错误

Could not connect to Redis at 127.0.0.1:6379: 由于目标计算机积极拒绝，无法连接

刚开始都多少有点错误，慢慢来就好了~~ 

二、对前后端的认识

1.前端

前端更加直观，可以直接看出代码效果。

 前端指网站前台部分，包含页面设计和页面实现，主要指运行在pc端，移动端等浏览器上，展现给用户浏览的网页，是网站与用户直接交互的部分，包括页面，菜单，布局，颜色，字体等页面所见的所有内容，和供操作的使用页面，与此同时，前端更注重用代码写出的交互体验（页面美观程度和交互效果）

涉及语言主要有:HTML  CSS  JavaScript  HTTP等

2.后端

后端相比更抽象一点。后端指网站的后台部分，运行在服务器上，用户无法看到的部分，是一种能够处理用户请求，并将服务器内容发送到浏览器，实现网站后台操作等功能的程序。 重点在于底层业务逻辑的实现，主要参与数据库的交互，考虑如何通过代码实现相应功能，和与前端工程师进行数据交互及网站数据的保存和读取，维护平台的稳定与功能等
后端主要涉及 c/c++  Java  Python  Ruby  PHP  Node.js 等，相对来说 后端涉及的逻辑代码比前端更多，后端开发比前端开发更加复杂和深入，后端更注重代码的功能实现，和逻辑处理。

前后端分离

前后端分离是一种Web应用程序的架构方式，将Web应用程序分为两个独立的部分：前端和后端，前端：负责数据展示和用户交互；后端：负责提供数据处理接口。

前后端分离:随着用户需求的提升，前端展示页面越来越精细化，jsp这类前后端不分离的开发模式已经开始变得不适用，于是出现了前后端分离模式，将前端工程化，项目化，使前端后端分工明确， 开发效率更高。总的来说，后端整理数据，输出给前端，前端获取数据，并展示这些数据。

3.认识

无论前端还是后端，技术都很重要，对于前端首先 html css是基础，然后是JavaScript，学习底层的逻辑，例如如何操作层与层，怎么获取层与层之间的数据，对象等，接着进阶是JQuery 学习怎么去选取元素等，还有目前主流框架：Vue 3 ,需要熟练掌握它的模式，组件的使用；React Angular;还需要学习一些首页的套件：UI 之类。

三、心得体会

1.学会提炼问题是快速解决问题的关键

2.心态和耐心是成功的必要因素

3.持之以恒的努力可以创造一点幸运

最后分享一段话：

要想在某一职业和生活中获得成功，需要的不仅仅是技巧、能力和标准测验中的特质。虽然最好的测验可以对人们在一般情况下能做多好进行有价值的预测，但对于特定个体则可能会是一个决定性的错误。当在操作中注入了雄心、想象、希望、个人自豪感和努力时，人们完全可以突破悲剧的预言。也许明白什么时候你应该更多地相信自己而不是测验结果，这才是关键的。

                                                                                                                                ——菲尔·津巴多