Element-UI + Vue，java面试官常用问题

• 项目简介与演示

• 刷新页面时让组件默认为当前路由路径

• 删除时确认

• 分页功能的实现

• el-date-picke 日期少一天

前端部分源码：https://github.com/szluyu99/elementui-users_1

后端部分源码：

项目简介与演示

==========================================================================

Element-UI + Vue.js + SpringBoot 实现的前后端分离入门项目。

刷新页面时让组件默认为当前路由路径

====================================================================================

activeIndex 表示当前激活的页面，如果写死了刷新后会有 bug，因此动态获取当前路由路径。

data() {

return {

activeIndex: this.$route.path,

};

},

删除时确认

========================================================================

注意 @on/confirm/i 这个事件是加载 el-pop/confirm/i 标签上的。

删除

分页功能的实现

==========================================================================

mysq

【一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义】

浏览器打开：qq.cn.hn/FTf 免费领取

l 分页查询：

SELECT id, name, bir, sex, address

FROM t_user

LIMIT #{start}, #{rows}

后端控制器：

@RestController

@RequestMapping("/user")

@CrossOrigin

public class UserController {

@Autowired

private UserService userService;

// 分页查询

@GetMapping("/findByPage")

public Map findByPage(Integer pageNow, Integer pageSize) {

Map result = new HashMap<>();

pageNow = pageNow == null ? 1 : pageNow; // 不传当前页数默认为1

pageSize = pageSize == null ? 4 : pageSize; // 不传当前页面显示条数默认显示4条

List users = userService.findByPage(pageNow, pageSize); // 分页查询

Long totals = userService.findTotals();

result.put(“users”, users);

result.put(“total”, totals);

return result;

}

}

前端页面：使用 分页组件；

prev-text=“上一页” next-text=“下一页” background

layout=“prev, pager, next, sizes, jumper, total”

:page-sizes="[2,4,6,8,10]"

:page-size=“pageSize”

:total=“total”

:current-page=“pageNow”

@current-change=“findPage”

@size-change=“findSize”>