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

发布时间：2020-12-17 02:34:19 所属栏目：百科来源：网络整理

导读：最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点Element组件，就做了简单的登录页面。效果很简单：代码如下：前端页面 Insert title here 后台代码： @Overrideprotected void doGet(HttpServletRequest request,

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

效果很简单：

代码如下：

前端页面

Insert title here

后台代码：

@Override
protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
    doPost(request,response);
}

@Override
protected void doPost(HttpServletRequest request,IOException {
    String name = request.getParameter("name");
    String password = request.getParameter("password");
     response.setCharacterEncoding("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做一个简单登录页面的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!