【SSH网上商城项目实战03】使用EasyUI搭建后台页面框架

最新推荐文章于 2022-08-22 09:47:32 发布
最新推荐文章于 2022-08-22 09:47:32 发布
阅读量312 收藏
点赞数
分类专栏： SSH网上商城

转自： http://blog.csdn.net/eson_15/article/details/51312490

前面两节，我们整合了SSH并且抽取了service和action部分的接口，可以说基本开发环境已经搭建好了，这一节我们搭建一下后台的页面。我们讨论一下两种搭建方式：基于frameset和基于easyUI。最后我们会使用easyUI来开发。

1. 抽取公共JSP页面

        我们先来看一下当前的jsp页面：

[html] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  4. <html>  
  5.   <head>  
  6.   
  7.   </head>  
  8.     
  9.   <body>  
  10.     <!-- 省略…… -->  
  11.     </c:forEach>  
  12.   </body>  
  13. </html></span>  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

  </head>
  
  <body>
    <!-- 省略…… -->
    </c:forEach>
  </body>
</html></span>
        先撇开body部分的内容不看，因为这都是之前测试用的，抽取JSP页面是指将一些共有部分抽取出来到一个新的JSP页面，然后在当前JSP页面中包含进来。因为后期项目中肯定会引入js、css等文件，如果在每个jsp页面都写的话，会很冗余，所以我们得抽取一个共有的jsp来引入这些文件以及其他东西。我们在WebRoot目录下新建一个public文件夹，在里面新建一个head.jspf（jspf表示JSP片段，供其他JSP页面包含的）。

[html] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" pageEncoding="UTF-8"%>  
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
  3. <c:set value="${pageContext.request.contextPath }" var="shop" />  
  4. <title>易购商城</title>  
  5. <!--   
  6. <script type="text/javascript" src=""></script>  
  7. <style type="text/css"></style>  
  8.  --></span>  
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set value="${pageContext.request.contextPath }" var="shop" />
<title>易购商城</title>
<!-- 
<script type="text/javascript" src=""></script>
<style type="text/css"></style>
 --></span>
        注释部分主要是包含js和css，因为目前还没用到，只是搭建一个框架，等用到了再去掉。<c:set>标签将${pageContext.request.contextPath }用${shop}来代替，方便书写。这样以后新的JSP只要包含这个head.jspf即可。我们看一下修改后的index.jsp：

[html] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4.   <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6.   </head>  
  7.     
  8.   <body>  
  9.       <!-- 省略…… -->  
  10.   </body>  
  11. </html>  
  12. </span>  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<%@ include file="/public/head.jspf" %>
  </head>
  
  <body>
      <!-- 省略…… -->
  </body>
</html>
</span>
         是不是有种面向对象的思想~

2. 基于frameset搭建后台页面

2.1 发现问题

        模板抽取好了，现在我们开始搭建后台页面框架了，首先我们使用frameset来做。在WEB-INF目录下新建一个文件夹main用来保存后台的主要页面，在main中新建四个jsp文件：aindex.jsp、top.jsp、left.jsp和right.jsp。我们的frameset写在aindex.jsp中，其他三个只是简单写一句话用来测试，我们来看看aindex.jsp：

[html] view plain copy
print ? 在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4. <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6. </head>  
  7. <!-- 框架体，里面包含了3+1个页面 -->  
  8. <frameset border="5" rows="150,*">  
  9.     <frame src="top.jsp" />  
  10.     <frameset border="5" cols="150,*">  
  11.         <frame src="left.jsp" />  
  12.         <frame src="right.jsp" />  
  13.     </frameset>  
  14. </frameset>    
  15.   
  16. </html></span>  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<%@ include file="/public/head.jspf" %>
</head>
<!-- 框架体，里面包含了3+1个页面 -->
<frameset border="5" rows="150,*">
	<frame src="top.jsp" />
	<frameset border="5" cols="150,*">
		<frame src="left.jsp" />
		<frame src="right.jsp" />
	</frameset>
</frameset>  

</html></span>

 
          结构很明显，将页面分为3块，上左右。每个模块包含相应的jsp页面，然后我们在index.jsp的body中写入<a href="/WEN-INF/main/aindex.jsp">测试到后台</a>，启动tomcat，发现点击链接是无法访问到后台的。原因在于WEB-INF目录下的jsp不能直接跳转，需要通过Servlet或者Action来跳转。那没办法，只能新写一个跳转的Action了。 
  
 
  
