解决了登录数据在哪里提交的问题我们进行后台的登录的编写和实现
后台登录代码我就不详细讲解了就是把传输过去的数据和数据库进行匹配如果存在就返回一个值
如果不存在就另外一个值
但是登录的时候我们可能遇到用户输入的用户密码不对或者其他的错误,官网的首页输入密码错误是有弹窗出来提示密码错误,但是我们下载的模板里面肿么实现错误提示??在这里我通过研究发现了错误提示实现的方法
我们首先在index.js的ajax提交中加入断点,然后在登录中输入错误的信息和密码,然后点击登录
我们让js执行完ajax但是不要让断点跳出次提交方法,然后我们此时去看看浏览器调试里面的network(网络)中返回了那些数据
我们可以看到官网的后台返回了一串json数据
数据格式如下{"status":1,"msg":"邮箱或密码错误"}
由于我看了下下载模板中的index.js和官网的大致差不多因该是可以通过返回一样的json数据然后前台就自动提示的
然后在后台我按照后台返回的类型封装了一个实体类用于返回json
其中action是登录成功后跳转地址,js会根据这个地址跳转的,分析步骤我就偷懒不写了,想试验的同学可以自行去研究
然后我们封装好了后再登录加入上述代码
判断密码或者用户名错误就返回对应的json
完成后效果:
后台登录代码我就不详细讲解了就是把传输过去的数据和数据库进行匹配如果存在就返回一个值
如果不存在就另外一个值
但是登录的时候我们可能遇到用户输入的用户密码不对或者其他的错误,官网的首页输入密码错误是有弹窗出来提示密码错误,但是我们下载的模板里面肿么实现错误提示??在这里我通过研究发现了错误提示实现的方法
我们首先在index.js的ajax提交中加入断点,然后在登录中输入错误的信息和密码,然后点击登录
我们让js执行完ajax但是不要让断点跳出次提交方法,然后我们此时去看看浏览器调试里面的network(网络)中返回了那些数据
我们可以看到官网的后台返回了一串json数据
数据格式如下{"status":1,"msg":"邮箱或密码错误"}
由于我看了下下载模板中的index.js和官网的大致差不多因该是可以通过返回一样的json数据然后前台就自动提示的
然后在后台我按照后台返回的类型封装了一个实体类用于返回json
其中action是登录成功后跳转地址,js会根据这个地址跳转的,分析步骤我就偷懒不写了,想试验的同学可以自行去研究
然后我们封装好了后再登录加入上述代码
判断密码或者用户名错误就返回对应的json
完成后效果: