使用Vue.js和Element-UI做一个简单登录页面的实例

最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点Element组件，就做了简单的登录页面。

效果很简单：

代码如下：

前端页面

rush:xhtml;"> <Meta charset="UTF-8">

登录

后台代码：

rush:xhtml;"> package com.moson.backstage.controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.servletexception; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * LoginController * @author MoXingJian * @email [e-mail] * @date 2017年6月20日 下午3:03:50 * @version 1.0 */ @WebServlet("/login") public class LoginController extends HttpServlet{

@Override
protected void doGet(HttpServletRequest request,HttpServletResponse response) throws <a href="https://www.jb51.cc/tag/servletexception/" target="_blank" class="keywords">servletexception</a>,IOException {
    doPost(request,response);
}

@Override
protected void doPost(HttpServletRequest request,IOException {
    String name = request.getP<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>meter("name");
    String password = request.getP<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>meter("password");
     response.setCh<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>cterEncoding("UTF-8"); 
    response.setContentType("text/xml;charset=UTF-8");
    PrintWriter out = response.getWriter();
    if(name.equals("MoSon") && password.equals("123456")){
        out.write("{\"result\":true}"); 
    }else{
        out.write("{\"result\":false}"); 
    }
    out.flush();
    out.close();
}

}

以上这篇使用Vue.js和Element-UI做一个简单登录页面的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。