介绍
利用想法怎么制作一个登录注册页面?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
应用程序。yml
春: ,数据源: 用户名:才能根 ,,密码:123456 ,,url: jdbc: mysql://localhost: 3306/bd1906 ? serverTimezone=% 2 b8格林尼治时间 driver-class-name才能:com.mysql.cj.jdbc.Driver 服务器: 端口:8080年,才能
控制器层
@ Controller public class  loginController { @ autowired才能 private 才能;JdbcTemplate  jdbcTemplate; @RequestMapping才能(“/index") public 才能;String 边界(){ ,,,return “/index.html"; ,,} @RequestMapping才能(“/login") public 才能;String  getUserFront () { ,,,return “/login.html"; ,,} @RequestMapping才能(value =,“/log", method =, RequestMethod.POST) @ResponseBody才能 public 才能;String 日志(String 名称、String psd) { ,,,String sql =,“select *,得到user where username =, & # 39;“+, name +“& # 39;,以及password =, & # 39;“+ psd +“& # 39;“; ,,,List
登录页面
& lt; ! DOCTYPE html> & lt; html  lang=癳n"祝辞 & lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能script src=啊?js/jquery-3.4.1.min.js"祝辞& lt;/script> & lt;才能title> login</title> & lt;才能style> ,,,html,身体{ ,,,,,宽度:,100%;高度:,100%;保证金:,0;填充:,0; ,,,} ,,,身体{ ,,,,,背景图片:,url (& # 39;。/img/bg1.jpg& # 39;); ,,,,,background-size:, 100%, 100%; ,,,,,平铺方式:,不再重演; ,,,} ,,,/*,标题,*/,,,.head{颜色:,烟白,字体大小:,30 px; text-align:,中心;margin-top:, 10 px; margin-bottom:, 10 px;} ,,,/*,刀盘图片,*/,,,快点儿{text-align:中心;margin-bottom: 10 px;} ,,,body .login_fields { ,,,,,margin-top:, 40像素; ,,,,,margin-left:, 45%; ,,,,,身高:,208 px; ,,,,,位置:,绝对; ,,,,,左:,0; ,,,} ,,,body .login_fields .icon { ,,,,,位置:,绝对; ,,,,,z - index:, 1; ,,,,,左:,36 px; ,,,,,:,8 px; ,,,,,不透明度:,5; ,,,} ,,,body .login_fields 输入(type=& # 39;密码# 39;],body .login_fields 输入(type=& # 39;文本# 39;],{ ,,,,,颜色:,# 61 bfff !重要; ,,,} ,,,body .login_fields 输入(type=& # 39;文本# 39;],,body .login_fields 输入(type=& # 39;密码# 39;],{ ,,,,,颜色:,# afb1be; ,,,,,宽度:,190 px; ,,,,,margin-top:, 2 px; ,,,,,背景:,rgba(57岁,61年,82年,0); ,,,,,左:,0; ,,,,,填充:,10 px 65 px; ,,,,,border-top:, 2 px solid rgba(57岁,61年,82年,0); ,,,,,边界底部:,2 px solid rgba(57岁,61年,82年,0); ,,,,,边境:,没有; ,,,,,border-left:,没有; ,,,,,:轮廓,没有; ,,,,,字体类型:,& # 39;古德# 39;,,无衬线; ,,,,,不必:,没有; ,,,} ,,,body .login_fields__user, body .login_fields__password { null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null利用想法怎么制作一个登录注册页面