1.首先搭建后端的项目
下载好项目后,先去配置数据库Sql
先创建了一个数据库就叫eladmin。
然后新建查询将sql代码导入进去,生成各种表,结果如下
大功告成之后,检查了一下maven中的相关依赖导入成功,直接到
该目录下启动项目,发现报了个错,关于tomcat的问题,可能是版本的问题,找到这个文件,删除就欧克了,问题如下
后端的项目完成起来相对简单点,结果如下
2.前端项目的搭建
因之前只是知道Vue Npm nodejs等等,也接触过一次。但这次自己独立完成搭建,困难属实有点大。
首先梳理下他们之间的关系
nodejs是一个服务端的框架,自身带的npm
npm相当于一个包管理工具,允许用户从NPM服务器下载别人编写的第三方包到本地使用。
NPM 的思路大概是这样的:
- 买个服务器作为代码仓库(registry),在里面放所有需要被共享的代码
- 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代码提交到 registry 上,分别取名 jquery、bootstrap 和 underscore(注意大小写)
- 社区里的其他人如果想使用这些代码,就把 jquery、bootstrap 和 underscore 写到 package.json 里,然后运行 npm install ,npm 就会帮他们下载代码
- 下载完的代码出现在 node_modules 目录里,可以随意使用了。
- 这些可以被使用的代码被叫做「包」(package),这就是 NPM 名字的由来:Node Package(包) Manager(管理器)。
但是由于npm服务器在国外。下载起来速度非常缓慢,我们需要先下载个淘宝镜像cnpm国内的和npm一样,速度也非常快
所以,在接下来的安装vue vue-cli就不难理解了、这些都是包,通过npm来下载会非常方便点。
然后在接下来命令窗口的配置中出现了很多问题
诸如
当然这些情况直接用npm install安装就好了。但是不知道什么问题,老出错。也看不懂。可能是国外网不稳定的问题吧。然后就用cnpm安装,很快就好了
然后出现了这个问题,初步判断版本不兼容,上网搜了搜,从新卸载安装,解决好了
每次这种安装模块的问题都是npm run dev启动的时候出现的
从加载0%-65%-98%
在这里卡了很久,也尝试了一个一个安装。没用一样报错
后来。一个神奇的想法,干脆直接用cnpm run dev启动好了。结果真的就运行出来了
至于在深层次的讲发现什么问题,以后再去细究。
然后就是,成功的页面
紧接着就是又一个问题,我发现我的redis版本没启动
3.Redis的启动
因为要求相对简单,就下载的windows系统上的。下载的版本有很多,出现了很多问题。,redis.server启动不起来、很纳闷。一直闪退
看了很多文章,比如说是密码的问题,
在这两个文件里面,有个requirepass对应的就是自己的密码,可实没有设置还是启动不起来
,然后又是权限的问题,无效的等等
这也导致关闭服务器shutdown根本不管用,识别不出来。然后启动redis的代码也是启动不起来
redis-server.exe redis.windows.conf
再后来找到的原因说是,要放在C盘的根目录下,就可以打开了。真的是打开了。但是之前以管理员的身份运行的时候依旧是解决不了。。。放在C盘的根目录下直接搞定。
成果如下
然后整个项目就可以完全跑起来了。