当前位置：首页 > news >正文

Java Web项目开发实战实战指南与实战技巧

news 2025/9/26 11:39:43

前言

一个人承担本应三个人完成的项目，其中的艰辛可想而知。无数个熬夜的夜晚，独自面对层出不穷的问题，都需要独自思考、解决。每一个功能的实现，背后都是反复的调试与优化。如果你如果你觉得这些经验对你有帮助，恳请三连关注支持一下！哪怕点个赞也能给我莫大的鼓励，感谢！

一、项目开发基础技巧

1.1 网页模板使用技巧

注意：以下方法仅用于学习练手，严禁用于商业用途。

界面复用策略：合理借鉴他人优秀界面，替换为自己的logo和内容（原创部分往往占很大比例，好的创意设计至关重要）
网站界面提取：提取他人网站界面是一项实用技能，掌握后能快速搭建项目框架
功能对标原则：确保核心功能覆盖同类优秀产品的优点，在此基础上进行创新

1.2 批量修改技巧

批量修改Java Web项目中的.html文件

IDE全局替换：利用IDE的全局搜索替换功能（Ctrl+Shift+R），可以批量修改相同结构的代码
正则表达式替换：对于有规律的修改，使用正则表达式可以大幅提高效率
脚本批量处理：编写简单的Python或Shell脚本，批量处理大量文件
区域替换法：先确定需要替换的代码块特征，使用Ctrl+F定位后批量替换

1.3 自定义SQL的BaseDAO实现

BaseDAO是Java Web项目中常用的数据库操作基类，实现时需注意：

public class BaseDAO<T> {// 数据库连接相关配置// 防注入处理，使用正则表达式过滤非法字符private String filterSql(String sql) {if (sql == null || sql.trim().isEmpty()) {return "";}// 简单的SQL注入过滤return sql.replaceAll("(?i)union|select|insert|update|delete|drop|alter", "");}// 通用查询方法public List<T> query(String sql, Object... params) {sql = filterSql(sql);// 执行查询逻辑return null;}// 其他通用方法：增删改等
}

防注入要点：

使用参数化查询（PreparedStatement）
对用户输入进行严格过滤
必要时使用正则表达式检测并过滤危险字符

二、前端开发技巧

2.1 EL表达式高级应用

EL表达式中的三元表达式

在JSP页面中，三元表达式常用于动态设置属性：

<!-- 下拉框选中状态设置 -->
<select name="rentType"><option value="合租" ${rentType == "合租" ? "selected" : ""}>合租</option><option value="整租" ${rentType == "整租" ? "selected" : ""}>整租</option>
</select><!-- 动态样式设置 -->
<div class="${isVip ? 'vip-style' : 'normal-style'}">用户内容
</div>

2.2 搜索框设计

表单搜索框实现

