目录

物联网云平台设计与开发实验3-注册模块前后端实现

物联网云平台设计与开发:实验3 注册模块前后端实现

目录


实验目的

掌握使用Vue开发注册模块

掌握使用SSM框架开发注册模块

掌握使用调试工具进行bug排查

掌握使用Mybatis逆向工程工具生成注册模块的Dao层


实验内容

  1. 使用已经搭建好的springboot工程实现后端注册功能模块。
  2. 使用Mybatis逆向工程工具生成注册模块的Dao层。
  3. 使用前端Vue和Element-ui实现注册功能界面的开发。
  4. 前后端进行调试,使得前端点击注册按钮可以访问后端提供的API接口。
  5. 后端提供注册接口,可以在Mysql数据库增加一条用户记录。

具体实验步骤

第一步:使用已经搭建好的springboot工程实现后端注册功能模块。

首先搭建springboot项目,然后我们再创建项目架构和名称,以及版本号等等。再添加常规的依赖即可,不够的,我们可以后续添加

https://i-blog.csdnimg.cn/blog_migrate/25284ca1839b23a7cc05c2f9ad7ef737.png

搭建好的工程

https://i-blog.csdnimg.cn/blog_migrate/4a8ac6e10ac9dd5a095bd0f9913de620.png


第二步:使用Mybatis逆向工程工具生成注册模块的Dao层。

https://i-blog.csdnimg.cn/blog_migrate/26821edca97bdc5e180d761397b63f42.png


第三步:使用前端Vue和Element-ui实现注册功能界面的开发。

https://i-blog.csdnimg.cn/blog_migrate/d03722520b4466d736fbd258445f7f77.png

https://i-blog.csdnimg.cn/blog_migrate/4790bfb2d8dc634c4c3fe7e9a8226e7f.png


第四步:前后端进行调试,使得前端点击注册按钮可以访问后端提供的API接口。

https://i-blog.csdnimg.cn/blog_migrate/3a7a1e54e5671b99ed63df90a41c91ec.png


第五步:后端提供注册接口,可以在Mysql数据库增加一条用户记录。

可以看到在Mysql数据库增加一条用户记录 名字:ylx 密码:123456

电话:11111111111

https://i-blog.csdnimg.cn/blog_migrate/ed91c47c2d91937d1e1d515d844b48a5.png


实验结果

  • 登入界面

  • 图书管理界面

  • 实验中遇到的错误

(1)登入界面

https://i-blog.csdnimg.cn/blog_migrate/ac7168b108afca80b7bd0a7c13847d36.png

(2)图书管理界面

https://i-blog.csdnimg.cn/blog_migrate/84c0093ba2ee75bb5ccbc16bcde5026d.png

(3)实验中遇到的错误

在登入的时候我在mysql界面中忘记了勾选自动递增,导致我在登入的时候久久登不进去

https://i-blog.csdnimg.cn/blog_migrate/cdf043037df027690b540d9b2250dcff.png

再次运行,我们可以通过Ctrl+shift+i打开网页运行界面,看是否能够运行。最终完成实验。

https://i-blog.csdnimg.cn/blog_migrate/525619113f46bf9d5a9e3816b4ce19aa.png

这篇文我是拿来记录的,还有许多不足的地方请多多包涵。