前后端项目入门

一、遇见的问题

1、在执行npm install报错ERR 

      删除C：/用户/86191中的.npmrc文件

再次返回idea输入命令npm cache clean --force

需要的包全部下载完成

2、打开terminal显示cannot open local

点击File——Settings——Tools——Terminal

将其中的Shell path中的powershell.exe更改为cmd.exe

​

3、项目运行最后登陆页面验证码图片刷新不出来，并且出现网络错误

​

首先需要下载redis 

用msi的方式下载安装

进入网站 Releases · tporadowski/redis · GitHub我这里下载的是window用的 5.0 版本Redis-x64-5.0.14.1.msi

下载好后点击安装，记得勾选好相关选项，选择其下载路径

启动redis服务

入计算机服务中 (右键计算机 → 管理 → 服务和应用程序 → 服务)

再在右侧找到Redis名称的服务，查看启动情况。

如未启动，则手动启动。

测试redis是否能正常工作

测试刚下载的redis是否能正常工作，进入到redis下载的文件夹内在路径中输入cmd

输入redis-cli并回车（redis-cli是客户端程序）如图正常提示进入，并显示正确端口号，则表示服务已经启动。

然后再输入set和get命令，如果一切正常便安装成功。

重新启动idea

安装好redis并运行后，将idea中之前移入的文件夹移除并关闭，重新将文件夹导入并配置好项目需要的相关配置在进行运行。

成功得到登录页面验证码

二、通过这份代码对前后端的认识

通过这份代码，对前后端项目有了初步清晰的认识

1、common模块，提取代码常用函数

当代码过于冗长的时候，可以提出代码中一些重复的常用的函数，另起文件夹，减少代码的重复，是我们的代码看起来更加的精简。 

2、目录的规范

无论是admin主函数文件夹，还是common公共函数文件夹，它们都有统一的目录结构，这也是所有项目的基础，能够清晰结构避免逻辑混乱

3、终端(Terminal)窗口

使用终端窗口输入相关指令来运行我们的前端代码

三、总结

通过这次接触的代码，更直观的了解到了前后端项目的运行，这份代码给我最大的感受就是干净整洁，不像我们自己写的代码十分冗长，看的头大，该分类的分好类，该提出来的提出来，看了文件夹里的代码规范，发现其有一套明文规范好了的代码规范，并严格执行，才写出了这份高效简洁的代码。

对于一个美观可交互的页面来说，前后端两者都是不可缺的部分，后端技术更注重于涉及搭建服务器、保存和获取数据，以及用于连接前端的接口，对于java，python等编程语言有着更高的要求，而对于前端是我们在页面上能看到的图片、按钮、页面等样式，所以我认为前端开发更注重于开发者的审美性，能够做出美观简介的页面。