2.2 编写页面跳转的Action
 
  
        我们首先写一个Action来完成页面的跳转，该Action只是单纯的实现页面跳转，不处理任何业务逻辑。
 
  
 
  
 
   
 
    
 
     [java] 
      view plain 
       copy 
     
 
     
 
     print 
     ? 
     在CODE上查看代码片 
     派生到我的代码片 
    
 
   
 
   
  1. /** 
  2.  * @Description: TODO(此Action用来完成WEB-INF中JSP与JSP请求转发功能，此Action不处理任何的逻辑) 
  3.  * @author eson_15 
  4.  * 
  5.  */  
  6. public class SendAction extends ActionSupport {  
  7.       
  8.     public String execute() {  
  9.         return "send";  
  10.     }  
  11. }  
 
   
 
     
   
 
  
 
  
/**
 * @Description: TODO(此Action用来完成WEB-INF中JSP与JSP请求转发功能，此Action不处理任何的逻辑)
 * @author eson_15
 *
 */
public class SendAction extends ActionSupport {
    
    public String execute() {
        return "send";
    }
}

 
  
 
  
 
          我们可以看出，SendAction没有继承我们之前抽取的BaseAction，只是单纯的继承了ActionSupport。然后我们在struts.xml文件中配置一下： 
  
 
  
 
   
 
    
 
     [html] 
      view plain 
       copy 
     
 
     
 
     print 
     ? 
     在CODE上查看代码片 
     派生到我的代码片 
    
 
   
 
   
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE struts PUBLIC  
  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"  
  4.     "http://struts.apache.org/dtds/struts-2.3.dtd">  
  5.   
  6. <struts>  
  7.     <package name="shop" extends="struts-default">  
  8.   
  9.                 <!-- 全局result，对这个package中的所有action有效 --></span>   
  10.         <global-results>  
  11.             <result name="aindex">/WEB-INF/main/aindex.jsp</result>  
  12.         </global-results>  
  13.   
  14.         <!-- 省略其他action的配置……</span> -->  
  15.           
  16.         <!-- 用来完成系统 请求转发的action,所有的请求都交给execute-->  
  17.         <action name="send_*_*" class="sendAction">  
  18.             <result name="send">/WEB-INF/{1}/{2}.jsp</result>  
  19.         </action>  
  20.     </package>  
  21.   
  22. </struts>  
 
   
 
     
   
 
  
 
  
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
	"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
	"http://struts.apache.org/dtds/struts-2.3.dtd">

<struts>
	<package name="shop" extends="struts-default">

                <!-- 全局result，对这个package中的所有action有效 --></span>	
		<global-results>
			<result name="aindex">/WEB-INF/main/aindex.jsp</result>
		</global-results>

		<!-- 省略其他action的配置……</span> -->
		
		<!-- 用来完成系统 请求转发的action,所有的请求都交给execute-->
		<action name="send_*_*" class="sendAction">
			<result name="send">/WEB-INF/{1}/{2}.jsp</result>
		</action>
	</package>

