管理系统"/>
IDEA+Java+SSM+Jsp+Mysql实现Web商品信息管理系统
目录
一、系统介绍
1.开发环境
2.技术选型
3.系统功能
4.数据库文件
5.工程截图
二、系统展示
1.系统注册
2.系统登录
3.系统主页
4.查询商品
5.添加商品
6.修改商品
三、部分代码
ItemsController
UserController
ItemsDaoMapper
ItemsDaoMapper.xml
UserMapper
UserMapper.xml
fail.jsp
showItems.jsp
success.jsp
upd.jsp
四、其他
1.更多系统
Java+JSP系统系列实现
Java+Servlet系统系列实现
Java+SSM系统系列实现
Java+SSH系统系列实现
Java+Springboot系统系列实现
2.源码下载
3.运行项目
4.备注
5.支持博主
一、系统介绍
1.开发环境
开发工具：IDEA2018
JDK版本：Jdk1.8
Mysql版本：8.0.13
2.技术选型
Java+SSM+Bootstrap+Jsp+Mysql
3.系统功能
1.登录系统，注册系统。
2.管理员商品信息的增删改查，包含图片上传功能。
图片上传位置：out\artifacts\Commodity_war_exploded\upload
4.数据库文件
/*Navicat Premium Data TransferSource Server : MySQLSource Server Type : MySQLSource Server Version : 80013Source Host : 127.0.0.1:3306Source Schema : ssm_commodityTarget Server Type : MySQLTarget Server Version : 80013File Encoding : 65001Date: 13/03/2022 23:02:18
*/SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;-- ----------------------------
-- Table structure for items
-- ----------------------------
DROP TABLE IF EXISTS `items`;
CREATE TABLE `items` (`id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '商品名称',`price` float(10, 1) NOT NULL COMMENT '商品定价',`detail` text CHARACTER SET utf8 COLLATE utf8_general_ci NULL COMMENT '商品描述',`pic` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '商品图片',`createtime` datetime(0) NOT NULL COMMENT '生产日期',PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 22 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;-- ----------------------------
-- Records of items
-- ----------------------------
INSERT INTO `items` VALUES (19, '辣条', 2.0, '卫龙辣条', '36e2f94e-a707-4021-98e3-fdb071091198.jpg', '2022-03-12 16:00:00');
INSERT INTO `items` VALUES (20, '薯片', 3.0, '乐事薯片', 'c165ca56-6a25-4bb0-b1ab-d51cedfa12d4.jpg', '2022-02-27 16:00:00');
INSERT INTO `items` VALUES (21, '冰红茶', 5.0, '康师傅冰红茶', '91eddeee-809a-4c99-8d9c-a8697024befa.jpg', '2022-03-12 16:00:00');
INSERT INTO `items` VALUES (22, '方便面', 5.0, '康师傅红烧牛肉面', 'd39ea554-7d6c-41b2-8a10-5e55d4ce69f0.jpg', '2022-03-12 16:00:00');
INSERT INTO `items` VALUES (23, '雪糕', 2.0, '乐山雪糕', 'c2a8330d-d481-423f-b3b4-3c3c9b56d5b5.jpg', '2022-03-12 16:00:00');
INSERT INTO `items` VALUES (24, '牛奶', 5.0, '蒙牛牛奶', '6cf59ac5-be74-4fc0-8ea6-892492bc542f.jpg', '2022-03-12 16:00:00');-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (`id` int(11) NOT NULL AUTO_INCREMENT,`username` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '用户名称',`password` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '密码',`birthday` date NULL DEFAULT NULL COMMENT '注册日期',`sex` char(1) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '性别,\"男\"“女”',`address` varchar(256) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '地址',PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 7 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES (1, 'admin', 'admin', '2022-03-13', '1', '湖北武汉');
INSERT INTO `user` VALUES (7, 'user', 'user', '2022-12-28', '1', '湖南长沙');SET FOREIGN_KEY_CHECKS = 1;
5.工程截图
二、系统展示
1.系统注册
2.系统登录
3.系统主页
4.查询商品
5.添加商品
6.修改商品
三、部分代码
ItemsController
商品增删改查的逻辑控制层
package com.sjsq.controller;import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.UUID;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;import com.sjsq.service.ItemsService;
import com.sjsq.entity.Items;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;/***@class_name：ItemsController *@param: 6.controller控制层*@return: 实现业务逻辑控制*@author:sjsq*@createtime:2022年2月22日*/
@Controller
@RequestMapping("/items")
public class ItemsController {@Autowiredprivate ItemsService itemsService;//分页查询数据@RequestMapping("/queryItems")public String queryItems(@RequestParam(value="pn",defaultValue="1")Integer pn,Model model){//1.引入分页插件,pn是第几页，5是每页显示多少行PageHelper.startPage(pn,5);//2.紧跟的查询就是一个分页查询List<Items>list =itemsService.findAll();//3.使用PageInfo包装查询后的结果,5是连续显示的条数PageInfo<Items> pageInfo =new PageInfo<Items>(list,5);//4.使用model设置到前端model.addAttribute("pageInfo",pageInfo);model.addAttribute("test","呵呵");//5.最后设置返回的jspreturn "showItems";}//分页查询数据@RequestMapping("/querySomeItems")public String querySomeItems(@RequestParam(value="pn",defaultValue="1")Integer pn,@RequestParam(value = "commodityname",required = false) String commodityname, Model model){//1.引入分页插件,pn是第几页，5是每页显示多少行PageHelper.startPage(pn,5);System.out.println(commodityname);//2.紧跟的查询就是一个分页查询List<Items>list =itemsService.findSome(commodityname);//3.使用PageInfo包装查询后的结果,5是连续显示的条数PageInfo<Items> pageInfo =new PageInfo<Items>(list,5);//4.使用model设置到前端model.addAttribute("pageInfo",pageInfo);//5.最后设置返回的jspreturn "showItems";}// 添加商品@RequestMapping("/addItems")public String addItems(Items items,MultipartFile items_pic,HttpServletRequest request,HttpServletResponse response) throws IllegalStateException, IOException{//设置图片上传的路径String path =request.getServletContext().getRealPath("/upload");System.out.println("上传路径是：" + path);// 获取图片文件名String pic_name = items_pic.getOriginalFilename();System.out.println("原文件名是：" + pic_name);// 为了防止上传同名图片导致覆盖文件，引入随机数UUID解决。String newname = UUID.randomUUID().toString() + pic_name.substring(pic_name.lastIndexOf("."));System.out.println("新文件名是:" + newname);// 创建文件流对象picfileFile picFile = new File(path, newname);System.out.println("文件流为：" + picFile);// 如果不存在则创建if (!picFile.exists()) {picFile.mkdirs();}items_pic.transferTo(picFile);items.setPic(newname);// 添加进去itemsService.add(items);// 内部转发return "redirect:queryItems.action";}//删除商品@RequestMapping("/del")public String del(int id){itemsService.del(id);return "redirect:queryItems.action";}//查询单条记录@RequestMapping("/findOne")public String findOne(Model model,int id){Items items = itemsService.findOne(id);model.addAttribute("items", items);//返给更新的方法return "upd";}//修改数据@RequestMapping("/upd")public String upd(Items items,MultipartFile items_pic1,HttpServletRequest request) throws IllegalStateException, IOException{//拿到单条数据items.setPic(itemsService.findOne(items.getId()).getPic());// 拿到该条数据的图片路径和名字String path = request.getServletContext().getRealPath("/upload");String pic_name = items_pic1.getOriginalFilename();//修改以后做新判断if (items_pic1 != null && pic_name != null && pic_name.length() > 0) {String newname = UUID.randomUUID().toString() + pic_name.substring(pic_name.lastIndexOf("."));File picFile = new File(path, newname);//文件夹不存在就创建 if (!picFile.exists()) {picFile.mkdirs();}items_pic1.transferTo(picFile);items.setPic(newname);}//修改完成以后调用更新方法itemsService.upd(items);return "redirect:queryItems.action";}}
UserController
用户登录注册注销逻辑控制层
package com.sjsq.controller;import javax.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.sjsq.service.UserService;
import com.sjsq.entity.User;/*** @class_name：UserController* @param:6.控制层controller* @return: 逻辑控制层* @author:sjsq* @createtime:2022年2月21日*/// 设置默认先映射到("/user")路径下
@Controller
@RequestMapping("/user")
public class UserController {@Autowiredprivate UserService userBiz;// 设置映射路径和以json格式传送参数@RequestMapping(value = "/checkLogin", produces = { "application/json;charset=UTF-8" })public @ResponseBody User checkLogin(@RequestBody User user, Model model, HttpSession session) {System.out.println("=============进入登录控制页面。===============");User user1 = userBiz.CheckLoginAndPwd(user.getUsername(), user.getPassword());// 登录以后添加到session中session.setAttribute("user1", user1);session.setAttribute("test","呵呵");return user1;}// 注销@RequestMapping("/LogOut")public String LogOut(HttpSession session) {session.invalidate();return "redirect:/Login.jsp";}// 注册@RequestMapping(value = "/register",produces = { "application/json;charset=UTF-8" })public String register(User user, Model model) {userBiz.addUser(user);model.addAttribute("msg", "恭喜您,注册成功");return "success";}}
ItemsDaoMapper
商品增删改查接口
package com.sjsq.mapper;import java.util.List;import com.sjsq.entity.Items;/***@class_name：ItemsDaoMapper *@param: 2.ItemsDao*@return: 商品Dao接口类*@author:sjsq*@createtime:2022年2月22日*/
public interface ItemsDaoMapper {//1.单条查询-idpublic Items findOne(int id);//2.查询所有商品public List<Items> findAll();//3.增加public void add (Items items);//4.更新public void upd(Items items);//5.删除public void del(int id);// 搜索某些商品public List<Items> findSome(String name);}
ItemsDaoMapper.xml
商品增删改查xml文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis//DTD Mapper 3.0//EN"
".dtd"><!-- 指定映射到dao层 -->
<mapper namespace="com.sjsq.mapper.ItemsDaoMapper"><!-- 查询单条数据，类型int返回items类型 --><select id="findOne" parameterType="int" resultType="items">select *from items where id=#{id}</select><select id="findSome" parameterType="String" resultType="items">select * from items where 1=1<if test="_parameter !=null and _parameter != ''">and name like concat(#{commodityname},'%')</if></select><!-- 查询所有数据id降序 --><select id="findAll" resultType="items">select * from items order by iddesc</select><!-- 增加数据 --><insert id="add" parameterType="items">insert into itemsvalues(default,#{name},#{price},#{detail},#{pic},#{createtime})</insert><!-- 更新数据-通过id --><update id="upd" parameterType="items">update items setname=#{name},price=#{price},detail=#{detail},pic=#{pic},createtime=#{createtime}where id =#{id}</update><!-- 删除数据-通过id --><delete id="del" parameterType="int">delete from items where id=#{id}</delete>
</mapper>
UserMapper
用户登录注册接口
package com.sjsq.mapper;import org.apache.ibatis.annotations.Param;
import com.sjsq.entity.User;/*** @class_name：UserMapper* @param: 2.dao层接口* @return: 数据持久化* @author:sjsq* @createtime:2022年2月21日*/
public interface UserMapper {// 查询登录账户-用户密码为参数public User CheckLoginAndPwd(@Param("username") String name, @Param("password") String pwd);// 注册用户public void addUser(User user);
}
UserMapper.xml
用户登录注册xml文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis//DTD Mapper 3.0//EN"
".dtd"><!-- 1.指定映射的对象是usermapper类也就是dao层 -->
<mapper namespace="com.sjsq.mapper.UserMapper"><!-- 查询返回的是实体类对象也可以写实体的绝对路径com.sjsq.entity.User --><select id="CheckLoginAndPwd" resultType="user" parameterType="user">select*from user where username=#{username} and password=#{password}</select><!-- 增加，性别以数字替代1=男 0=女，default默认 --><insert id="addUser" parameterType="user">insert into uservalues(default,#{username},#{password},#{birthday},1,#{address})</insert></mapper>
fail.jsp
登录失败页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="<%=basePath%>"><title>登录失败提示页</title></head>
<body>
用户名或密码错误！！！！
</body>
</html>
showItems.jsp
商品展示页面
<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8" %>
<%@ taglib uri="" prefix="c" %>
<%@ taglib uri="" prefix="fmt" %>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head><base href="<%=basePath%>"><title>商品后台管理系统</title><link rel="stylesheet" href="css/bootstrap.min.css"/><link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css"/><script type="text/javascript" src="js/jquery-3.2.1.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script><script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script><script type="text/javascript"><!-- 添加模态框Modal插件 -->$("#myModal").modal({keyboard: false,backdrop: true});$(function () {$(".form_datetime").datetimepicker({format: "yyyy-mm-dd hh:ii",autoclose: true,todayBtn: true,todayHighlight: true,showMeridian: true,pickerPosition: "bottom-left",language: 'zh-CN',//中文，需要引用zh-CN.js包startView: 2,//月视图minView: 2//日期时间选择器所能够提供的最精确的时间选择视图});});</script>
</head><body>
<nav class="navbar navbar-inverse" role="navigation"><div class="container-fluid"><div class="collapse navbar-collapse" id="example-navbar-collapse"><ul class="nav navbar-nav navbar" style="margin:1% 0 1% 34%;"><li class="active"><a class="icon-bar" href="${pageContext.request.contextPath}/items/queryItems.action" style="background-color:#087b71"><font style="font-size:35px;font-weight:bold;font-style:italic;">欢迎来到商品管理系统</font></a></li></ul><ul class="nav navbar-nav navbar-right" style="margin:1% 0 1% 0%;"><li><h4 style="color:red;">欢迎您: <span class="glyphicon glyphicon-user"></span><strong>${user1.username }</strong><small><a href="${pageContext.request.contextPath }/user/LogOut.action">注销</a></small></h4></li></ul></div></div>
</nav><div class="container-fluid"><div class="row"><div class="col-sm-2"><a href="${pageContext.request.contextPath}/items/queryItems.action" class="list-group-item active"><spanclass="glyphicon glyphicon-home"></span> 菜单</a><a href="${pageContext.request.contextPath}/items/queryItems.action" class="list-group-item"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> 商品管理</a></div><!--左边菜单栏--><div class="col-sm-10"><ol class="breadcrumb"><li class="active">菜单</li><li class="active">商品信息</li></ol><div class="panel panel-default"><div class="panel-heading">搜索</div><div class="panel-body"><form role="form" action="${pageContext.request.contextPath }/items/querySomeItems.action" class="form-inline"><div class="form-group"><label for="name">名称</label><input type="text" class="form-control" name="commodityname" placeholder="请输入名称"></div> <div class="form-group"><button type="submit" class="btn btn-default">开始搜索</button></div></form><!-- 按钮--><div class="row"><div class="col-md-6 col-md-offset-10"><button type="button" class="btn btn-primary btn-lg"data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span>添加商品</button></div></div></div></div><!-- 列表展示 --><div class="table-responsive"><form action="${pageContext.request.contextPath }/items/addCar.action" method="post"><table class="table table-striped"><tr align="center"><th>商品名称</th><th>商品价格</th><th>商品图片</th><th>商品介绍</th><th>生产日期</th><th colspan="3">操作</th></tr><tr><c:forEach items="${pageInfo.list}" var="item"><tr align="center"><td>${item.name }</td><td>${item.price }</td><!-- 照片显示 --><td><img title="${item.detail }"style="width: 60px; height: 60px"src="${pageContext.request.contextPath}/upload/${item.pic}"></td><td>${item.detail }</td><!-- fmt函数库提供返回日期格式 --><td><fmt:formatDate value="${item.createtime}"pattern="yyyy-MM-dd"/></td><!-- 删除操作-带id参数 --><td><ahref="${pageContext.request.contextPath }/items/del.action?id=${item.id}"><buttontype="button" class="btn btn-success btn-lg"onclick="return confirm('确定要删除信息吗？') "><span class="glyphicon glyphicon-trash"></span> 删除</button></a></td><!-- 修改操作 --><td><ahref="${pageContext.request.contextPath }/items/findOne.action?id=${item.id}"><buttontype="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-edit"></span> 修改</button></a></td></tr></c:forEach></table></form></div></div></div><!-- 分页 --><div class="row"><!-- 分页信息 --><div class="col-md-6"><h4 style="margin: 0 0 0 38%;">当前第${pageInfo.pageNum }页，共${pageInfo.pages }页，共${pageInfo.total }条记录数</h4></div><!-- 分页条 --><div class="col-md-6"><ul class="pagination pagination-lg"><li><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=1">首页</a></li><c:if test="${pageInfo.hasPreviousPage }"><li><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=${pageInfo.pageNum-1}"aria-label="Previous"> <span aria-hidden="true">«</span></a></li></c:if><c:forEach items="${pageInfo.navigatepageNums }" var="nav"><c:if test="${nav==pageInfo.pageNum }"><li class="active"><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=${nav}">${nav }</a></li></c:if><c:if test="${nav!=pageInfo.pageNum }"><li><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=${nav}">${nav }</a></li></c:if></c:forEach><c:if test="${pageInfo.hasNextPage}"><li><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=${pageInfo.pageNum+1}"aria-label="Previous"> <span aria-hidden="true">»</span></a></li></c:if><li><ahref="${pageContext.request.contextPath }/items/queryItems.action?pn=${pageInfo.pages}">末页</a></li></ul></div></div>
</div>
<!-- 添加商品的模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog modal-lg"><div class="modal-content"><!-- 模态框的标题 --><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button><h4 class="modal-title" id="myModalLabel">添加商品</h4></div><!-- 模态框的主体-表单头部 --><form class="form-horizontal" role="form"action="${pageContext.request.contextPath }/items/addItems.action"method="post" id="form" enctype="multipart/form-data"><div class="modal-body"><div class="form-group form-group-lg"><label for="firstname" class="col-sm-3 control-label">商品名称:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="name"name="name" placeholder="请输入商品名字" required autofocus></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品价格:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="price"name="price" placeholder="请输入商品价格" required autofocus></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品生产日期:</label><div class="col-sm-5"><input type="text" class="form-control input-lg form_datetime"id="createtime" name="createtime"></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品介绍:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="detail"name="detail" placeholder="请输入商品介绍" required autofocus></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">上传商品图片:</label><div class="col-sm-5"><input type="file" class="form-control input-lg" id="items_pic"name="items_pic"></div></div></div><!-- 模态框的尾部 --><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="submit" class="btn btn-primary" id="save">保存</button></div></form></div></div>
</div><!-- 底部页脚部分 -->
<div class="footer"><p class="text-center">©2022-2022 XXXX版权所有</p>
</div></body>
</html>
success.jsp
注册成功页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="<%=basePath%>"><title>注册成功</title><link rel="stylesheet" href="static/css/success.css"/></head><body>
<h1>注册成功</h1><a href="${pageContext.request.contextPath }/Login.jsp">去登录</a>
</body>
</html>
upd.jsp
修改商品页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="" prefix="c" %>
<%@taglib uri="" prefix="fmt" %>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="<%=basePath%>"><title>修改页面</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" href="css/bootstrap.min.css"/><link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css"/><script type="text/javascript" src="js/jquery-3.2.1.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script><script type="text/javascript"src="js/bootstrap-datetimepicker.zh-CN.js"></script>
</head><!-- 添加模态框（Modal）插件 -->
<script type="text/javascript">$(function () {$('#myModal').modal({keyboard: false,backdrop: true})});(function () {$(".form_datetime").datetimepicker({format: "yyyy-mm-dd hh:ii",autoclose: true,todayBtn: true,todayHighlight: true,showMeridian: true,pickerPosition: "bottom-left",language: 'zh-CN',//中文，需要引用zh-CN.js包startView: 2,//月视图minView: 2//日期时间选择器所能够提供的最精确的时间选择视图});});
</script>
<body>
<!-- 添加修改商品的模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog modal-lg"><div class="modal-content"><!-- 模态框的标题 --><div class="modal-header"><button type="button" class="close" data-dismiss="modal"aria-hidden="true">×</button><h4 class="modal-title" id="myModalLabel">修改商品</h4></div><!-- 模态框的主体-表单头部 --><form class="form-horizontal" role="form"action="${pageContext.request.contextPath }/items/upd.action"method="post" id="form" enctype="multipart/form-data"><!-- 将id作为隐藏域提交这样就不会出现找不到修改的数据而报错问题 --><input type="hidden" name="id" value="${items.id }"/><!-- 主体-表单内容 --><div class="modal-body"><div class="form-group form-group-lg"><label for="firstname" class="col-sm-3 control-label">商品名称:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="name"name="name" value="${items.name }" required autofocus></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品价格:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="price"name="price" value="${items.price }" required autofocus></div></div><!-- 重要-日期和图片的获取方式 --><div class="form-group"><label for="lastname" class="col-sm-3 control-label">生产日期:</label><div class="col-sm-5"><input type="text" class="form-control input-lg form_datetime"value="<fmt:formatDate value="${items.createtime}"pattern="yyyy-MM-dd"/>"name="createtime" id="createtime"></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品图片:</label><div class="col-sm-5"><c:if test="${items.pic!=null }"><img style="width: 80px; height: 70px"src="${pageContext.request.contextPath }/upload/${items.pic}"><br/><input type="file" name="items_pic1"/></c:if></div></div><div class="form-group"><label for="lastname" class="col-sm-3 control-label">商品介绍:</label><div class="col-sm-5"><input type="text" class="form-control input-lg" id="detail"name="detail" value="${items.detail}" required autofocus></div></div></div><!-- 模态框的尾部 --><div class="modal-footer"><button type="button" class="btn btn-default"><a href="${pageContext.request.contextPath }/items/queryItems.action">返回</a></button><button type="submit" class="btn btn-primary" id="save">提交</button></div></form></div></div>
</div>
</body>
</html>
四、其他
1.更多系统
Java+JSP系统系列实现
Java+JSP实现学生图书管理系统
Java+JSP实现学生信息管理系统
Java+JSP实现用户信息管理系统
Java+JSP实现教师信息管理系统
Java+JSP实现学生宿舍管理系统
Java+JSP实现商品信息管理系统
Java+JSP实现宠物信息管理系统
Java+JSP实现学生成绩管理系统
Java+Servlet系统系列实现
Java+Servlet+JSP实现航空订票系统
Java+Servlet+JSP实现新闻发布系统
Java+Servlet+JSP学生宿舍管理系统
Java+Servlet+JSP实现图书管理系统
Java+Servlet+JSP实现停车场管理系统
Java+Servlet+JSP实现房屋租赁管理系统
Java+Servlet+JSP实现学生信息管理系统
Java+Servlet+JSP实现学生选课管理系统
Java+Servlet+JSPl实现学生选课签到系统
Java+Servlet+JSP实现宠物诊所管理系统
Java+Servlet+JSP实现学生成绩管理系统-1
Java+Servlet+JSP实现学生成绩管理系统-2
Java+SSM系统系列实现
Java+SSM+JSP实现网上考试系统
Java+SSM+JSP实现宠物商城系统
Java+SSM+JSP实现超市管理系统
Java+SSM+JSP实现学生成绩管理系统
Java+SSM+JSP实现学生信息管理系统
Java+SSM+JSP实现药品信息管理系统
Java+SSM+JSP实现汽车信息管理系统
Java+SSM+JSP+Maven实现网上书城系统
Java+SSM+JSP+Maven实现学校教务管理系统
Java+SSH系统系列实现
Java+SSH+JSP实现在线考试系统
Java+SSH+JSP实现医院在线挂号系统
Java+Springboot系统系列实现
Java+Springboot+H-ui+Maven实现营销管理系统
Java+Springboot+Bootstrap+Maven实现网上商城系统
Java+Springboot+Bootstrap+Maven实现景区旅游管理系统
1.更多JavaWeb系统请关注专栏。
.html.html
2.更多JavaSwing系统请关注专栏。
.html.html
2.源码下载
sql在sql文件夹下面
系统账号信息
1.管理员 账号：admin 密码：admin
Java+SSM+Bootstrap+Jsp+Mysql实现Web商品信息管理系统
3.运行项目
关注B站：水坚石青
后期有更多干货视频推出！！！
IDEA如何导入JavaWeb项目超详细视频教程
4.备注
如有侵权请联系我删除。
5.支持博主
如果您觉得此文对您有帮助，请点赞加关注加收藏。祝您生活愉快！
更多推荐
IDEA+Java+SSM+Jsp+Mysql实现Web商品信息管理系统
发布评论