2024年Web前端最新J2EE之通用分页(1)，2024年最新前端大厂面试真题解析大全

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

import java.lang.reflect.Field;

import java.sql.Connection;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.util.ArrayList;

import java.util.List;

import com.util.DBAccess;

import com.util.PageBean;

public class BaseDao {

public List getAll(String sql, Class cla) throws Exception {

List list = new ArrayList();

Connection con = DBAccess.getConnection();

PreparedStatement ps = con.prepareStatement(sql);

ResultSet rs = ps.executeQuery();

while (rs.next()) {

T t = cla.newInstance();

Field[] field = cla.getDeclaredFields();

for (Field f : field) {

f.setAccessible(true);

f.set(t, rs.getObject(f.getName()));

}

list.add(t);

}

return list;

}

/**

• 通用分页查询

• @param sql

• @param cla

• @param pageBean

• @return

• @throws Exception

*/

// 1.判断是否需要分页 无需分页：下拉框 必须分页：项目中列表类的需求 订单列表，学生列表…

public List pages(String sql, Class cla, PageBean pageBean) throws Exception {

List list = new ArrayList();

Connection con = DBAccess.getConnection();

PreparedStatement ps = null;

ResultSet rs = null;

if (pageBean != null && pageBean.isPagination()) {

// 需要分页

String countSQL = getCountSQL(sql);// 符合条件的数据条数

ps = con.prepareStatement(countSQL);

rs = ps.executeQuery();

if (rs.next()) {

pageBean.setTotal(String.valueOf(rs.getObject(1)));

}

String pageSQL = getPageSQL(sql, pageBean);// 分页语句

ps = con.prepareStatement(pageSQL);

rs = ps.executeQuery();

} else {

ps = con.prepareStatement(sql);

rs = ps.executeQuery();

}

while (rs.next()) {

T t = cla.newInstance();

Field[] field = cla.getDeclaredFields();

for (Field f : field) {

f.setAccessible(true);

f.set(t, rs.getObject(f.getName()));// f.getName是，每个属性名称

}

list.add(t);

}

return list;

}

/**

• 将原生sql转换成pageSQL

• @param sql

• @param pageBean

• @return

*/

private String getPageSQL(String sql, PageBean pageBean) {

// TODO Auto-generated method stub

return sql + " limit " + pageBean.getStartIndex() + “,” + pageBean.getRows() + “”;

}

/**

• 将原生sql转换成countSQL

• @param sql

• @return

*/

private String getCountSQL(String sql) {

// TODO Auto-generated method stub

return “select count(1)from(” + sql + “)t”;

}

}

子类BookDao，继承父类的方法

package com.dao;

import java.sql.Connection;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.util.ArrayList;

import java.util.List;

import com.entity.Book;

import com.util.DBAccess;

import com.util.PageBean;

public class BookDao extends BaseDao {

/**

• 未继承时的方法

• @param book

• @return

• @throws Exception

*/

public List getAll(Book book) throws Exception {

List list = new ArrayList();

String sql = “select* from t_mvc_book where 1=1”;

// 书籍名称

String bname = book.getBname();

if (com.util.StringUtils.isNotBlank(bname)) {

sql += "and bname like % " + bname + “%”;

}

Connection con = DBAccess.getConnection();

PreparedStatement ps = con.prepareStatement(sql);

ResultSet rs = ps.executeQuery();

while (rs.next()) {

Book b = new Book();

b.setBid(rs.getInt(“bid”));

b.setBname(rs.getString(“bname”));

b.setPrice(rs.getDouble(“price”));

list.add(b);

}

return list;

}

/**

• 继承父类后的方法

• @param book

• @return

• @throws Exception

*/

public List getAlll(Book book) throws Exception {

String sql = “select * from t_mvc_book where 1=1”;

// 书籍名称

String bname = book.getBname();

if (com.util.StringUtils.isNotBlank(bname)) {

sql += “and bname like %” + bname + “%”;

}

return super.getAll(sql, Book.class);

}

/**

• 实现分页

• @param book

• @param pageBean

• @return

• @throws Exception

*/

public List getAll3(Book book, PageBean pageBean) throws Exception {

String sql = “select * from t_mvc_book where 1=1”;

// 书籍名称

String bname = book.getBname();

if (com.util.StringUtils.isNotBlank(bname)) {

sql += “and banme like %” + bname + “%”;

}

return super.pages(sql, Book.class, pageBean);

}

}

通用前台分页

======

mysql的分页：

sql=select * from t_mvc_book where bname like ‘%aa%’

pageSQL=sql limit (page-1)*rows,row

countSQL=select * from (sql) t

当项目中要多次实现分页功能时，定义父类处理重复的代码，将重复代码放到父类由子类继承，这样当再次遇到分页时，可以节省重复代码和时间，提高效率

写一个类用来定义分页的基本属性PageBean

package com.util;

import java.util.HashMap;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

/**

• 分页工具类

*/

public class PageBean {

private int page = 1;// 页码

private int rows = 10;// 页大小

private int total = 0;// 总记录数

private boolean pagination = true;// 是否分页

private String url;// 保存上一次请求的url

private Map<String, String[]> map = new HashMap<>();

public void setRequest(HttpServletRequest req) {

this.setUrl(req.getRequestURI().toString());

this.setMap(req.getParameterMap());

this.setPagination(req.getParameter(“pagination”));

this.setRows(req.getParameter(“rows”));

this.setPage(req.getParameter(“page”));

}

private void setPage(String page) {

if (StringUtils.isNotBlank(page)) {

this.setPage(Integer.parseInt(page));

}

}

private void setRows(String rows) {

if (StringUtils.isNotBlank(rows)) {

this.setRows(Integer.valueOf(rows));

}

}

public void setPagination(String pagination) {

if (StringUtils.isNotBlank(pagination)) {

this.setPagination(!“false”.equals(pagination));

}

}

public String getUrl() {

return url;

}

public void setUrl(String url) {

this.url = url;

}

public Map<String, String[]> getMap() {

return map;

}

public void setMap(Map<String, String[]> map) {

this.map = map;

}

public PageBean() {

super();

}

public int getPage() {

return page;

}

public void setPage(int page) {

this.page = page;

}

public int getRows() {

return rows;

}

public void setRows(int rows) {

this.rows = rows;

}

public int getTotal() {

return total;

}

public void setTotal(int total) {

this.total = total;

}

public void setTotal(String total) {

this.total = Integer.parseInt(total);

}

public boolean isPagination() {

return pagination;

}

public void setPagination(boolean pagination) {

this.pagination = pagination;

}

/**

• 获得起始记录的下标

• @return

*/

public int getStartIndex() {

return (this.page - 1) * this.rows;

}

@Override

public String toString() {

return “PageBean [page=” + page + “, rows=” + rows + “, total=” + total + “, pagination=” + pagination + “]”;

}

/**

• 最大页码

• @return

*/

public int maxPage() {

return this.getTotal() % this.getRows() == 0 ? this.total / this.getRows() : this.total / this.rows + 1;

}

/**

• 下一页

• @return

*/

public int nextPage() {

return this.getPage() < maxPage() ? this.page + 1 : this.page;

}

/**

• 上一页

• @return

*/

public int previousPage() {

return this.getPage() < 1 ? 1 : this.getPage() - 1;

}

}

下面是使用的一个模型，当出现分页需求时，就会出现下面格式的分页

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

e() - 1;

}

}

下面是使用的一个模型，当出现分页需求时，就会出现下面格式的分页

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。