前后端入门

目录

一.对前后端的认识以及一个前后端项目的环境配置以及软件安装

1.对前后端的认识        

   2. 环境配置以及软件安装

二.常遇到的问题及相应的解决方法

        1.在node.js安装中遇到的问题

2.在redis的安装以及安装后任然无法启用的问题

三.对代码的认识

    1.对后缀xml的认识

2.对项目中继承关系的认识    

---

一.对前后端的认识以及一个前后端项目的环境配置以及软件安装

1.对前后端的认识        

   作为一个初学者我认为前端主要表现在页面上，比如一个网页上有很多板块，各种按钮，超链接等都要通过前端的HTML ,CSS,javaScript等技术来实现使得一个页面更加精美，更符合客户的要求。后端是要对前端各种请求进行处理，比如在前端设计的网站上客户点击各种按钮要进行相应的响应这就依靠后端通过编程语言（java，python等语言）和数据库来实现。以上就是我对前后端的简单的一个认识，我相信在后面的学习中我会逐步完善我对于前后端的理解。        

   2. 环境配置以及软件安装

    要完成一个前后端的项目就要装好它对应的软件以及配好相应的环境，其中包括Java及它的环境jdk，node.js，mysql，redis（用于登录页面变动验证码），idea（建议专业版，b站有相关破解教程），以及idea的包maven的下载，也可以用idea里面自带的maven，以上的安装b站都有相关的教程。在跟这b站教程走的时候，自己要注意把安装的软件安装到一个磁盘中，最好是安装到一个文件夹下面方便以后的管理。

二.常遇到的问题及相应的解决方法

        1.在node.js安装中遇到的问题

        在安装node.js时候要注意安装的版本不要太低不然在idea运行前端时容易出现

        npm ERR! Failed at the esbuild@0.15.15 postinstall script.

        npm ERR! This is probably not a problem with npm. There is likely additional logging output above.这样的报错，这时很有可能是你的node.js安装的版本太低出现了版本不兼容问题，这时建议重新安装版本新一点的node.js，当然版本也不建议太新，太新的版本不稳定，建议安装12-18版的 。

        node.js的环境配置如下图

        完成这些配置后就可以用win+r打开命令行输入cmd进行配置，在配置时因为我是跟着b站走的，他没有讲把自己建立的文件夹node_cache和node_global要给它最高配置，所以在运行用npm install命令时就会出现

        npm ERR! Log files were not written due to an error writing to the directory: E:\nodejs\node-v18.10.0-win-x64\node_cache\_logs
        npm ERR! You can rerun the command with `--loglevel=verbose` to see the logs in your terminal
        这样的报错是指写不进去        只要我们把node_cache和node_global的权限给它就可以了，打开文件所在位置单击鼠标右键找到属性，进行以下修改        再次执行npm install可以看到下图说明问题解决了        其次就是在配置node.js的下载镜像的时后，b站up主建议把原有的下载镜像改为taobao的说下载得更快，千万不要听，因为taobao的下载镜像可能会出现下载镜像过期的问题，你改了之后很可能在执行npm install命令时会下载不了，如下图我把下载镜像改为了taobao

        然后我们去idea运行npm install命令会发生如下错误：

        npm ERR! code ENOTFOUND

        npm ERR! errno ENOTFOUND npm ERR! network request to https://registry.npm.taobao.or/color-name failed, reason: getaddrinfo ENOTFOUND registry.npm.taobao.or registry.npm.taobao.or:443

        npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network

        npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config'

        npm ERR! A complete log of this run can be found in:

        npm ERR! E:\nodejs\node-v8.11.0-win-x64\node_cache\_logs\2024-03-29T10_08_54_820Z-debug.log

      这个错误表明 npm 在尝试向 https://registry.npm.taobao.org 发送请求时遇到了问题。具体来说，它无法解析 registry.npm.taobao.org 这个域名。当我们把下载镜像改回 https://registry.npmjs.org/它自己原来的镜像就能解决，win打开命令模板输入npm config set registry https://registry.npmjs.org/ 把下载镜像改回来  如下图：        成功后我们再去idea运行npm install 命令就可以正常运行了      

2.在redis的安装以及安装后任然无法启用的问题

     redis的安装与在idea的配置在它的官网没有windows系统的建议去Releases · tporadowski/redis (github.com)这个网站去下5.0.10中的第二个

        如果没有下redis会出现        这没有验证码，安装完成后还要在idea中把redis链接上操作如下图：

        最后我们将得到有验证码的界面如下图：

就可以进行正常登录了。

三.对代码的认识

    1.对后缀xml的认识

         在这个wbe设计中我看到有很多以xml结尾的后缀，但我翻了项目中的大部分文件夹发现有很多xml的后缀没有发现我熟悉的html等后缀

  

        所以出于好奇我去查了一下xml后缀的文件的作用以下是百度给出的介绍：

2.对项目中继承关系的认识    

读了一部分Java的代码我发现用了很多继承关系如

        还有很多都用到了继承关系，通过继承关系可以避免了重复编写相同的代码，提高了代码编写速度，减少了代码的冗余。