JAVA EE Demo[购物商城 Strust2]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JAVA EE Demo[购物商城 Strust2]相关的知识，希望对你有一定的参考价值。
为了搞定作业，我开始了J2EE的Strust2框架实现一个简单的商城Demo
先创建Java Web Service项目。添加JDBC驱动，导入Strust2框架得到这个：
啧啧。既然是购物商城我们继续沿用上篇文章的结构，欢迎页+商城物品列表+购物车+登录 ，则很明显我们需要一个导航栏
创建一个导航栏:head.html
这样我们以后就可以利用JSP标签将这个导航栏嵌入到任何需要的界面了
而导航栏的内容包括欢迎页 商城物品列表 购物车 登录 登出 这些选项 这个时候弄完这个先得到以下：
然后我们开始对第一个欢迎页进行搞事：hello.jsp（为了美观弄了几个CSS）
并且把导航栏中Hello加入链接定向到Hello.jsp
得到以下：
接下来确定登录页面：
很明显，登录界面的动作我们利用Struts2的Action类
login.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags" %> <% 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>login</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 name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript"> Cufon.replace(‘h1‘,{ textShadow: ‘1px 1px #fff‘}); Cufon.replace(‘h2‘,{ textShadow: ‘1px 1px #fff‘}); Cufon.replace(‘h3‘,{ textShadow: ‘1px 1px #000‘}); Cufon.replace(‘.back‘); </script> </head> <body> <%@include file="head.jsp" %> <div class="wrapper"> <div class="content"> <div id="form_wrapper" class="form_wrapper" style="width: 350px; height: 315px;"> <form action="login" method="post" class="login active" name="myform"> <h3>Login</h3> <div> <label>Username:</label> <input type="text" name="name"> </div> <div> <label>Password:</label> <input type="password" name="password"> </div> <div class="bottom"> <input type="submit" value="Login"> <input type="reset" value="Reset" > <div class="clear"></div> </div> </form> </div> </div> </div> <s:fielderror/> </body> </html>
而购物商城的核心是购物车和商品显示，在View层我们通过登录定向到商品显示界面：
suc.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags" %> <% 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>product</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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="css/style.css" type="text/css"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <%@include file="head.jsp" %> <div class="wrapper"> <center> <h1><font color="#FF7F00">Please Chose things</font></h1> <div id="container"> <table class="zebra" action="show" method="post"> <thead> <tr> <td>Product ID</td> <td>Product Name</td> <td>Product Content</td> <td>Product Price</td> <td>Buy Num</td> <td>ShopCar</td> </tr> </thead> <s:iterator value="products"> <form action="car" method="post"> <tr> <td><input type="text" value="${id }" maxLength="2" size="2" name="id" /></td> <td><s:property value="name"/></td> <td><s:property value="content"/></td> <td><s:property value="price"/></td> <td><input type="text" name="count" size="2"/></td> <td><input type="submit" value="Add to Car"/></td> </tr> </form> </s:iterator> <s:url var="last" value="show.action"> <s:param name="pageNow" value="pageNow-1"/> </s:url> <s:url var="next" value="show.action"> <s:param name="pageNow" value="pageNow+1"/> </s:url> <h2><s:a href="%{last}" >Last</s:a> <s:a href="%{next}">Next</s:a></h2> </table> </div> </center> </div> <s:fielderror></s:fielderror> </body> </html>
而有了商品显示界面View层只剩最后一件核心：购物车显示
car.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags" %> <%@ page import="com.wss.Dao.Car" %> <%@ page import="java.lang.*" %> <%@ page import="java.util.*" %> <% 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>My JSP ‘car.jsp‘ starting page</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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="css/style.css" type="text/css"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> function forword(){ window.location.href="suc.jsp"; } </script> </head> <body> <%@include file="head.jsp" %> <center> <div id="container"> <h2><font color="#FF7F00">ShopCar</font></h2> <form action="pay_success.jsp" method="post"> <table class="zebra" border="2" > <thead> <tr> <td>Product ID</td> <td>Product Name</td> <td>Product Content</td> <td>Product Price</td> <td>Buy Num</td> </tr> </thead> <s:iterator value="#session.ids" var="car" > <tbody> <tr> <td><s:property value="#car.product.id"/></td> <td><s:property value="#car.product.name"/></td> <td><s:property value="#car.product.content"/></td> <td><s:property value="#car.product.price"/></td> <td><s:property value="#car.count"/></td> </tr> </tbody> </s:iterator> <tr > <td><font color="red">Result</font></td> <td colspan="3" color="#FF7F00"><font color="red"> The total value of all commodities:<s:property value="#session.totalPrice"/>$</font></td> <td><input type="submit" value="Go to pay!"/></td> </tr> </table> <td><input type="button" value="Back to list!" onClick="forword()"/></td> </form> </div> </center> </body> </html>
而view层只是用户所能见的界面。后台的逻辑大体分为两个部分：
一、Dao层
1、user类：控制用户变量和连接用户库
2、production类：控制产品变量和链接产品数据库
3、car类：控制购物车内产品数目变量
二、Action层
1、LoginAction：控制登录检测
2、LogoutAction：控制登出检测
3、showproductionAction：控制产品分页显示
4、carAction：产品数目逻辑
搞清这些我们就可以轻松实现：
而最关键的则是.xml文件的配置：
1.web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <welcome-file-list> <welcome-file>login.jsp</welcome-file> </welcome-file-list> <filter> <filter-name>struts2</filter-name> <filter-class> org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter </filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping></web-app>
2.struts.xml
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> <struts> <constant name="struts.i18n.encoding" value="gb2312"></constant> <package name="shop" namespace="/" extends="struts-default"> <action name="login" class="com.String.action.LoginAction"> <result name="success" type="chain">show</result> <result name="error">/login.jsp</result> </action> <action name="show" class="com.String.action.ShowAction"> <result name="success">/suc.jsp</result> <result name="error">/error.jsp</result> </action> <action name="car" class="com.String.action.CarAction"> <result name="success">/car.jsp</result> </action> </package> </struts>
配置好这些之后我们进行测试：
能力有限-暂时这样了
以上是关于JAVA EE Demo[购物商城 Strust2]的主要内容，如果未能解决你的问题，请参考以下文章
ee_15_mvc_db_page----demo---bai
Spring+EasyJWeb+iBatis版j2ee在线购物jpetstore系统源码发布