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库向后台提交数据

                                    
        
        
                                    用户名                                    密码                                   
                                                                
            注册                    
    

后台接收数据

@RestControllerpublic 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如何进行设置登录了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注行业资讯频道。