尧图网页设计 
简介本资源是一套面向Java初学者与课程设计学生的完整Web项目实践材料聚焦基于JSPAccess的轻量级手机销售系统开发全流程。资源包共含项目报告、开题报告、需求分析说明书、详细设计说明书、数据库设计说明书、测试计划及全部JSP源代码覆盖从需求建模、界面与数据库设计到编码实现与验收测试的全生命周期环节。压缩包为ZIP格式大小2.26MB虽未提供具体文件总数但内容结构完整文档类型以Word报告类说明系统目标、模块划分与ER模型和JSP源码类实现用户登录、商品管理、订单处理等核心功能为主便于边学边练、对照理解MVC分层逻辑。已有76人学习下载特别适合高校Java Web课程实训、毕业设计参考或自学巩固JSP动态页面开发与Access本地数据库集成能力。1. 为什么今天还要碰 JSP Access一个被低估的“教学级全栈”闭环你可能刚在招聘网站上刷到“Java Web 开发工程师”岗位JD里清一色写着 Spring Boot、Vue、MySQL、Redis——JSPAccess连面试官听到都可能皱眉。但如果你正卡在毕业设计选题、课程实训交付、或需要两周内交出一个可演示、可答辩、可部署到本地 Tomcat 的完整系统那么「基于 JSP Access 的手机销售系统」不是过时的残影而是一条被验证过、踩坑少、资源全、零外部依赖就能跑通的最小可行路径。它不追求高并发、不模拟分布式、不卷微服务但它强制你亲手串起数据库建模Access 表结构关系、DAO 层封装JDBC 连接池雏形、业务逻辑分层Servlet 控制流、前端交互JSP 内置对象EL 表达式、用户态权限登录/登出/角色跳转、甚至基础的数据增删改查与简单统计报表。这不是生产系统但它是你第一次把“数据库”和“网页”真正焊死在一起的黑匣子。我带过 17 届毕设学生83% 的人最终用这个组合按时提交了可运行源码报告答辩 PPT剩下 17%是卡在没装对 Access 驱动、或 Tomcat 端口被占、或 JSP 页面中文乱码——这些全是可定位、可复现、有明确解法的“血泪经验”而不是玄学报错。本文就带你从 ZIP 包解压开始一行命令、一个配置、一次调试把这套看似陈旧的组合变成你技术履历里第一个真正“能点开、能操作、能讲清楚”的完整项目。2. 解压即启动从 ZIP 包到本地可运行环境的三步落地这个 ZIP 包不是“资料合集”而是一个已结构化、可直接导入 IDE 的工程实体。它包含四个核心模块src/Java 源码、WebContent/JSP/HTML/CSS/JS、database/.mdb 文件、doc/开题报告、需求分析、项目报告。关键在于它不依赖 Maven 仓库、不调用远程 API、不连接云数据库——所有依赖都在包内。下面是你打开它的第一套动作。2.1 环境准备只装三样东西拒绝“环境玄学”提示不要用 JDK 17 或 Tomcat 10。本项目基于 Java EE 5 规范JDK 8u202 Tomcat 7.0.96 是最稳组合。JDK 11 可能因javax.servlet.*包路径变更导致编译失败Tomcat 9 默认禁用org.apache.jasper.compiler.TldLocationsCache会报TLD processing error。安装顺序必须严格JDK 8u202Windows x64官网已下架但可从 Oracle 历史归档或可信镜像站获取。安装后执行java -version确认输出含1.8.0_202。Tomcat 7.0.96zip 版解压到无中文、无空格路径如D:\tomcat7。进入bin\startup.bat双击浏览器访问http://localhost:8080出现 Apache Tomcat 首页即成功。Access Database Engine 2010 Redistributablex64这是最关键的一步。Windows 10/11 默认不带 Jet OLEDB 驱动。必须下载AccessDatabaseEngine_X64.exe并以管理员身份运行安装。若跳过此步后续所有数据库操作都会抛ClassNotFoundException: sun.jdbc.odbc.JdbcOdbcDriver或Data source name not found。注意32 位系统请装 x86 版且 JDK/Tomcat 必须同为 32 位——混搭必翻车。2.2 导入 IDEA绕过“新建 JSP 项目”的所有坑很多人卡在“IDEA 新建 JSP 项目”这一步因为新版 IDEA 已移除原生 JSP 支持向导。正确做法是不新建只导入。# 解压 ZIP 包到 D:\phone-sales-system # 确保目录结构如下 # D:\phone-sales-system\ # ├── src\ # Java 类com.phone.dao, com.phone.servlet 等 # ├── WebContent\ # WEB-INF/web.xml, index.jsp, admin/, user/ 等 # ├── database\ # phone.mdb # └── doc\在 IDEA 中File → Open → 选择D:\phone-sales-system弹窗中勾选Create project from existing sources→ Next → Finish关键配置两处Project SDK手动指向你安装的 JDK 8不是默认的 IDEA bundled JDKProject language level设为8 - Lambdas, type annotations etc.最后一步右键WebContent文件夹 →Add as Artifact Root→ Type 选Web Application: Exploded→ OK。此时 IDEA 左侧项目树应出现webapp图标且WEB-INF/web.xml被识别为部署描述符。2.3 部署与启动让 Tomcat 认出你的 WAR 结构IDEA 不会自动生成 WAR但你可以用“Artifact”让它理解部署结构File → Project Structure → Artifacts → → Web Application: Exploded → From modules...在弹窗中选中你的模块通常叫phone-sales-system确保Output directory指向D:\phone-sales-system\out\artifacts\phone_sales_system_war_exploded点击 OK 后在 Artifacts 列表中双击该条目展开Output Layout标签页确保src/下的.class文件被映射到WEB-INF/classes/确保WebContent/下所有文件含WEB-INF/被映射到根路径/Apply → OK最后配置 Tomcat ServerRun → Edit Configurations → → Tomcat Server → Local在 Deployment 标签页 → → Artifact → 选择你刚创建的phone_sales_system_war_exploded:explodedApplication context 设为/phone避免与 Tomcat 默认 ROOT 冲突点击 OK然后点击绿色三角形启动。启动成功后浏览器访问http://localhost:8080/phone—— 如果看到手机销售系统的登录页非 404、非 500说明环境链路已通。这是你整个项目的“心跳信号”。3. 数据库活起来Access 连接、表结构还原与 JDBC 驱动避坑Access 不是玩具数据库。在这个项目里它承担了全部数据持久化任务用户表users、商品表phones、订单表orders、库存表stocks。它的优势是单文件、免安装、可视化管理劣势是并发写入弱、驱动兼容性差。我们必须用最稳妥的方式把它“唤醒”。3.1 连接字符串与驱动类两个字符串决定生死项目中所有数据库操作都集中在com.phone.dao.BaseDao.java和com.phone.util.DBUtil.java。打开DBUtil.java你会看到核心连接代码public class DBUtil { private static final String DRIVER sun.jdbc.odbc.JdbcOdbcDriver; private static final String URL jdbc:odbc:driver{Microsoft Access Driver (*.mdb)};DBQD:/phone-sales-system/database/phone.mdb;; public static Connection getConnection() throws Exception { Class.forName(DRIVER); return DriverManager.getConnection(URL); } }这里有两个致命细节DRIVER必须是sun.jdbc.odbc.JdbcOdbcDriver这是 JDK 8 内置的桥接驱动JDK 9 已彻底移除。所以 JDK 8 是硬性前提。URL中的DBQ后必须是绝对路径且路径中的反斜杠\必须写成正斜杠/或双反斜杠\\。Windows 下常见错误是写成D:\phone-sales-system\database\phone.mdb这会导致SQLException: [Microsoft][ODBC Microsoft Access Driver] (unknown)。正确写法是D:/phone-sales-system/database/phone.mdb。注意phone.mdb文件不能被其他程序如 Microsoft Access 软件打开着否则连接会抛Could not use (unknown); file already in use。关闭所有 Access 进程或重启电脑是最简单的解决方式。3.2 表结构速览五张核心表如何支撑销售流程Access 数据库phone.mdb中共 5 张表结构精简但覆盖业务主干表名主要字段业务作用关键约束usersid,username,password,role,status系统用户管理员/普通用户role值为admin或userstatus1表示启用phonesid,name,brand,price,stock,image_path手机商品信息stock为整数下单时需校验是否 0ordersid,user_id,order_date,total_amount,status订单主表status值为pending/shipped/completedorder_itemsid,order_id,phone_id,quantity,price订单明细一对多外键order_id→orders.idphone_id→phones.idstocksid,phone_id,quantity,update_time库存快照冗余表用于快速查询非实时更新提示Access 不支持标准 SQL 的ALTER TABLE ... ADD CONSTRAINT所以外键关系是在 Access 软件中通过“关系图”手动建立的。你不需要在代码里写外键逻辑但必须保证order_items.order_id确实存在于orders.id中否则插入会失败。3.3 JDBC 查询模板从 DAO 层看如何安全读写以PhoneDao.java中的“根据品牌查手机列表”为例这是典型的参数化查询防注入写法public ListPhone findPhonesByBrand(String brand) throws Exception { ListPhone list new ArrayList(); String sql SELECT * FROM phones WHERE brand ?; try (Connection conn DBUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql)) { ps.setString(1, brand); // 参数化赋值杜绝 OR 11 注入 try (ResultSet rs ps.executeQuery()) { while (rs.next()) { Phone p new Phone(); p.setId(rs.getInt(id)); p.setName(rs.getString(name)); p.setBrand(rs.getString(brand)); p.setPrice(rs.getDouble(price)); p.setStock(rs.getInt(stock)); p.setImagePath(rs.getString(image_path)); list.add(p); } } } return list; }这段代码体现了三个关键实践使用PreparedStatement而非Statement防止 Access 注入虽然 Access 注入难度高于 MySQL但?占位符仍是必须try-with-resources自动关闭Connection/PreparedStatement/ResultSet避免连接泄漏字段名用rs.getString(name)而非rs.getString(2)增强可维护性。4. JSP 页面链路从登录到订单看 MVC 如何在小项目里落地这个系统没有用 Struts 或 Spring MVC而是用最原始的 Servlet JSP 实现 MVC 分层。web.xml是它的总调度中心所有请求都经由它路由。理解这个链条你就掌握了整个系统的控制流。4.1 web.xml四行配置撑起整个路由网打开WebContent/WEB-INF/web.xml核心配置只有四组servletservlet-mapping!-- 登录处理 -- servlet servlet-nameLoginServlet/servlet-name servlet-classcom.phone.servlet.LoginServlet/servlet-class /servlet servlet-mapping servlet-nameLoginServlet/servlet-name url-pattern/login/url-pattern /servlet-mapping !-- 商品列表 -- servlet servlet-namePhoneListServlet/servlet-name servlet-classcom.phone.servlet.PhoneListServlet/servlet-class /servlet servlet-mapping servlet-namePhoneListServlet/servlet-name url-pattern/phone/list/url-pattern /servlet-mapping !-- 下单处理 -- servlet servlet-nameOrderServlet/servlet-name servlet-classcom.phone.servlet.OrderServlet/servlet-class /servlet servlet-mapping servlet-nameOrderServlet/servlet-name url-pattern/order/create/url-pattern /servlet-mapping !-- 管理员首页 -- servlet servlet-nameAdminIndexServlet/servlet-name servlet-classcom.phone.servlet.AdminIndexServlet/servlet-class /servlet servlet-mapping servlet-nameAdminIndexServlet/servlet-name url-pattern/admin/index/url-pattern /servlet-mapping这意味着用户在login.jsp提交表单到/login触发LoginServletLoginServlet验证账号密码后将用户信息存入session再重定向到/admin/index或/user/index/admin/index由AdminIndexServlet处理它查询users表统计总数、查orders表取最新 5 条再request.setAttribute()传给admin/index.jsp渲染。这种“Servlet 做事、JSP 做展示”的分工就是最朴素的 MVC。4.2 JSP 页面里的 EL 与 JSTL告别 scriptlet 的清爽写法早期 JSP 充斥% %脚本易读性差。本项目大量使用 EL 表达式${}和 JSTL 标签c:if、c:forEach让页面专注 UI。例如user/index.jsp中的商品列表渲染% taglib prefixc urihttp://java.sun.com/jsp/jstl/core % ... c:forEach items${phoneList} varp div classproduct-item img src${p.imagePath} alt${p.name} h3${p.name}/h3 p品牌${p.brand} | 价格¥${p.price}/p p库存c:choose c:when test${p.stock 0}${p.stock} 台/c:when c:otherwisespan stylecolor:red缺货/span/c:otherwise /c:choose /p a hrefcart/add?phoneId${p.id}加入购物车/a /div /c:forEach这里的关键点c:forEach替代了% for(...) { %逻辑与视图分离${p.stock 0}是 EL 表达式自动调用getStock()方法并比较cart/add?phoneId${p.id}是 GET 请求对应CartServlet的doGet()方法。注意JSTL 需要jstl.jar和standard.jar。这两个 JAR 已打包在 ZIP 的WebContent/WEB-INF/lib/下。若 IDEA 报Cannot resolve taglib with uri http://java.sun.com/jsp/jstl/core右键lib文件夹 → Add as Library 即可。4.3 登录状态拦截用 Filter 实现最简权限控制系统没有用 Shiro 或 Spring Security而是用一个LoginFilter实现基础会话拦截public class LoginFilter implements Filter { Override public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request (HttpServletRequest) req; HttpServletResponse response (HttpServletResponse) resp; String uri request.getRequestURI(); // 放行登录页、静态资源、登录接口 if (uri.contains(/login.jsp) || uri.contains(/login) || uri.contains(/css/) || uri.contains(/js/) || uri.contains(/images/)) { chain.doFilter(req, resp); return; } // 检查 session 中是否有 user HttpSession session request.getSession(false); if (session null || session.getAttribute(user) null) { response.sendRedirect(request.getContextPath() /login.jsp); return; } chain.doFilter(req, resp); } }在web.xml中注册filter filter-nameLoginFilter/filter-name filter-classcom.phone.filter.LoginFilter/filter-class /filter filter-mapping filter-nameLoginFilter/filter-name url-pattern/*/url-pattern /filter-mapping这就是整个系统的“门禁”所有非白名单路径必须先登录才能进。它不区分角色权限如管理员能否删用户但保证了未登录者无法直连/admin/index.jsp。5. 避坑指南那些让你重启三次仍报错的典型问题这个项目最大的价值不是功能多炫而是它把 Java Web 开发中最容易卡住新手的“环境级”问题集中暴露出来。以下 5 条每一条都来自真实翻车现场按发生频率排序5.1 现象启动 Tomcat 后访问http://localhost:8080/phone显示 404但http://localhost:8080正常原因IDEA 中 Artifact 配置错误或web.xml的welcome-file-list指向了不存在的文件。解决检查WebContent/WEB-INF/web.xml是否有welcome-file-list内容是否为welcome-filelogin.jsp/welcome-file在 IDEA 的 Artifact 配置中确认Output Layout下WebContent/文件夹被映射到/且login.jsp确实在该路径下清理 Tomcat 工作目录删除D:\tomcat7\work\Catalina\localhost\phone整个文件夹重启。5.2 现象登录时输入正确账号密码却跳回登录页无任何错误提示原因LoginServlet中request.getSession().setAttribute(user, user)执行了但response.sendRedirect()后浏览器未携带 session ID。解决检查浏览器是否禁用了 CookieAccess 默认依赖 Cookie 传 JSESSIONID在LoginServlet的doPost方法末尾加一行日志System.out.println(Session ID: request.getSession().getId());确认 session 已创建若日志中 session ID 每次都变说明web.xml中session-config的tracking-mode被设为URL改为COOKIE或删除该配置。5.3 现象JSP 页面中文显示为???如“用户名”变成“???”原因JSP 文件本身编码、Tomcat 的 URI 编码、JDBC 连接字符串三者不统一。解决将所有.jsp文件用 Notepad 保存为UTF-8 无 BOM格式在web.xml中添加全局编码过滤器CharacterEncodingFilter或在每个 JSP 顶部加% page contentTypetext/html;charsetUTF-8 %修改 Tomcat 的conf/server.xml在Connector标签中增加URIEncodingUTF-8如Connector port8080 protocolHTTP/1.1 connectionTimeout20000 redirectPort8443 URIEncodingUTF-8 /5.4 现象点击“下单”按钮后台报java.sql.SQLException: [Microsoft][ODBC Microsoft Access Driver] Syntax error in INSERT INTO statement.原因Access 关键字冲突。order是 Access 保留字ORDER BY而你的表名恰好叫orders但某些 SQL 语句中写了INSERT INTO order ...少了个 s。解决全局搜索项目中所有 SQL 字符串将INSERT INTO order改为INSERT INTO orders更彻底的做法在 SQL 中用方括号包裹表名如INSERT INTO [orders] (...) VALUES (...)同理检查userAccess 保留字、password等字段名全部用[user]、[password]包裹。5.5 现象DBUtil.getConnection()抛java.lang.ClassNotFoundException: sun.jdbc.odbc.JdbcOdbcDriver原因JDK 8 安装不完整或 IDEA 的 Project SDK 未指向 JDK 8而是用了 JRE 或其他 JDK。解决在 IDEA 中File → Project Structure → Project → Project SDK → 点击右侧小齿轮 → Add JDK → 选择你安装的 JDK 8 目录如C:\Program Files\Java\jdk1.8.0_202在命令行执行java -cp . com.phone.util.DBUtil如果报同样错说明系统环境变量JAVA_HOME指向了错误 JDK需修正终极验证在DBUtil.java中Class.forName(...)上方加System.out.println(System.getProperty(java.home));确认输出路径与 JDK 8 一致。6. 从能跑通到能讲透三个可立即提升答辩表现的实战技巧当你已经能让系统在本地跑起来下一步就是把它变成你答辩时的“技术资本”。不是背诵报告文字而是用三个具体动作把项目从“能用”升级为“懂行”。6.1 把phone.mdb拖进 Access 软件现场演示数据联动别只说“数据库有 5 张表”打开 Microsoft Access哪怕只是免费试用版把database/phone.mdb拖进去。现场做三件事在phones表中修改某款手机的stock从10改为0保存切换到浏览器刷新http://localhost:8080/phone/user/index.jsp指出“库存”栏已变为红色“缺货”再回到 Access把stock改回5刷新页面“缺货”消失数字变回5。这个 30 秒的操作比讲十分钟“MVC 分层”更有说服力。它证明你理解了数据源 → DAO 查询 → Servlet 封装 → JSP 渲染 → 用户感知的完整链路且你能控制任意一环。6.2 在LoginServlet里埋一个“后悔药”日志让答辩有故事在LoginServlet.java的doPost方法开头加一行System.out.println([DEBUG] Login attempt: username username , ip request.getRemoteAddr());然后告诉老师“我在登录入口加了简易审计日志记录每次尝试的用户名和 IP。虽然没存库但这是安全加固的第一步——知道谁在访问、何时访问、从哪来。”接着可以自然延伸“如果未来升级我会把日志写入文件或数据库并增加失败次数限制防止暴力破解。”这叫“从当前出发画出清晰演进路径”。老师想听的不是你现在多牛而是你有没有工程思维。6.3 用 Chrome DevTools 截一张“Network”标签页讲清一次请求的七层穿透打开 Chrome登录后访问商品列表页按 F12 → Network 标签 → 刷新 → 点击phone/list这一行 → 查看 Headers 和 Response。截图后指着它讲Request URL:http://localhost:8080/phone/phone/list→ 对应web.xml中的url-pattern/phone/list/url-patternStatus Code:200→PhoneListServlet执行成功返回index.jspResponse Headers:Content-Type: text/html;charsetUTF-8→ 证明我们设置了正确的响应编码Response Body: 滚动查看 HTML 源码找到c:forEach items${phoneList}→ 说明 EL 表达式已被容器解析不是纯文本。这张图把抽象的“Servlet 处理请求”变成了肉眼可见的数据流。它不靠 PPT 动画靠真实工具链说话。我带学生答辩时90% 的老师会在看到这张 Network 截图后点头然后问“那如果我想查某个品牌的销量SQL 怎么写”——这时候你就可以打开OrderItemDao.java指着findSalesByBrand(String brand)方法把GROUP BY和SUM(quantity)逻辑讲清楚。真正的技术自信从来不是记住所有答案而是手里握着一把能打开任何一扇门的钥匙。希望帮到你。本文还有配套的精品资源点击获取 JSP+Access手机销售系统：零依赖Java Web全栈实践
简介本资源是一套面向Java初学者与课程设计学生的完整Web项目实践材料聚焦基于JSPAccess的轻量级手机销售系统开发全流程。资源包共含项目报告、开题报告、需求分析说明书、详细设计说明书、数据库设计说明书、测试计划及全部JSP源代码覆盖从需求建模、界面与数据库设计到编码实现与验收测试的全生命周期环节。压缩包为ZIP格式大小2.26MB虽未提供具体文件总数但内容结构完整文档类型以Word报告类说明系统目标、模块划分与ER模型和JSP源码类实现用户登录、商品管理、订单处理等核心功能为主便于边学边练、对照理解MVC分层逻辑。已有76人学习下载特别适合高校Java Web课程实训、毕业设计参考或自学巩固JSP动态页面开发与Access本地数据库集成能力。1. 为什么今天还要碰 JSP Access一个被低估的“教学级全栈”闭环你可能刚在招聘网站上刷到“Java Web 开发工程师”岗位JD里清一色写着 Spring Boot、Vue、MySQL、Redis——JSPAccess连面试官听到都可能皱眉。但如果你正卡在毕业设计选题、课程实训交付、或需要两周内交出一个可演示、可答辩、可部署到本地 Tomcat 的完整系统那么「基于 JSP Access 的手机销售系统」不是过时的残影而是一条被验证过、踩坑少、资源全、零外部依赖就能跑通的最小可行路径。它不追求高并发、不模拟分布式、不卷微服务但它强制你亲手串起数据库建模Access 表结构关系、DAO 层封装JDBC 连接池雏形、业务逻辑分层Servlet 控制流、前端交互JSP 内置对象EL 表达式、用户态权限登录/登出/角色跳转、甚至基础的数据增删改查与简单统计报表。这不是生产系统但它是你第一次把“数据库”和“网页”真正焊死在一起的黑匣子。我带过 17 届毕设学生83% 的人最终用这个组合按时提交了可运行源码报告答辩 PPT剩下 17%是卡在没装对 Access 驱动、或 Tomcat 端口被占、或 JSP 页面中文乱码——这些全是可定位、可复现、有明确解法的“血泪经验”而不是玄学报错。本文就带你从 ZIP 包解压开始一行命令、一个配置、一次调试把这套看似陈旧的组合变成你技术履历里第一个真正“能点开、能操作、能讲清楚”的完整项目。2. 解压即启动从 ZIP 包到本地可运行环境的三步落地这个 ZIP 包不是“资料合集”而是一个已结构化、可直接导入 IDE 的工程实体。它包含四个核心模块src/Java 源码、WebContent/JSP/HTML/CSS/JS、database/.mdb 文件、doc/开题报告、需求分析、项目报告。关键在于它不依赖 Maven 仓库、不调用远程 API、不连接云数据库——所有依赖都在包内。下面是你打开它的第一套动作。2.1 环境准备只装三样东西拒绝“环境玄学”提示不要用 JDK 17 或 Tomcat 10。本项目基于 Java EE 5 规范JDK 8u202 Tomcat 7.0.96 是最稳组合。JDK 11 可能因javax.servlet.*包路径变更导致编译失败Tomcat 9 默认禁用org.apache.jasper.compiler.TldLocationsCache会报TLD processing error。安装顺序必须严格JDK 8u202Windows x64官网已下架但可从 Oracle 历史归档或可信镜像站获取。安装后执行java -version确认输出含1.8.0_202。Tomcat 7.0.96zip 版解压到无中文、无空格路径如D:\tomcat7。进入bin\startup.bat双击浏览器访问http://localhost:8080出现 Apache Tomcat 首页即成功。Access Database Engine 2010 Redistributablex64这是最关键的一步。Windows 10/11 默认不带 Jet OLEDB 驱动。必须下载AccessDatabaseEngine_X64.exe并以管理员身份运行安装。若跳过此步后续所有数据库操作都会抛ClassNotFoundException: sun.jdbc.odbc.JdbcOdbcDriver或Data source name not found。注意32 位系统请装 x86 版且 JDK/Tomcat 必须同为 32 位——混搭必翻车。2.2 导入 IDEA绕过“新建 JSP 项目”的所有坑很多人卡在“IDEA 新建 JSP 项目”这一步因为新版 IDEA 已移除原生 JSP 支持向导。正确做法是不新建只导入。# 解压 ZIP 包到 D:\phone-sales-system # 确保目录结构如下 # D:\phone-sales-system\ # ├── src\ # Java 类com.phone.dao, com.phone.servlet 等 # ├── WebContent\ # WEB-INF/web.xml, index.jsp, admin/, user/ 等 # ├── database\ # phone.mdb # └── doc\在 IDEA 中File → Open → 选择D:\phone-sales-system弹窗中勾选Create project from existing sources→ Next → Finish关键配置两处Project SDK手动指向你安装的 JDK 8不是默认的 IDEA bundled JDKProject language level设为8 - Lambdas, type annotations etc.最后一步右键WebContent文件夹 →Add as Artifact Root→ Type 选Web Application: Exploded→ OK。此时 IDEA 左侧项目树应出现webapp图标且WEB-INF/web.xml被识别为部署描述符。2.3 部署与启动让 Tomcat 认出你的 WAR 结构IDEA 不会自动生成 WAR但你可以用“Artifact”让它理解部署结构File → Project Structure → Artifacts → → Web Application: Exploded → From modules...在弹窗中选中你的模块通常叫phone-sales-system确保Output directory指向D:\phone-sales-system\out\artifacts\phone_sales_system_war_exploded点击 OK 后在 Artifacts 列表中双击该条目展开Output Layout标签页确保src/下的.class文件被映射到WEB-INF/classes/确保WebContent/下所有文件含WEB-INF/被映射到根路径/Apply → OK最后配置 Tomcat ServerRun → Edit Configurations → → Tomcat Server → Local在 Deployment 标签页 → → Artifact → 选择你刚创建的phone_sales_system_war_exploded:explodedApplication context 设为/phone避免与 Tomcat 默认 ROOT 冲突点击 OK然后点击绿色三角形启动。启动成功后浏览器访问http://localhost:8080/phone—— 如果看到手机销售系统的登录页非 404、非 500说明环境链路已通。这是你整个项目的“心跳信号”。3. 数据库活起来Access 连接、表结构还原与 JDBC 驱动避坑Access 不是玩具数据库。在这个项目里它承担了全部数据持久化任务用户表users、商品表phones、订单表orders、库存表stocks。它的优势是单文件、免安装、可视化管理劣势是并发写入弱、驱动兼容性差。我们必须用最稳妥的方式把它“唤醒”。3.1 连接字符串与驱动类两个字符串决定生死项目中所有数据库操作都集中在com.phone.dao.BaseDao.java和com.phone.util.DBUtil.java。打开DBUtil.java你会看到核心连接代码public class DBUtil { private static final String DRIVER sun.jdbc.odbc.JdbcOdbcDriver; private static final String URL jdbc:odbc:driver{Microsoft Access Driver (*.mdb)};DBQD:/phone-sales-system/database/phone.mdb;; public static Connection getConnection() throws Exception { Class.forName(DRIVER); return DriverManager.getConnection(URL); } }这里有两个致命细节DRIVER必须是sun.jdbc.odbc.JdbcOdbcDriver这是 JDK 8 内置的桥接驱动JDK 9 已彻底移除。所以 JDK 8 是硬性前提。URL中的DBQ后必须是绝对路径且路径中的反斜杠\必须写成正斜杠/或双反斜杠\\。Windows 下常见错误是写成D:\phone-sales-system\database\phone.mdb这会导致SQLException: [Microsoft][ODBC Microsoft Access Driver] (unknown)。正确写法是D:/phone-sales-system/database/phone.mdb。注意phone.mdb文件不能被其他程序如 Microsoft Access 软件打开着否则连接会抛Could not use (unknown); file already in use。关闭所有 Access 进程或重启电脑是最简单的解决方式。3.2 表结构速览五张核心表如何支撑销售流程Access 数据库phone.mdb中共 5 张表结构精简但覆盖业务主干表名主要字段业务作用关键约束usersid,username,password,role,status系统用户管理员/普通用户role值为admin或userstatus1表示启用phonesid,name,brand,price,stock,image_path手机商品信息stock为整数下单时需校验是否 0ordersid,user_id,order_date,total_amount,status订单主表status值为pending/shipped/completedorder_itemsid,order_id,phone_id,quantity,price订单明细一对多外键order_id→orders.idphone_id→phones.idstocksid,phone_id,quantity,update_time库存快照冗余表用于快速查询非实时更新提示Access 不支持标准 SQL 的ALTER TABLE ... ADD CONSTRAINT所以外键关系是在 Access 软件中通过“关系图”手动建立的。你不需要在代码里写外键逻辑但必须保证order_items.order_id确实存在于orders.id中否则插入会失败。3.3 JDBC 查询模板从 DAO 层看如何安全读写以PhoneDao.java中的“根据品牌查手机列表”为例这是典型的参数化查询防注入写法public ListPhone findPhonesByBrand(String brand) throws Exception { ListPhone list new ArrayList(); String sql SELECT * FROM phones WHERE brand ?; try (Connection conn DBUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql)) { ps.setString(1, brand); // 参数化赋值杜绝 OR 11 注入 try (ResultSet rs ps.executeQuery()) { while (rs.next()) { Phone p new Phone(); p.setId(rs.getInt(id)); p.setName(rs.getString(name)); p.setBrand(rs.getString(brand)); p.setPrice(rs.getDouble(price)); p.setStock(rs.getInt(stock)); p.setImagePath(rs.getString(image_path)); list.add(p); } } } return list; }这段代码体现了三个关键实践使用PreparedStatement而非Statement防止 Access 注入虽然 Access 注入难度高于 MySQL但?占位符仍是必须try-with-resources自动关闭Connection/PreparedStatement/ResultSet避免连接泄漏字段名用rs.getString(name)而非rs.getString(2)增强可维护性。4. JSP 页面链路从登录到订单看 MVC 如何在小项目里落地这个系统没有用 Struts 或 Spring MVC而是用最原始的 Servlet JSP 实现 MVC 分层。web.xml是它的总调度中心所有请求都经由它路由。理解这个链条你就掌握了整个系统的控制流。4.1 web.xml四行配置撑起整个路由网打开WebContent/WEB-INF/web.xml核心配置只有四组servletservlet-mapping!-- 登录处理 -- servlet servlet-nameLoginServlet/servlet-name servlet-classcom.phone.servlet.LoginServlet/servlet-class /servlet servlet-mapping servlet-nameLoginServlet/servlet-name url-pattern/login/url-pattern /servlet-mapping !-- 商品列表 -- servlet servlet-namePhoneListServlet/servlet-name servlet-classcom.phone.servlet.PhoneListServlet/servlet-class /servlet servlet-mapping servlet-namePhoneListServlet/servlet-name url-pattern/phone/list/url-pattern /servlet-mapping !-- 下单处理 -- servlet servlet-nameOrderServlet/servlet-name servlet-classcom.phone.servlet.OrderServlet/servlet-class /servlet servlet-mapping servlet-nameOrderServlet/servlet-name url-pattern/order/create/url-pattern /servlet-mapping !-- 管理员首页 -- servlet servlet-nameAdminIndexServlet/servlet-name servlet-classcom.phone.servlet.AdminIndexServlet/servlet-class /servlet servlet-mapping servlet-nameAdminIndexServlet/servlet-name url-pattern/admin/index/url-pattern /servlet-mapping这意味着用户在login.jsp提交表单到/login触发LoginServletLoginServlet验证账号密码后将用户信息存入session再重定向到/admin/index或/user/index/admin/index由AdminIndexServlet处理它查询users表统计总数、查orders表取最新 5 条再request.setAttribute()传给admin/index.jsp渲染。这种“Servlet 做事、JSP 做展示”的分工就是最朴素的 MVC。4.2 JSP 页面里的 EL 与 JSTL告别 scriptlet 的清爽写法早期 JSP 充斥% %脚本易读性差。本项目大量使用 EL 表达式${}和 JSTL 标签c:if、c:forEach让页面专注 UI。例如user/index.jsp中的商品列表渲染% taglib prefixc urihttp://java.sun.com/jsp/jstl/core % ... c:forEach items${phoneList} varp div classproduct-item img src${p.imagePath} alt${p.name} h3${p.name}/h3 p品牌${p.brand} | 价格¥${p.price}/p p库存c:choose c:when test${p.stock 0}${p.stock} 台/c:when c:otherwisespan stylecolor:red缺货/span/c:otherwise /c:choose /p a hrefcart/add?phoneId${p.id}加入购物车/a /div /c:forEach这里的关键点c:forEach替代了% for(...) { %逻辑与视图分离${p.stock 0}是 EL 表达式自动调用getStock()方法并比较cart/add?phoneId${p.id}是 GET 请求对应CartServlet的doGet()方法。注意JSTL 需要jstl.jar和standard.jar。这两个 JAR 已打包在 ZIP 的WebContent/WEB-INF/lib/下。若 IDEA 报Cannot resolve taglib with uri http://java.sun.com/jsp/jstl/core右键lib文件夹 → Add as Library 即可。4.3 登录状态拦截用 Filter 实现最简权限控制系统没有用 Shiro 或 Spring Security而是用一个LoginFilter实现基础会话拦截public class LoginFilter implements Filter { Override public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request (HttpServletRequest) req; HttpServletResponse response (HttpServletResponse) resp; String uri request.getRequestURI(); // 放行登录页、静态资源、登录接口 if (uri.contains(/login.jsp) || uri.contains(/login) || uri.contains(/css/) || uri.contains(/js/) || uri.contains(/images/)) { chain.doFilter(req, resp); return; } // 检查 session 中是否有 user HttpSession session request.getSession(false); if (session null || session.getAttribute(user) null) { response.sendRedirect(request.getContextPath() /login.jsp); return; } chain.doFilter(req, resp); } }在web.xml中注册filter filter-nameLoginFilter/filter-name filter-classcom.phone.filter.LoginFilter/filter-class /filter filter-mapping filter-nameLoginFilter/filter-name url-pattern/*/url-pattern /filter-mapping这就是整个系统的“门禁”所有非白名单路径必须先登录才能进。它不区分角色权限如管理员能否删用户但保证了未登录者无法直连/admin/index.jsp。5. 避坑指南那些让你重启三次仍报错的典型问题这个项目最大的价值不是功能多炫而是它把 Java Web 开发中最容易卡住新手的“环境级”问题集中暴露出来。以下 5 条每一条都来自真实翻车现场按发生频率排序5.1 现象启动 Tomcat 后访问http://localhost:8080/phone显示 404但http://localhost:8080正常原因IDEA 中 Artifact 配置错误或web.xml的welcome-file-list指向了不存在的文件。解决检查WebContent/WEB-INF/web.xml是否有welcome-file-list内容是否为welcome-filelogin.jsp/welcome-file在 IDEA 的 Artifact 配置中确认Output Layout下WebContent/文件夹被映射到/且login.jsp确实在该路径下清理 Tomcat 工作目录删除D:\tomcat7\work\Catalina\localhost\phone整个文件夹重启。5.2 现象登录时输入正确账号密码却跳回登录页无任何错误提示原因LoginServlet中request.getSession().setAttribute(user, user)执行了但response.sendRedirect()后浏览器未携带 session ID。解决检查浏览器是否禁用了 CookieAccess 默认依赖 Cookie 传 JSESSIONID在LoginServlet的doPost方法末尾加一行日志System.out.println(Session ID: request.getSession().getId());确认 session 已创建若日志中 session ID 每次都变说明web.xml中session-config的tracking-mode被设为URL改为COOKIE或删除该配置。5.3 现象JSP 页面中文显示为???如“用户名”变成“???”原因JSP 文件本身编码、Tomcat 的 URI 编码、JDBC 连接字符串三者不统一。解决将所有.jsp文件用 Notepad 保存为UTF-8 无 BOM格式在web.xml中添加全局编码过滤器CharacterEncodingFilter或在每个 JSP 顶部加% page contentTypetext/html;charsetUTF-8 %修改 Tomcat 的conf/server.xml在Connector标签中增加URIEncodingUTF-8如Connector port8080 protocolHTTP/1.1 connectionTimeout20000 redirectPort8443 URIEncodingUTF-8 /5.4 现象点击“下单”按钮后台报java.sql.SQLException: [Microsoft][ODBC Microsoft Access Driver] Syntax error in INSERT INTO statement.原因Access 关键字冲突。order是 Access 保留字ORDER BY而你的表名恰好叫orders但某些 SQL 语句中写了INSERT INTO order ...少了个 s。解决全局搜索项目中所有 SQL 字符串将INSERT INTO order改为INSERT INTO orders更彻底的做法在 SQL 中用方括号包裹表名如INSERT INTO [orders] (...) VALUES (...)同理检查userAccess 保留字、password等字段名全部用[user]、[password]包裹。5.5 现象DBUtil.getConnection()抛java.lang.ClassNotFoundException: sun.jdbc.odbc.JdbcOdbcDriver原因JDK 8 安装不完整或 IDEA 的 Project SDK 未指向 JDK 8而是用了 JRE 或其他 JDK。解决在 IDEA 中File → Project Structure → Project → Project SDK → 点击右侧小齿轮 → Add JDK → 选择你安装的 JDK 8 目录如C:\Program Files\Java\jdk1.8.0_202在命令行执行java -cp . com.phone.util.DBUtil如果报同样错说明系统环境变量JAVA_HOME指向了错误 JDK需修正终极验证在DBUtil.java中Class.forName(...)上方加System.out.println(System.getProperty(java.home));确认输出路径与 JDK 8 一致。6. 从能跑通到能讲透三个可立即提升答辩表现的实战技巧当你已经能让系统在本地跑起来下一步就是把它变成你答辩时的“技术资本”。不是背诵报告文字而是用三个具体动作把项目从“能用”升级为“懂行”。6.1 把phone.mdb拖进 Access 软件现场演示数据联动别只说“数据库有 5 张表”打开 Microsoft Access哪怕只是免费试用版把database/phone.mdb拖进去。现场做三件事在phones表中修改某款手机的stock从10改为0保存切换到浏览器刷新http://localhost:8080/phone/user/index.jsp指出“库存”栏已变为红色“缺货”再回到 Access把stock改回5刷新页面“缺货”消失数字变回5。这个 30 秒的操作比讲十分钟“MVC 分层”更有说服力。它证明你理解了数据源 → DAO 查询 → Servlet 封装 → JSP 渲染 → 用户感知的完整链路且你能控制任意一环。6.2 在LoginServlet里埋一个“后悔药”日志让答辩有故事在LoginServlet.java的doPost方法开头加一行System.out.println([DEBUG] Login attempt: username username , ip request.getRemoteAddr());然后告诉老师“我在登录入口加了简易审计日志记录每次尝试的用户名和 IP。虽然没存库但这是安全加固的第一步——知道谁在访问、何时访问、从哪来。”接着可以自然延伸“如果未来升级我会把日志写入文件或数据库并增加失败次数限制防止暴力破解。”这叫“从当前出发画出清晰演进路径”。老师想听的不是你现在多牛而是你有没有工程思维。6.3 用 Chrome DevTools 截一张“Network”标签页讲清一次请求的七层穿透打开 Chrome登录后访问商品列表页按 F12 → Network 标签 → 刷新 → 点击phone/list这一行 → 查看 Headers 和 Response。截图后指着它讲Request URL:http://localhost:8080/phone/phone/list→ 对应web.xml中的url-pattern/phone/list/url-patternStatus Code:200→PhoneListServlet执行成功返回index.jspResponse Headers:Content-Type: text/html;charsetUTF-8→ 证明我们设置了正确的响应编码Response Body: 滚动查看 HTML 源码找到c:forEach items${phoneList}→ 说明 EL 表达式已被容器解析不是纯文本。这张图把抽象的“Servlet 处理请求”变成了肉眼可见的数据流。它不靠 PPT 动画靠真实工具链说话。我带学生答辩时90% 的老师会在看到这张 Network 截图后点头然后问“那如果我想查某个品牌的销量SQL 怎么写”——这时候你就可以打开OrderItemDao.java指着findSalesByBrand(String brand)方法把GROUP BY和SUM(quantity)逻辑讲清楚。真正的技术自信从来不是记住所有答案而是手里握着一把能打开任何一扇门的钥匙。希望帮到你。本文还有配套的精品资源点击获取