还是继续我的简历职位管理项目,前面说到已经确定了使用eladmin来进行后续开发,这篇介绍eladmin如何先运行起来。 开发工具方面,后台我使用的是sts4(Spring Tool Suit),当然用idea也没问题,个人习惯; 前端开发工具我选择了HBuilderX,原因是平时要结束uniapp开发,就不频繁更换工具了,其实WebStorm也非常好用。
环境准备1、JDK,建议1.8 参考教程:https://blog.csdn.net/m0_58095675/article/details/124570261 2、Redis 参考教程:https://blog.csdn.net/m0_58095675/article/details/124520823 3、MySQL 5.7 参考教程:https://blog.csdn.net/m0_58095675/article/details/124568661 4、Node 参考教程:https://blog.csdn.net/m0_58095675/article/details/124569393
特殊处理前端npm镜像换成下面的,能加快速度
npm config set registry https://registry.npm.taobao.org
验证是否成功方式
npm config get registry
做前端的基本上都遇到过安装 node-sass 失败的情况,处理方式也比较一直,mac和linux下给~/.npmrc添加内容,window下给C:\Users[你的账户名称].npmrc添加内容。最下面一行加上:
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
后端开发工具
使用的工具是STS4,版本其实都差不多,本篇使用的版本信息为
Spring Tool Suite 4
Version: 4.6.2.RELEASE
Build Id: 202005250833
如果没有安装 lombok 插件,这个需要先安装好,作用就是省略get和set方法。先从官网(https://projectlombok.org/download)下载安装包,拷贝到sts相应目录下,这个目录建议位置为:
windows系统:sts(eclipse)安装目录下,和 sts.ini 文件平级
mac系统:sts显示包内容,进入到 Contents/Eclipse : 将jar包拷入该目录中
在上一级目录下选中Eclipse右键 - 新建位于文件夹位置的终端窗口,输入命令 java -jar lombok.jar 运行后会弹出安装窗口,左下角更换安装路径为SpringToolSuite4.ini 并选中后安装(如果是windows,选择的文件可能不同)
打开SpringToolSuite4.ini 文档发现最后一行多出来这个表示安装成功:
-javaagent:/Applications/SpringToolSuite4.app/Contents/Eclipse/lombok.jar
安装完成后重启sts即可。
后端项目导入先从终端下载项目:
git clone https://gitee.com/elunez/eladmin.git
打开sts后,选择File -> Import -> Maven -> Exits Maven Projects,选择前面clone的项目,即可导入eladmin完整项目。
数据库导入和项目启动在测试的数据库创建eladmin数据库,然后从导入的项目中eladmin的sql文件夹中找到eladmin.sql,在数据库中执行sql语句,完成数据的初始化。
数据导入后,需要修改后端的数据库连接,位于eladmin-system项目的config下application-dev.yml中。
然后启动redis,该步骤必须执行。
完成数据连接修改后,打开eladmin-system下的AppRun.java,右击,Run As – Spring Boot App,然后静观控制台启动成功提示。
前端项目导入HBuilderX直接导入项目,选择从Git,地址为https://gitee.com/elunez/eladmin-web.git(也可以先下载到本地,然后导入 git clone https://gitee.com/elunez/eladmin-web.git)
项目导入成功后,需要先安装依赖,可以从HBuilderX底部打开对应项目终端,然后输入
npm install
安装完成后,点击菜单中的运行->运行到浏览器->chrome,然后项目会自动构建,完成后浏览器会打开对应页面。 该步骤执行时需确保后端代码正在正常运行。