您的位置：首页 > 编程语言 > Java开发

struts2+hibernate4+spring3+maven搭建项目：简单账务管理系统第四篇：action层和jsp表现层

2013-05-25 00:10 543 查看

由于是练手，因此采用ajax+easy-ui来实现表现层，后台采用struts+spring。

然后呢，这里就接着前面的内容完整地介绍完一本程序（所谓一本，就是从一个页面到后台的整体实现,是很多公司通俗的讲法），然后其他的以此类推（我是这么觉得，环境只要配出来一次就不用配第二次，页面只要写出来一张就不用写第二张因为大体都差不多而且可以保持一致的风格吧...）。

关于easy-ui，下载和文档请参阅easy-ui的官网（资料虽然都是英文的，但是网上有中文的文档，大家多百度百度总有的~~~）：http://www.jeasyui.com/

开源，免费，强大，，不多说了，谁用谁知道

使用的时候，把下载下来的easy-ui的东西放在webapp目录下面的js文件夹中（文件夹名随便起了），然后在页面中引用该文件中的内容

用到ajax的话，首先是struts-ajax.xml（这个文件要放在classpath中），以及ajax-beans.xml（这个要放在web-inf中）

<%@ 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" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--
<link rel="stylesheet" type="text/css" href="res/js/jquery-easyui-1.3.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="res/js/jquery-easyui-1.3.2/themes/icon.css">
<link rel="stylesheet" type="text/css" href="res/js/jquery-easyui-1.3.2/demo/demo.css">
<script src="res/js/jquery-easyui-1.3.2/jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="res/js/jquery-easyui-1.3.2/jquery.easyui.min.js"></script> -->
<title>Insert title here</title>
</head>
<body>
<ul id="tt" class="easyui-tree">
<li>
<span>账务管理系统</span>
<ul>
<li>
<span>系统设置</span>
<ul>
<li>
<span><a href="<%=basePath%>sys/syselementset.jsp">系统设置</a></span>
</li>
</ul>
</li>
<li>
<span>用户管理</span>
<ul>
<li>
<span><a href="<%=basePath%>user/usermanagement.jsp">添加查看用户</a></span>
</li>
</ul>
</li>
<li>
<span>商品单价设置</span>
<ul>
<li>
<span><a href="<%=basePath%>goodsprice/goodsprice.jsp">单价设置</a></span>
</li>
</ul>
</li>
<li>
<span>购物车</span>
<ul>
<li>
<span><a href="<%=basePath%>goodscar/goodscar.jsp">商品单价查看加入购物车</a></span>
</li>
</ul>
<ul>
<li>
<span><a href="<%=basePath%>goodscar/commitgoodscar.jsp">确认购物</a></span>
</li>
</ul>
<ul>
<li>
<span><a href="<%=basePath%>goodscar/comments.jsp">用户评论</a></span>
</li>
</ul>
</li>
<li>
<span>明细</span>
<ul>
<li>
<span><a href="<%=basePath%>detail/detailbygoods.jsp">通过商品查看明细</a></span>
</li>
</ul>
<ul>
<li>
<span><a href="<%=basePath%>detail/orderitem.jsp">订单明细查询</a></span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

index1.jsp
注：由于该jsp在webapp的sys文件夹下，而且struts-ajax.xml对应的action均在/sys的命名空间下，因此可以很方便的只传action的名称就好啦

给个工程的截图

完成后，输入http://localhost:8080/test/sys/systemelementset.jsp，测试，然后就会看到一个很丑的界面

好啦，总算告一段落啦，网页开发，其乐无穷啊！大家，enjoy it吧！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航