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

前端之家收集整理的这篇文章主要介绍了使用Vue.js和Element-UI做一个简单登录页面的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

效果很简单:

代码如下:

前端页面

<Meta charset="UTF-8"> 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做一个简单登录页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/33600.html

猜你在找的Vue相关文章