vuejs如何进行设置登录

这期内容当中小编将会给大家带来有关vuejs如何进行设置登录，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联公司专注于铁西企业网站建设,自适应网站建设,商城网站制作。铁西网站建设公司,为铁西等地区提供建站服务。全流程按需搭建网站，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务

vuejs设置登录功能的方法：1、编写html文件；2、通过“vue-resource.js”库向后台提交数据；3、通过“public class UserController {...}”接收数据即可。

本文操作环境：Windows7系统、vue2.9.6版，DELL G3电脑。

vuejs怎么设置登录？

Vue.js实现登录功能

编写html，通过vue-resource.js库向后台提交数据

    
    
    
    
    
    
    
    
    



    
    
        

            
            
            用户名
            
            
            密码
            
           
            

                
                    
                
            
            注册
            
        
    

后台接收数据

@RestController
public class UserController {
    @Autowired
    private UserService userService;
    //通过RequestBody实现与json交互
    @RequestMapping(value = "/register", method = RequestMethod.POST)
     //接收从客户端传过来的FormData()数据
    @RequestMapping(value = "/login", method = RequestMethod.POST)
    public String login(HttpServletRequest request) throws ParseException {
        MultipartHttpServletRequest params = (MultipartHttpServletRequest) request;
        // List files = ((MultipartHttpServletRequest) request).getFiles("file");
        Map parameterMap = params.getParameterMap();
        //将Map转成Map对象
        Map map = GenUtils.toParameterMap(parameterMap);
        //将Map对象生成为指定的Pojo对象
        User user = GenUtils.mapGetObj(User.class, map);
        //
        user = userService.selectByUser(user);
        //
        JSONObject jsonObject = JSONObject.fromObject(user);
        return jsonObject + "";
    }
}

上述就是小编为大家分享的vuejs如何进行设置登录了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。