一、开发环境搭建
·前端环境搭建
前端工程基于nginx运行(nginx学习:点我 )
启动步骤:
双击nginx.exe(注:nginx必须在没有中文的目录中运行)
此时屏幕闪了一下,启动成功了,可以在网页上查看
输入默认端口号
启动成功:
·后端环境搭建
数据库环境搭建
在当前目录下找到数据库的.sql文件
导入MySQL可视化工具(这里我使用的是Navicat)
前后端联调
这里发现自己的maven没有配置好,依赖没有自动导入,配置了一下maven配置
编译:
启动:
这里注意要将红色箭头指向的文件配置修改成自己的数据库名字以及密码
联调成功
调试:
通过调试了解登录功能具体的请求传输过程,在login函数打上断点
根据逐步的调试,了解项目构成
了解前端请求到后端的具体步骤,我自己做的小小例子来理解这一步骤:点我
下面是项目的地址
可以发现地址是不同的,这是因为nginx的反向代理
nginx除了反向代理外还有负载均衡的功能
完善登录功能
对密码进行MD5加密,目的是为了不泄露(因为MD5加密是不可逆的)
加密后密码123456会变成e10adc3949ba59abbe56e057f20f883e
我们进入数据库修改管理员登录密码为e10adc3949ba59abbe56e057f20f883e
同时需要修改代码中比对密码,将接收到的密码也进行MD5加密后再进行比对
password = DigestUtils.md5DigestAsHex(password.getBytes());
登录测试