一、遇见的问题
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等编程语言有着更高的要求,而对于前端是我们在页面上能看到的图片、按钮、页面等样式,所以我认为前端开发更注重于开发者的审美性,能够做出美观简介的页面。