10 - 尚硅谷-RBAC权限实战-登录功能 - 页面跳转.avi原创

项目的系统架构我们已经搭建好并测试成功了，所以接下来我们准备来开发我们的业务功能。首先我们来开发一个登录功能。登录功能是所有系统当中的一个最核心的功能，因为必须登录之后才能够访问我们的系统页面，所以我们首先做这个功能。但是我们是学Java的，并不擅长做页面的设计，所以事先已经给大家把静态的页面准备好了，我们来看一看，这里我们会有个log in，那么它就是我的登录页面，所以双击打开。那么打开之后，我们这个登录页面，它是使用了一个现在比较流行的bootstrap框架来实现的页面设计，那么也就意味着里面的页面元素都是通过一个前端框架来实现的。

首先我们页面当中我们会有登录账号，登录密码以及用户的类型，然后再加上登录的按钮，所以啊，如果我们要登录系统的话，要填写相应的信息，然后再选择按钮之后跳转到我们后台管理的系统的页面，应该是这样的一个过程。那么首先我们先别的不考虑，我们先能跳转到这个页面，我们再说，所以啊，首先我们来打开我们web项目，我要实现一个跳转的操作。在CTRL者当中，我点击new，然后创建一个class，我们叫dispat。Controller。叫调度的控制器，它的作用就是用来跳转页面的，所以点击完成，然后增加我们圈controller，它就是一个控制器，那我这里首先我要跳转页面，我们就叫log in。

好了，写完之后增加映射关系，然后写上斜杠log个印，只要你发送这样的请求，它就会走到这个方法当中来跳转对应的页面，所以我这里直接return，就是我们的视图名称，我们就叫log in就可以了。那么如果你叫log in的话，那么需要在我的JSP当中我们创建对应的文件。login.gsp好，先括号百分号，我们的圈。配配encoding，把我们JP对应的字符编码给它统一了，所以我们统一都是UTF杠八，然后把静态页面当中的内容我原封不动拷贝过来。拷贝过来以后，放到我们这个页面当中保存，保存之后接下来我们要把其中的编码统一了，UTF杠八。

好。写完之后，接下来我们要做的事情就是要看一看我能不能跳转过来，如果页面没问题，咱们再说其他的好，那我现在把服务器给它启动一下。启动以后，接下来我们在这个位置，我们直接来访问local host，然后8080，接下来我们的log in。好回车。回车以后大家看可以看到我们当前已经有了网页的内容，只不过它的样式和效果不尽如人意，为什么？因为我们并没有把它对应的样式和脚本文件给它拷贝到项目当中，所以接下来我们要把它对应的内容我们拷贝过来，样式、脚本文件我们都给它拷贝过来。

拷贝，那么拷贝到哪里去呢？我们就拷贝到web APP这个位置就可以了，所以回车，回车之后把它拷贝过来，拷贝完成以后，在我的这个位置，我刷新一下，看看能不能出现我们的页面，所以刷新。刷新之后你会发现没有问题，我们登录页面出来了，那么页面出来了，我们就可以继续往下来开发了。