学习到这里,我想进行一次实战,创建一个登录界面。
本章源码:https://download.youkuaiyun.com/download/romulusla01/11296791
1、调整之前的代码结构,并创建package,命名为login,创建LoginController

创建tologin.html和main.html。

为了使最终界面效果好看一点,这里使用了AmazueUI作为网页框架。
下载地址:
https://amazeui.clouddeep.cn/1.x/getting-started/

下载,解压。

使用方法,将下载下来的assets拷贝到static中

然后将下载下来的login.html中的内容拷贝到我们的tologin.html中,注意修改link的路径。

修改form表单

还有main.html

编辑LoginController类


测试,访问URL:http://localhost:8085/login/tologin

点击登录

成功
本文介绍如何从零开始创建一个美观的登录界面,采用AmazeUI框架提升界面效果,通过调整代码结构、创建包和控制器,实现与登录相关的功能。
2084

被折叠的 条评论
为什么被折叠?



