<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title></title>
<link rel="stylesheet" href="admin/css/basic.css" type="text/css" />
<link rel="stylesheet" href="admin/css/goods.css" type="text/css" />
<script type="text/javascript" src="admin/js/goods.js"></script>
</head>
<body>
<form action="goodsNew" method="post">
<div class="fillIn">
<table cellpadding="0" cellspacing="0">
<tr class="explain">
<td colspan="8">新增商品内容</td>
</tr>
<tr class="item">
<td class="key">商品编号</td>
<td class="value">1</td>
<td class="key">商品类型</td>
<td class="value">
<select name="classifyId" onblur="javascript:ajaxBrandbyclassifyId(this);">
<c:forEach var="item" items="${pcList}" varStatus="i">
<option value="${item.products_classify_id }" <c:if test="${pItem.classifyId eq item.products_classify_id }">selected="selected"</c:if>>${item.products_classify_content }</option>
</c:forEach>
</select>
</td>
<td class="key">商品品牌</td>
<td class="value">
<select name="brandId" id="brand">
<option>--请先择类型--</option>
</select>
</td>
<td class="key">商品型号</td>
<td class="value"><input type="text" value="请输入型号" name="model"
style=" width:120px;" />(50字节之内)</td>
</tr>
<tr class="item">
<td class="key">商品价格</td>
<td class="value"><input type="text" value="100.00" name="price"
style="width:60px;" />
</td>
<td class="key">商品库存</td>
<td class="value"><input type="text" value="1" name="number"
style="width:42px;" />
</td>
<td class="key">商品状态</td>
<td class="value">
<select name="statusId">
<c:forEach var="item" items="${psList}" varStatus="i">
<option value="${item.products_status_id }" <c:if test="${pItem.status_id eq '1' }">selected="selected"</c:if>>${item.products_status_content }</option>
</c:forEach>
</select>
</td>
<td class="key">上传时间</td>
<td class="value">默认你插入数据的时间</td>
</tr>
<tr class="item">
<td class="key">商品介绍</td>
<td class="value" colspan="9"><input type="text" value="请输入介绍" name="introduce"
style=" width:920px;" />(120字节之内)</td>
</tr>
<tr class="item">
<td class="key">商品描述</td>
<td class="value" colspan="9"><input type="text" value="请输入描述" name="bewrite"
style=" width:920px;" />(120字节之内)</td>
</tr>
<tr class="update">
<td colspan="8"><input type="submit" class="submit f_r"
value="新增" />
</td>
</tr>
</table>
</div>
</form>
<div style="height:30px;"></div>
</body>
</html>
/* CSS Document */
.submit{ background:#f7661f; color:#fff; text-align:center; width:46px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit:hover{ background:#ff971c;}
.search{ width:1100px; margin:0 auto 20px auto;}
.search table{width:100%; border:1px solid #ccc;}
.searchInput{ background:#f4f4f4; height:34px;}
.searchInput form{ display:inline; margin-left:10px; margin-right:8px;}
.searchInput .text{ border:1px solid #ccc; height:18px; line-height:18px; padding-left:6px; font-family:"Arial"; width:80px;}
.fillIn{ width:1100px; margin:0 auto;}
.fillIn table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.fillIn table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.fillIn table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.fillIn table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑";}
.fillIn table .item .value{ color:#333; font-family:"微软雅黑";}
.fillIn table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .update td{ height:28px; padding-right:10px;}
.upload{ width:1100px; margin:20px auto 0 auto;}
.upload table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.upload table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.upload table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.upload table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑"; text-align:right; padding-right:10px;}
.upload table .item .value{ color:#333; font-family:"微软雅黑";}
.upload table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .update td{ height:28px; padding-right:10px;}
//JavaScript Document
function $(id){
return document.getElementById(id);
}
function ajaxBrandbyclassifyId(obj){
var brand = $("brand");
brand.innerHTML="";
var xmlHttp = new XMLHttpRequest();
var url = "ajaxBrandbyclassifyId?classifyId="+escape(obj.value);
xmlHttp.open("GET", url);//设置一个请求
xmlHttp.onreadystatechange = function() { //设置请求完成之后处理的回调函数
if (xmlHttp.readyState == 4) {//数据返回完毕
if (xmlHttp.status == 200) {//HTTP操作正常
var text = xmlHttp.responseText;//接收返回的内容
brand.innerHTML= text;
}
}
};
xmlHttp.send(null);//发送请求，不传递任何参数
}
效果图：
相关推荐
在这个"SSH项目后台JSP页面.zip"压缩包中，主要包含的是项目的Web内容部分，尤其是JSP页面，这是用户与服务器交互的前端界面。 首先，让我们深入了解SSH框架的每个组件： 1. **Struts2**：这是一个MVC（Model-View...
jspSmartUpload是由www.jspsmart.com网站开发的一个可免费使用的全功能的文件上传下载组件，适于嵌入执行上传下载操作的JSP文件中。该组件有以下几个特点： <br>1、使用简单。在JSP文件中仅仅书写三五行...
1.下载后，直接放在web项目的WebRoot/...后面一个是向后台传值时使用的编码格式，也就是给jspSmartupload使用的，和后台接受时使用的编码格式一致。 3.祝大家使用愉快，上面也是经验所得，还有什么不懂得可以互相讨论。
完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar
- Java后台处理类：处理JSP提交的请求，使用SmartUpload解析上传的文件。 - 配置文件：如web.xml，配置Servlet映射等。 - CSS和JavaScript：用于美化界面和前端验证。 - 服务器端存储路径：保存上传文件的位置。...
Java Web开发中的jsp-api.jar包，欢迎大家下载。
JSPSmartUpload是一个在Java Web开发中常用的上传组件，它为JSP（JavaServer Pages）提供了文件上传的功能。这个组件的出现，使得开发者能够轻松地处理用户通过网页上传的文件，比如图片、文档等，而无需深入理解...
jakarta.servlet.jsp.jstl-api-2.0.0.jar
网站建设完全手册系列图书 网站JSP后台解决方案.pdf
javax.servlet.jsp_2.0.0.v201101211617.jar,javax.,servlet,jsp
最近实验室做了一个项目，使用jspsmartupload来实现的文件的上传下载，原来在windows平台运行的挺好，但是后来系统移植到linux平台上，结果在上传或下载的文件名中有中文时就会出现乱码。后来查了网上一些人的解决...
javax.servlet.jsp.jstl-api-1.2.1.jar
例如，`javax.servlet.jsp.PageContext`提供了对请求、响应、session以及应用程序范围内的对象的访问，而`javax.servlet.jsp.JspWriter`则用于输出内容到响应流。 **Servlet API** Servlet是Java编写的一种服务器...
通过javaweb编写一个简单的登录验证系统 1、登录页面login.jsp：通过提交表单实现一个简单的登陆页面 2、判断用户名密码页面dologin.jsp：通过对比用户...3、登录成功与登录失败页面login_success.jsp login_fail.jsp
............\.......\addClass_confirm.jsp ............\.......\Addcourse.jsp ............\.......\addcourse_confirm.jsp ............\.......\addstudent.jsp ............\.......\addstudent_confirm...
重新编译过，修正了utf-8下取值乱码的问题
在IT行业中，JSP（JavaServer Pages）是一种用于创建动态网页的技术，它是Java平台的一部分，主要用于后台管理和数据交互。本文将深入探讨JSP在后台管理中的应用，以及如何实现增删改查操作和数据库连接。 首先，...