前言(建议直接跳过)
很多同学在Java后端的学习中,想要进一步深入,都会接触到别人的开源项目。此时,如何导入别人的包并为己所用正常跑起来,似乎没有看起来那么简单,由此,本人总结出走过将近13小时的弯路,望后人引以为戒,节省时间,节省金钱。
前期需求
1.VScode
用于后面承接前端工程。
可以用较新的版本(我在后期安装依赖的时候,出现过因为vs版本低而导致问题,更新了新版本后就没有这个报错了).
2.IDEA
用于承接后端工程
建议使用较新的版本,注意检查自己的Tomcat,maven插件(一般新版本IDEA都是自带的这俩插件,不过以防万一还是检查一下)是否已安装,具体是从设置的插件里面进行搜索。
当时因为报错问题过多,为了排除所以我主动装了Smart Tomcat,后来来看,应该没什么影响。
3.数据库(MySQL)
(1) 我安装的是8.0.25版本,这个倒是没有什么限制。
(2) MySQL的版本没有限制,但是IDEA的MySQL驱动一定要匹配,否则也连不上数据库。
切记,自己的MySQL是什么版本就安装什么版本的驱动。
4.Nodejs的安装
(1)建议安装14.17.5版本,可以参考这个安装教windows下npm安装vue - liluxiang - 博客园 (cnblogs.com)(是我看了众多node安装中最好的一个教程)
唯一有一点要特别注意,千万不要学教程里面,将自己的npm更新到最新的版本,从官网下载的node都会自带自己的适配npm,不需要你更新(万一你更新了,就npm -g install npm@6.***你的适配版本,可以在官网查)
(2)如果没有需要,一般建议也别去动sass,cnpm除非你需要或者你非常确定问题就是它,我就是改来改去,导致重装了不知道多少次Node
(3)在安装vue脚手架的时候可能会出问题,解决办法是,以管理员身份来打开你的cmd
前端的部署
1. 去gitee下载 人人开源 (gitee.com),renren-fast-vue直接下载zip,然后解压。
2. 用VS把它打开
3. 去查看你的package.json在哪个位置,首先保证它在你的当前目录下面,再运行npm install(安装该包所需要的依赖),再执行 npm run dev,如果没有问题的话就会打开人人开源的网站,但是没有验证,因为此时我们还没有部署后端(如果你前面严格按照我的来,到这一步绝对不会有问题)。
(ps:建议用管理员身份打开VS执行上面操作,比较稳妥,每个人电脑不一样,有的可能涉及权限不够)
以下为成功界面
此时我们的后端还没有部署打开,所以它的验证码是空的,你也登录不上
后端的部署
1.同样的,去上面的网站下载解压
2.用IDEA打开后端的文件,大概率会遇到有的文件前面图标爆红的情况,此时将它的根目录文件标记生成的源 根,相当于是人工将它build一下。
剩下的如果还有爆红文件,可以去具体看它的问题,再逐一解决,不要怕爆红,拿来别人的项目不兼容是非常正常的事情。
3. 修改配置文件
虽然目前还没搞清楚为什么,好像是一个限制加载时间还是干嘛的,但是记住别改它就行了(代码正常能跑)
给你的后台连接一个数据库。
4. 创建你的数据库储存数据
注释位置你可以任意起名字。
记住你的MySQL如果没有勾选开机自动启动,那么就需要你去手动启动。
确保自己的MySQL已经启动
我的电脑右键,选择管理 ,从服务里面找到自己的MySQL,启动它。
如果已经打开了数据库,仍然上面报错
那么可能是你连接的数据库不存在,不要用它去创建数据库,记得先创建数据库再连接它
连接数据库方面,我没有遇到其他问题,不过我知道的就还有时区修改问题,基本都可以直接复制问题然后百度(一个程序员的自我修养)
记得确保这两个地方连接上你的数据库了
接下来运行你的MySQL文件,稍等片刻后就会看到,你的数据库下已经建立好了它的表
找到启动文件,它再src 》main 》java ,直接启动
成功界面如下,就饿可以登录查看我们的后台了。
账号密码都是admin。
登陆后界面
至此,我们的前后端都部署完成,最后提醒你一下,每次开后端的时候记得打开你的数据库
一起加油吧