springboot整合前端实现简单的登录注册
本demo接续上边项目整合web,实现一个简单的web端注册登录
1、首先给dao层加数据库操作:
-
登录需要一个select查询,查找用户名密码和用户输入的是否匹配。 注册需要一个insert into插入,把新增的数据插入到数据库表。 在UserMapper.java和UserMapper.xml添加如下
2、然后在UserService.java和UserServiceImpl添加对dao层的调用。
3、最后在controller控制层调用service业务层
· 新建一个LoginController.java ,此处直接利用实体类接受前端的参数,通过用户名密码进行查询,若查询到的用户不为空则登录成功,否则失败。
-
其中@PostMapping(value = "/login")指@RequestMapping(value = "/login", method = RequestMethod.POST)
· 更多获取参数的方式请阅读 :
-
新建一个RegisterController.java ,接受前端参数并调用进行
4、此时, 简单的登录注册后端服务已经做成,需要前端的支持
我们需要pom.xml引入thymeleaf(thymeleaf是类似于jsp的模板引擎)。
-
然后在application.yml配置文件中,配置上thymeleaf必要配置:指定html,js,css等的静态文件的位置。
·
-
可以从git中复制html等静态文件到项目中。
5、然后开始运行项目,进行登录和注册的功能测试。
·
§ 浏览器访问
§ 然后我们注册一个用户,我们看到数据库中会多一条数据,(不要注册相同用户名,目前没有判断,否则登录时会报错)
§ 注册成功后进行登录的功能测试。
2、我们需要对传递参数进行判断(前后端都需要判断),根据需要判断参数的长度、是否重复等。
·
-
下边我们对注册服务的用户名重复进行简单的判断 首先在UserMapper.xml写一个sql,实现UserMapper接口,(此接口为通过用户名查找数据库) 然后在注册的UserService的saveUser方法中,引入此方法进行判断 最后添加到RegisterController.java,将消息发送给前端 简单的前端写法为: 功能测试:
下一篇:
达梦数据库-批量删除对象sql