<form class="form-inline" role="search" action="HouseSearchServlet" method="post"><div class="search-container"><div class="search-options"><div><a href="HouseServlet?type=rent">找租房</a><i></i></div><div><a href="HouseServlet?type=sale">找二手房</a></div></div><input type="text" name="keyword" placeholder="请输入区域、商圈或小区开始找房"><button type="submit" class="search-btn"><div>开始找房</div></button></div><style>.search-btn {width: 127px;height: 59px;background-color: #00ae66;color: #fff;font-size: 18px;text-align: center;line-height: 54px;border-radius: 0 2px 2px 0;border: none;outline: none;}</style>
</form>

高级搜索框实现

下拉框版搜索框：结合JavaScript实现下拉选择功能
CSS变化版智能搜索框：

/* 智能搜索框样式 */
.search-box {transition: all 0.3s ease;
}.search-box:focus-within {box-shadow: 0 0 10px rgba(0, 174, 102, 0.5);transform: translateY(-2px);
}/* 向下滑动时的样式变化 */
.window-scrolled .search-box {position: fixed;top: 0;width: 100%;background: white;z-index: 1000;
}

2.3 批量添加事件处理

为多个相似元素批量添加事件：

// 批量为class为"house-item"的元素添加点击事件
document.querySelectorAll('.house-item').forEach(item => {item.addEventListener('click', function() {const houseId = this.getAttribute('data-id');window.location.href = `houseDetail.jsp?id=${houseId}`;});
});// 批量为删除按钮添加事件
document.querySelectorAll('.delete-btn').forEach(btn => {btn.addEventListener('click', function(e) {e.stopPropagation();const id = this.getAttribute('data-id');if(confirm('确定要删除吗？')) {window.location.href = `HouseServlet?method=delete&id=${id}`;}});
});

2.4 界面元素处理技巧

div与button转换保持样式：

/* 使div看起来像button */
.div-as-button {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;border-radius: 4px;
}/* 按钮样式保持与周围div一致 */
.button-as-div {background: none;border: none;padding: 0;margin: 0;font: inherit;color: inherit;cursor: pointer;
}

成对删除div保留效果：在修改界面时，成对删除对应的div和样式，确保布局不受影响
切换城市时改变页面标题：

function changeCity(cityName) {// 更新页面标题document.title = cityName + "租房_"+ cityName +"买房_房产信息网";// 记录当前城市到本地存储localStorage.setItem('currentCity', cityName);// 执行其他城市切换逻辑// ...
}

三、后端开发技巧

3.1 请求参数处理

字符串参数传递

字符串参数无需添加单引号或双引号
特殊字符需要进行转义处理

字符串截取示例（获取文件后缀名）

String fileName = request.getParameter("fileName");
System.out.println("原始文件名: " + fileName);// 获取最后一个点的位置
int index = fileName.lastIndexOf('.');if (index != -1 && index < fileName.length() - 1) {String namePart = fileName.substring(0, index);String extPart = fileName.substring(index);System.out.println("文件名部分: " + namePart);System.out.println("后缀部分: " + extPart);
}

3.2 会话与状态管理

使用Session处理组合条件

// 组合查询条件处理
HttpSession session = request.getSession();// 先覆盖旧的条件
session.setAttribute("priceCondition", null);
session.setAttribute("areaCondition", null);// 拼接新的组合条件
StringBuilder sqlCondition = new StringBuilder();if (priceMin != null && !priceMin.isEmpty()) {sqlCondition.append(" and price >= ").append(priceMin);session.setAttribute("priceCondition", "price >= " + priceMin);
}if (areaMin != null && !areaMin.isEmpty()) {sqlCondition.append(" and area >= ").append(areaMin);session.setAttribute("areaCondition", "area >= " + areaMin);
}// 保存完整条件
session.setAttribute("fullCondition", sqlCondition.toString());

3.3 非空判断与异常处理

非空判断示例

<% 
String priceMin = "";
String priceMax = "";// 从session获取参数并判断非空
if(session.getAttribute("priceMin") != null) {priceMin = session.getAttribute("priceMin").toString();
}
if(session.getAttribute("priceMax") != null) {priceMax = session.getAttribute("priceMax").toString();
}
%><!-- 隐藏域传递参数 -->
<input type="hidden" name="priceMin" value="<%=priceMin %>">
<input type="hidden" name="priceMax" value="<%=priceMax %>">

防止空指针异常的方法

始终进行非空判断
使用Optional类处理可能为null的对象
方法返回空集合而非null

// 安全的集合返回方式
public List<House> getHouses() {List<House> houses = houseDao.query();return houses != null ? houses : new ArrayList<>();
}// 使用Optional处理可能为null的对象
public String getHouseName(Long houseId) {return Optional.ofNullable(houseDao.findById(houseId)).map(House::getName).orElse("未知房屋");
}

3.4 分页查询实现

// 分页查询方法
public PageResult<House> queryByPage(String condition, int pageNum, int pageSize) {// 计算总记录数int totalCount = houseDao.count(condition);// 计算总页数int totalPage = (totalCount + pageSize - 1) / pageSize;// 计算起始位置int start = (pageNum - 1) * pageSize;// 查询当前页数据List<House> data = houseDao.query(condition, start, pageSize);return new PageResult<>(totalCount, totalPage, pageNum, pageSize, data);
}

前端分页界面实现：

// 生成分页导航
function generatePageNav(totalPage, currentPage) {const pageContainer = document.getElementById('page-container');pageContainer.innerHTML = '';for(let i = 1; i <= totalPage; i++) {const pageBtn = document.createElement('button');pageBtn.className = i === currentPage ? 'page-btn active' : 'page-btn';pageBtn.textContent = i;pageBtn.onclick = () => loadPage(i);pageContainer.appendChild(pageBtn);}
}

3.5 组合查询实现

// 组合查询处理
public List<House> combinedQuery(HouseQuery query) {StringBuilder sql = new StringBuilder("select * from house where 1=1");// 同一类型的条件替换，不同类型的条件相加if (query.getPriceMin() != null) {sql.append(" and price >= ?");}if (query.getPriceMax() != null) {sql.append(" and price <= ?");}if (query.getAreaMin() != null) {sql.append(" and area >= ?");}// 更多条件...// 可以直接传入SQL语句作为参数，避免复杂拼接return jdbcTemplate.query(sql.toString(), new Object[]{/*参数*/}, new HouseRowMapper());
}

注意：组合查询无法接收参数时，常因变量名大小写不一致导致，需仔细检查。

四、项目管理与优化

4.1 代码组织策略

Servlet与JSP对应：有时可以为每个JSP页面创建对应的Servlet，职责清晰
功能模块化：将相关功能集中管理，如用户模块、房屋模块、订单模块等
公共组件提取：将常用功能提取为工具类或组件，如分页组件、文件上传组件等

4.2 快速查找与定位

全局搜索：善用IDE的全局搜索功能（Ctrl+F/Ctrl+Shift+F）
文件命名规范：统一的文件命名规则有助于快速定位
代码注释：关键代码添加注释，方便后期查找和维护
书签功能：使用IDE的书签功能标记重要代码位置

4.3 权限控制实现

// 权限控制过滤器
public class PermissionFilter implements Filter {@Overridepublic void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)throws IOException, ServletException {HttpServletRequest req = (HttpServletRequest) request;HttpServletResponse resp = (HttpServletResponse) response;// 获取当前用户User user = (User) req.getSession().getAttribute("loginUser");String uri = req.getRequestURI();// 管理员可以访问所有资源if (user != null && "admin".equals(user.getRole())) {chain.doFilter(request, response);return;}// 普通用户权限控制if (uri.contains("/admin/") && (user == null || !"admin".equals(user.getRole()))) {resp.sendRedirect(req.getContextPath() + "/noPermission.jsp");return;}chain.doFilter(request, response);}
}

权限设计原则：

管理员可以看到更多内容
管理员不能管理同级用户
基于角色的访问控制

4.4 项目风格与规范

风格取向：
- 个人项目：可以体现个人风格和创意
- 答辩项目：应采用商业化、规范化风格
- 兴趣项目：可自由发挥，体现个性
- 商业项目：需符合行业规范和用户习惯
命名规范：
- 严格区分大小写
- 类名使用 PascalCase
- 方法和变量使用 camelCase
- 常量使用 UPPER_SNAKE_CASE