</struts>
 
  
        别忘了在beans.xml中配置：<bean id="sendAction" class="cn.it.shop.action.SendAction" />。
 
 
  
        这个action中之所以配两个*号是为了便于访问WEB-INF/*/*.jsp，这需要在jsp中约定好地址的写法了。下面我们看一下aindex.jsp中的写法：
 
  
 
  
 
   
 
    
 
     [html] 
      view plain 
       copy 
     
 
     
 
     print 
     ? 
     在CODE上查看代码片 
     派生到我的代码片 
    
 
   
 
   
  1. <span style="font-family:Microsoft YaHei;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4. <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6. </head>  
  7. <!-- 框架体，里面包含了3+1个页面 -->  
  8. <frameset border="5" rows="150,*">  
  9.     <frame src="send_main_top.action" />  
  10.     <frameset border="5" cols="150,*">  
  11.         <frame src="send_main_left.action" />  
  12.         <frame src="send_main_right.action" />  
  13.     </frameset>  
  14. </frameset>    
  15.   
  16. </html></span>  
 
   
 
     
   
 
  
 
  
<span style="font-family:Microsoft YaHei;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<%@ include file="/public/head.jspf" %>
</head>
<!-- 框架体，里面包含了3+1个页面 -->
<frameset border="5" rows="150,*">
	<frame src="send_main_top.action" />
	<frameset border="5" cols="150,*">
		<frame src="send_main_left.action" />
		<frame src="send_main_right.action" />
	</frameset>
</frameset>  

</html></span>
 
          从修改后的aindex.jsp中可以看出，我们不直接访问WEB-INF/下的jsp（我们也访问不了），我们通过Action去跳转，这样我们在index.jsp的body中写入<a href="send_main_aindex.action">测试到后台</a>，然后启动tomcat，就可以点开链接正常访问后台主页面了。
  
  
 
   
  
        从上面使用frameset搭建后台页面的过程来看，还是挺麻烦的，它是一个个页面包含进来的，开发中也不会用frameset，而easyUI只有一个页面，所有的请求都是AJAX请求，接下来我们看一下如何使用easyUI来搭建后台页面。
 
 
  
3. 基于EasyUI搭建后台页面
 
  
         jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的JavaScript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。（EasyUI下载地址）
 
  
3.1 导入EasyUI相关组件
 
 
  
        我们先在工程中的WebRoot目录下导入EasyUI所需要的组件，网上都有下载，我用的是jquery-easyui-1.3.5，去掉一些不需要的东西，最后的结果如下：
 
  

 
 
  
3.2 搭建EasyUI的环境
 
  
        我们打开刚刚抽取出来的head.jspf文件，在这里导入EasyUI所依赖的css和js，其他页面引入该jspf文件即可间接引入了EasyUI所依赖的css和js了：
 
  
 
  
 
   
 
    
 
     [html] 
      view plain 
       copy 
     
 
     
 
     print 
     ? 
     在CODE上查看代码片 
     派生到我的代码片 
    
 
   
 
   
  1. <%@ page language="java" pageEncoding="UTF-8"%>  
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
  3. <c:set value="${pageContext.request.contextPath }" var="shop" />  
  4. <title>易购商城</title>  
  5.   
  6. <!-- 下面是easyui的环境 -->  
  7. <link rel="stylesheet" href="${shop }/jquery-easyui-1.3.5/themes/icon.css" type="text/css"></link>  
  8. <link rel="stylesheet" href="${shop }/jquery-easyui-1.3.5/themes/default/easyui.css" type="text/css"></link>  
  9. <script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/jquery.min.js"></script>  
  10. <script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>  
  11. <script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>  
 
   
 
     
   
 
  
 
  
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set value="${pageContext.request.contextPath }" var="shop" />
<title>易购商城</title>

<!-- 下面是easyui的环境 -->
<link rel="stylesheet" href="${shop }/jquery-easyui-1.3.5/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="${shop }/jquery-easyui-1.3.5/themes/default/easyui.css" type="text/css"></link>
<script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/jquery.min.js"></script>
<script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${shop }/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>

 
  
 
  
3.3 搭建后台的框架
 
  
        将WEB-INF/main/目录下的top.jsp、left.jsp和right.jsp都删掉，因为现在用不上了，然后修改aindex.jsp页面，现在可以使用EasyUI来做了：
 
  
 
  
 
   
 
    
 
     [html] 
      view plain 
       copy 
     
 
     
 
     print 
     ? 
     在CODE上查看代码片 
     派生到我的代码片 
    
 
   
 
   
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4. <head>  
  5.     <%@ include file="/public/head.jspf" %>  
  6. </head>  
  7.   
  8.     <body class="easyui-layout">  
  9.         <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>     
  10.         <div data-options="region:'west',title:'West',split:true" style="width:200px;">  
  11.             <!-- 此处显示的是系统菜单 -->  
  12.             <div id="aa" class="easyui-accordion" style="width:300px;height:200px;">     
  13.                 <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">     
  14.                     <h3 style="color:#0099FF;">Accordion for jQuery</h3>     
  15.                     <p>Accordion is a part of easyui framework for jQuery.       
  16.                     It lets you define your accordion component on web page more easily.</p>     
  17.                 </div>     
  18.                 <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">content2</div>     
  19.                 <div title="Title3">content3</div>     
  20.             </div>     
  21.         </div>     
  22.         <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>     
  23.     </body>    
  24.   
  25. </html>  
 
   
 
     
   
 
  
 
  
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<%@ include file="/public/head.jspf" %>
</head>

	<body class="easyui-layout">
	    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>   
	    <div data-options="region:'west',title:'West',split:true" style="width:200px;">
	    	<!-- 此处显示的是系统菜单 -->
	    	<div id="aa" class="easyui-accordion" style="width:300px;height:200px;">   
    			<div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">   
        			<h3 style="color:#0099FF;">Accordion for jQuery</h3>   
        			<p>Accordion is a part of easyui framework for jQuery.     
        			It lets you define your accordion component on web page more easily.</p>   
    			</div>   
    			<div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">content2</div>   
    			<div title="Title3">content3</div>   
			</div>   
	    </div>   
	    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>   
	</body>  

</html>
        这里的这么多<div>都是参照上面那个EasyUI的说明文档，我在下面贴出来。先进行整个layout布局，去掉我们不需要的，我们只要north、west和center三部分： 
  
 
  
 
  
 
  
        再在west部分的div中加上accordon分类的布局，将代码添加到head.jspf中：
 
  
 
  
        这样我们就简单搭建好了后台的页面框架了，后期只要往里面填入东西就行了。我们在index.jsp中测试一下：<a href="send_main_aindex.action">直接到后台EasyUI版</a>，这样jsp就会找我们刚刚写好的SendAction然后跳转到EWB-INF/main/aindex.jsp，就能正确显示后台框架了，如下：
 
  

 
 
  
        至此，我们使用EasyUI成功搭建好了后台页面的框架。
 
  

 
 
  

 
 
  
       相关阅读：http://blog.csdn.net/column/details/str2hiberspring.html
 
  
       整个项目的源码下载地址：http://blog.csdn.net/eson_15/article/details/51479994
 
  
 
 
 
 
 
  
 
 
 


                

        

        

    




    

      

        

            

              
                
                  liuyang_deve
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
easyui(12套后台模版)，花钱购买的，漂亮简洁清新

				
			

			

				

					11-26
				

			

		

		

			
				
easyui漂亮的后台管理框架，共12套，花钱购买的，有橙色模版，黑色模版，红色模版，蓝色模版，绿色模版，浅蓝色模版，深灰模版，深蓝模版，office2016版，数字管理系统，信息考核系统，云平台以及PSD源图。

			
		

	



                

              
                



	

		

			

				
					
分享一个基于easyui前端框架开发的后台管理系统模板

					
最新发布

				
			

			

				

					沐雨橙风ιε的博客
				

				

					01-18
					
					1716
					
				

			

		

		

			
				
这是对本系统的一些简单的功能介绍。前面已经对这个系统做了一些简单的介绍，接下来介绍一下博主经过多次实践产出的一部分公共的Java代码，可以直接使用。

			
		

	



                


  
              

                


	

		

			

				
					
基于EasyUI的通用后台管理系统框架搭建

				
			

			

				

					Java_boy12的博客
				

				

					09-08
					
					7617
					
				

			

		

		

			
				
先存草稿

			
		

	





	

		

			

				
					
EasyUI后台管理系统

				
			

			

				

					m0_63300795的博客
				

				

					08-22
					
					1561
					
				

			

		

		

			
				
【代码】EasyUI后台管理系统。

			
		

	



		

			
		



	

		

			

				
					
easyUi简介

				
			

			

				

					m0_58259839的博客
				

				

					04-11
					
					1334
					
				

			

		

		

			
				
一.easyUI的简介
easyui是一款基于jQuery的前端框架，可以使用其中的组件进行布局以及用来做后台的管理界面。
二.easyUI的不足之处
现在据了解到有三种UI框架，分别是easyUI、bootstrap、layUI这三种。
不足之处： 从效果来看easyui的界面效果要远远差于bootstrap
跟layui比，界面效果也更差
三.学easyUI的好处
虽然说它的效果界面并不是那么好看，但是它也有它的好处，而且easyUI要简单学些，如果学会的easyUI框架，那么上手layUI就会轻松许多

			
		

	





	

		

			

				
					
SSH框架网上商城项目第3战之使用EasyUI搭建后台页面框架

				
			

			

				

					09-02
				

			

		

		

			
				
SSH框架网上商城项目第3战之使用EasyUI搭建后台页面框架,讨论两种搭建方式：基于frameset和基于easyUI，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
SSH框架网上商城项目第4战之EasyUI菜单的实现

				
			

			

				

					09-02
				

			

		

		

			
				
SSH框架网上商城项目第4战之EasyUI菜单的实现，本文主要使用EasyUI技术简单实现后台菜单，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
使用easyUI搭建的后台管理系统框架

				
			

			

				

					05-15
				

			

		

		

			
				
使用easyUI搭建的后台管理框架，后台管理模板，菜单切换效果

			
		

	





	

		

			

				
					
SSH框架网上商城项目第7战之整合Struts2和Json

				
			

			

				

					10-22
				

			

		

		

			
				
SSH框架网上商城项目第7战之整合Struts2和Json，打通EasyUI和Struts2之间的交互，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
esp商城-前端用easyui+后台用springboot

				
			

			

				

					01-04
				

			

		

		

			
				
esp商城——前端用easyui+后台用springboot。奥派电商项目： 里面有各种Util:发邮件，下载，上传，日期，正则，Random，验证码，http请求等.... 业务包含：商品，订单，活动，优惠券，商户，活动，系统监听，支付，...

			
		

	





	

		

			

				
					
jQuery-Easyui写的一个后台框架

				
			

			

				

					12-13
				

			

		

		

			
				
jQuery-Easyui写的一个后台框架,很漂亮

			
		

	





	

		

			

				
					
漂亮的jquery easyui后台框架

				
			

			

				

					01-31
				

			

		

		

			
				
漂亮的jquery easyui后台框架 ,界面非常的漂亮美观
模板演示地址http://www.nongfuit.com/demo/123.aspx

			
		

	





	

		

			

				
					
easyui后台管理系统

				
			

			

				

					10-25
				

			

		

		

			
				
easyui后台管理系统静态资源文件，要在服务器上才能正常运行，数据是在json文件中的

			
		

	





	

		

			

				
					
easyui后台框架

				
			

			

				

					12-21
				

			

		

		

			
				
easyui集成的后台管理系统模版，集成grid,window,messager,tabs,tree,accordion
没有服务端代码

			
		

	





	

		

			

				
					
easyui后台管理系统框架

				
			

			

				

					08-21
				

			

		

		

			
				
easyui后台管理系统框架

			
		

	





	

		

			

				
					
用Easy UI快速搭建一个后台

					
热门推荐

				
			

			

				

					回首一辈子
				

				

					12-08
					
					1万+
					
				

			

		

		

			
				
今天来分享一个我前端技术-------如何使用Easy UI快速搭建一个后台，本博主也只是在官网文档学习了一个小时左右，就已经会使用了，当你学了Easy UI后，一个后台短短两分钟就可以over了，好了，别的不多说了，直接开始表演了；

下面这张图是效果图：



这是我搭建一个SSM（Spring Spring MVC Mybatis）框架体系时候用easy ui快速搭建的一个后台，一个简单的c...

			
		

	





	

		

			

				
					
基于javaweb+SSM的网上图书商城网上书店(java+SSM+Jsp+MySQL+Redis+JWT+Shiro+RabbitMQ+EasyUI)

				
			

			

				

					m0_71049690的博客
				

				

					05-17
					
					168
					
				

			

		

		

			
				
这个项目涉及到Shiro整合JWT、秒杀功能所具备的基本要求(限流、乐观锁、接口隐藏、JMeter高并发测试等等)、消息中间件RabbitMQ的异步邮件通知和死信队列、沙箱支付宝模拟支付等等技术亮点。
项目功能：该项目分为买家、卖家、管理员三个角色。买家角色的功能：登录、注册、浏览图书、管理购物车、结算订单、支付订单、查看订单、修改个人信息等等功能。
卖家角色的功能：登录、注册、浏览商品、管理自己发布的图书、管理收到的订单、查看自己的收益详情等等。管理员角色的功能：登录、管理所有用户信息、管理权限信息、管理

			
		

	





	

		

			

				
					
java+Intellij IDEA+struts2+Tomcat+Mysql+easyui小项目

				
			

			

				

					小炫指剑大厂
				

				

					02-11
					
					1938
					
				

			

		

		

			
				
用了三天的时间入门struts2。用了所学的知识做了个小项目，登录后实现文件下载和上传的功能。

改项目适合刚刚入门struts2的人看看，最好也能跟着打。不懂easyui没关系，我只用了一点点。

我觉得重要的地方都有备注，不懂可以看看

觉得有帮助的可以评论一下，激励下我

 

 

版本struts2:2.3.16.3



 

这是目录

model包下的


package com....

			
		

	





	

		

			

				
					
easyui搭建前台页面

				
			

			

				

					04-05
				

			

		

		

			
				
EasyUI是一个基于jQuery的开源UI框架，可以方便地创建前端页面。  1. 下载EasyUI  首先需要下载EasyUI，可以从官网下载最新版本的EasyUI。  2. 引入EasyUI  将EasyUI的CSS和JS文件引入到HTML文件中。  3. 创建页面...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值