本文共 3170 字，大约阅读时间需要 10 分钟。

1.前端部分

1.1 项目结构

1.2 页面

1.2.1 index.vue

1.2.2 update.vue

1.2.3 login.vue

1.2.4 index.jsp配置

import Vue from 'vue'import Router from 'vue-router'import index from '@/components/index'import update from '@/components/update'import login from '@/components/login'Vue.use(Router)export default new Router({
     routes: [    {
         path: '/',      name: 'login',      component: login    },{
         path: '/update',      name: 'update',      component: update    },{
         path: '/index',      name: 'index',      component: index    }  ]})

1.3 配置axios

页面中需要导入：import axios from ‘axios’;

在命令行输入：npm install axios

1.4 处理跨域请求的2种方式

1.后端controller中处理

//在controller中，加入注解	@CrossOrigin//允许跨域请求

2.前端中处理

2.后端部分

2.1 项目结构

2.2 重要代码

@RestControllerpublic class StudentController {
       @Autowired    StudentService studentService;    @RequiresPermissions(value = {
   "user_findAll"})    @RequestMapping("/findAll")    public List
   
     findAll(){
           return studentService.findAll();    }    @RequiresPermissions(value = {
   "user_update"})    @RequestMapping("/saveAndUpdate")    public String saveAndUpdate(@RequestBody TbStudent tbStudent){
           try {
               studentService.saveAndUpdateStudent(tbStudent);        }catch (Exception ex){
               return "fail";        }        return "success";    }    @RequiresPermissions(value = {
   "user_update"})    @RequestMapping("/findById")    public TbStudent findById(@RequestBody Map map){
           Integer id = (Integer) map.get("id");        return studentService.findById(id);    }    @RequiresPermissions(value = {
   "user_delete"})    @RequestMapping("/del")    public String del(@RequestBody Map map){
           Integer id = (Integer) map.get("id");        studentService.deleteById(Integer.valueOf(id));        return "success";    }    @RequestMapping("/login")    public String login(@RequestBody Map map){
           String loginName = (String)map.get("loginName");        String password = (String)map.get("password");        Subject subject = SecurityUtils.getSubject();        UsernamePasswordToken token = new UsernamePasswordToken(loginName, password);        try {
               subject.login(token);        }catch (IncorrectCredentialsException ini){
               System.out.println(ini.getMessage());        }        if (subject.isAuthenticated()){
               return "success";        }else{
               return "fail";        }    }    @RequestMapping("/logout")    public String logout(){
           Subject subject = SecurityUtils.getSubject();        subject.logout();        return "success";    }}
   

转载地址：http://mcezi.baihongyu.com/