教程从最基础的环境搭建讲起，先帮你理清水果商城的核心逻辑：用户要能逛水果分类、加购物车、下单，管理员要能后台管理商品和订单。接着手把手教你设计MySQL数据库——比如怎么建“水果信息表”存名称、价格、库存，怎么用“订单表”关联用户和商品；再用JSP写前端页面，把数据库里的水果数据动态展示出来，还会教你实现“加入购物车”“提交订单”这些关键功能。每一步都有详细的代码示例和操作截图，哪怕你第一次写SQL语句、第一次用JSP，也能跟着做对。
等你学完，就能拥有一个能实际运行的水果商城：用户能注册登录、选水果、下单，你能后台添加商品、看订单数据。不用怕“没基础学不会”——这篇教程就是给新手量身做的，跟着走，你也能自己搭出属于你的在线水果销售系统。
你是不是也有过这种想法？想做个能实际运行的小项目练手，但看网上的教程要么全是专业术语，要么步骤跳得太快，刚跟着做两步就卡壳？我去年帮邻居家刚毕业的小杨搭水果商城时，他也是这样——连JSP和MySQL是什么都分不清，结果跟着我整理的步骤，花了两周就跑通了完整的系统。今天我把这套“新手友好版”教程搬出来，不用你懂复杂框架，就用JSP+MySQL，一步步教你做个能在线卖水果的商城，保证你看完就能上手。
先理清楚：水果商城到底要做哪些功能？
新手最容易犯的错就是“上来就写代码”，结果写着写着就忘了“我要做什么”。咱们先当回“临时产品经理”，用“开水果店”的思路理清楚核心功能——毕竟你做的是“能卖水果的商城”，得先想明白“顾客要什么”“老板要什么”。
对普通用户（顾客）来说，核心需求就三个：能逛、能选、能买——得看到水果分类（比如“热带水果”“本地鲜果”），点进去能看水果的图片、价格、库存（总不能买个没货的吧？），看中了能加到购物车，最后能填地址、选支付方式（哪怕先做“模拟支付”也行）。对管理员（老板）来说，核心需求是能管商品、能管订单——比如新到了一箱阳光玫瑰，得能添加到系统里；卖出去的订单得能看状态（比如“未发货”“已签收”）；水果降价了得能修改价格。
我把这些功能整理成了一张表，你对照着看，先把这些最基础的做通，剩下的“优惠券”“评论”之类的功能后期再加也不迟：
| 角色 | 核心功能 | 具体说明 |
|---|---|---|
| 普通用户 | 浏览商品 | 按分类查看水果，看详情（名称、价格、库存） |
| 普通用户 | 下单购买 | 加购物车、填收获地址、提交订单（模拟支付） |
| 管理员 | 商品管理 | 添加/修改/删除水果（比如新增“阳光玫瑰”） |
| 管理员 | 订单管理 | 查看订单状态（未发货/已发货）、处理退款 |
为什么选JSP+MySQL？不是说其他技术不好，而是对新手来说“看得见摸得着”——JSP直接把Java代码嵌在HTML里，你改一行文字，刷新页面就能看到效果；MySQL是最常用的关系型数据库，找资料一找一大把。小杨当时第一次用JSP写了个“显示水果列表”的页面，刷新后看到数据库里的苹果、橘子真的列出来，高兴得跟我说：“原来代码不是抽象的符号，真的能变成页面上的东西啊！”
动手做：从0到1搭系统的关键步骤
现在进入“实操环节”，我把最关键的步骤拆成“能落地的小任务”，每一步都告诉你“怎么做”，以及“为什么要这么做”——毕竟光知道“做什么”还不够，得知道“为什么”才能举一反三。
第一步：先把环境搭好——不用你装复杂软件
就像做饭得先买锅碗瓢盆，搭系统得先准备“工具包”：JDK（运行Java的基础）、Tomcat（跑JSP的服务器）、MySQL（存数据的仓库）。我给你指条“懒人路”：直接装个XAMPP（或者WampServer），一键就能搞定Tomcat和MySQL，省得你一个个找安装包、配环境变量——小杨当时就是用XAMPP，5分钟就把环境搭好了。
安装XAMPP的步骤超简单：百度搜“XAMPP下载”，选官网的Windows版，下载后双击安装，一路点“Next”就行。安装完打开XAMPP控制面板，把“Apache”（其实就是Tomcat）和“MySQL”的开关点亮——等图标变成绿色，就说明环境跑起来了。
第二步：设计数据库——把水果和订单“存”对地方
数据库是系统的“心脏”，所有数据都存在这里。你可以把它理解成“带结构的Excel表格集合”，每个表存一类数据。比如“水果表”存水果的名称、价格，“订单表”存用户买了什么、花了多少钱。
我帮你整理了最基础的3张表（新手先做这3张，足够用）：
以“水果表”为例，我给你写了段直接能用的SQL语句——你打开XAMPP里的phpMyAdmin（浏览器输入http://localhost/phpmyadmin），新建一个叫“fruit_shop”的数据库，然后复制这段SQL执行就行：
CREATE TABLE fruit (
fruit_id INT PRIMARY KEY AUTO_INCREMENT, -
水果ID（自动增长）
fruit_name VARCHAR(50) NOT NULL, -
水果名称（比如“红富士苹果”）
price DECIMAL(10,2) NOT NULL, -
价格（保留两位小数，比如9.99）
stock INT NOT NULL DEFAULT 0, -
库存（默认0）
img_path VARCHAR(200) DEFAULT 'default.jpg' -
水果图片路径（默认用默认图）
);
这里要提醒你个“小坑”：字段类型别乱选。比如“库存”是数字，得用INT；“价格”要保留两位小数，得用DECIMAL(10,2)——小杨当时把“库存”写成了VARCHAR（字符串），结果减库存的时候报错（字符串不能做减法），改了类型才好。
第三步：用JSP写页面——让数据“活”在页面上
现在数据库有数据了，得把它显示在页面上吧？JSP的好处就是“把Java代码嵌在HTML里”，你改一行代码，刷新页面就能看到效果。
比如写一个“水果列表页面（fruit_list.jsp）”，核心代码就两步：
我给你写了段新手能直接复制的代码：
<%@ page import="java.sql." %>
水果列表
.fruit-card { border: 1px solid #ddd; padding: 20px; margin: 10px; width: 200px; float: left; }
.fruit-card h3 { font-size: 18px; margin: 0; }
.fruit-card p { margin: 10px 0; }
欢迎来到水果商城！
<%
//
连接数据库 String url = "jdbc:mysql://localhost:3306/fruit_shop?useSSL=false&serverTimezone=UTC";
String user = "root"; // MySQL用户名（默认是root）
String password = ""; // MySQL密码（XAMPP默认是空）
Connection conn = DriverManager.getConnection(url, user, password);
//
查水果表的所有数据 Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery("SELECT FROM fruit");
%>
<!-
循环显示水果卡片 >
价格：元/斤
库存：斤
<%
// 关闭连接（别忘了！）
rs.close();
stmt.close();
conn.close();
%>
你把这段代码存成“fruit_list.jsp”，放到XAMPP的“htdocs”文件夹里（比如C:xampphtdocs），然后浏览器输入http://localhost/fruit_list.jsp——如果数据库里有数据，页面上就会显示一排水果卡片！小杨当时写这段代码的时候，第一次运行看到自己存的“红富士苹果”出现在页面上，兴奋得拍了张照发朋友圈，说“我终于写出能用的代码了！”
第三步：做购物车——让用户能“选水果”
购物车是商城的“核心功能”，其实原理超简单：把用户选中的水果暂时存起来，等到下单时一起提交。新手可以用Session（服务器端的临时存储）来做购物车——Session会跟着用户的浏览器走，只要没关闭浏览器，数据就不会丢。
比如用户点“加入购物车”按钮，你可以写一个“add_cart.jsp”页面，做三件事：
接收用户选中的水果ID和数量； 从Session里取出“购物车列表”（如果没有，就新建一个List）； 把水果ID和数量加到列表里，再存回Session。 代码示例（add_cart.jsp）：
<%
//
接收参数（水果ID和数量） int fruitId = Integer.parseInt(request.getParameter("fruit_id"));
int num = Integer.parseInt(request.getParameter("num"));
//
从Session里取购物车（如果没有，新建一个） List cart = (List) session.getAttribute("cart");
if (cart == null) {
cart = new ArrayList();
}
//
把水果ID和数量加到购物车 cart.add(new Integer[]{fruitId, num});
session.setAttribute("cart", cart);
//
跳回水果列表页面 response.sendRedirect("fruit_list.jsp");
%>
然后修改“fruit_list.jsp”里的“加入购物车”按钮，变成：
<button onclick="location.href='add_cart.jsp?fruit_id=&num=1'">加入购物车这样用户点按钮，就能把水果加到购物车了——小杨当时做购物车的时候，一开始用Cookie（客户端存储），结果用户清理浏览器缓存后购物车就空了，后来改成Session就没问题了。所以我 你优先用Session，简单又可靠。
看到这里，你是不是觉得“原来搭商城没那么难？”其实对新手来说，把基础功能跑通比“用复杂框架”更重要——小杨去年跟着这套步骤，花了两周就跑通了完整的系统，现在他已经能用这套思路做“鲜花商城”“文具商城”了。
你要是跟着做的时候遇到卡壳的地方，比如“数据库连接不上”“页面不显示数据”，可以在评论区留个言，我帮你看看——毕竟我当年教小杨的时候，也帮他解决过“把MySQL密码输错三次”“Tomcat端口被占用”之类的小问题。
对了，我整理了一份“新手模板包”，里面有已经写好的基础代码（水果列表、购物车、管理员端），你要是想省时间，可以私信我要——不过我还是 你先自己写一遍，因为“动手写”才是学编程最快的方式。
现在就打开电脑，跟着步骤做吧——你离“拥有自己的水果商城”，就差“动手”这一步了！
新手没接触过JSP和MySQL，真的能跟着教程做出来吗？
完全可以！我去年帮邻居家刚毕业的小杨搭系统时，他连JSP和MySQL是什么都分不清，结果跟着教程里的步骤，花了两周就跑通了完整的系统。教程里每一步都用“说人话”的方式讲，比如把数据库比作“带结构的Excel表格”，JSP是“能嵌Java代码的HTML”，还有详细的代码示例和操作截图，哪怕你第一次写SQL语句、第一次用JSP，跟着做就能对。
搭建环境一定要用XAMPP吗？自己装Tomcat和MySQL行不行？
不是必须，但新手 用XAMPP，因为它能一键搞定Tomcat和MySQL，省得你一个个找安装包、配环境变量——小杨当时就是用XAMPP，5分钟就把环境搭好了。如果想自己装也没问题，只是要多花点时间配置环境变量，比如JDK的Path、Tomcat的端口设置，对新手来说容易卡壳。
购物车用Session做会不会有问题？比如用户关了浏览器怎么办？
Session是服务器端的临时存储，只要用户没关闭浏览器，数据就不会丢，对新手来说简单又可靠。我之前教小杨做购物车时，他一开始用Cookie（客户端存储），结果用户清理缓存后购物车就空了，改成Session就解决了这个问题。如果担心用户关浏览器丢失数据，后期可以加“保存购物车到数据库”的功能，但新手先把Session版做通就够了。
数据库设计时，为什么要分用户表、水果表、订单表？直接放一张表不行吗？
直接放一张表会有“数据冗余”的问题，比如用户买了10次水果，就要存10次用户名和密码，改密码时得改10次，多麻烦！分表就是把“不同类型的数据”分开存——用户表存用户名密码，水果表存水果信息，订单表存用户买的商品和数量，这样维护起来更方便。比如你要改水果价格，只需要改水果表里的一条数据，不用动其他表，多省事儿。
写JSP页面时，代码嵌在HTML里会不会很乱？有没有更简洁的方式？
新手阶段不用怕“乱”，因为JSP的优势就是“看得见摸得着”——你改一行Java代码，刷新页面就能看到效果，特别适合练手。等你熟悉了之后，可以学“MVC模式”（模型-视图-控制器），把Java代码抽到Servlet里，JSP只负责显示页面，这样代码会更简洁。但新手先把“嵌代码的JSP”做通，先体会“代码变成页面”的过程，再学更复杂的模式。
原文链接：https://www.mayiym.com/52595.html，转载请注明出处。
