基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统

笔者有话说:话不多说,跟着本文慢慢体会开发的乐趣吧!

背景描述:

近日公司开发了一款后台管理系统,采用目前主流的SMM框架(Spring + Spring MVC + Mybatis )搭建后台,后台前端采用了主流的 Bootstrap,接口数据交互采用 jQuery 处理,项目开发IDE 是 Eclipse,项目的构建使用 Maven ,MySQL作为数据库,采用 Git 做版本控制,整个项目搭建过程还是比较复杂曲折的,对于新手来说各自配置报错,对于老手来说也是各种小心,本文就笔者对基础的框架搭建做个简要的概述,对重点配置做代码公开,以便初学者参考学习。

前置知识:

SSM框架在项目开发中经常使用到,相比于SSH框架,它在仅几年的开发中运用的更加广泛。

  • Spring作为一个轻量级的框架,有很多的拓展功能,最主要的我们一般项目使用的就是IOC和AOP。
  • SpringMVC是Spring实现的一个Web层,相当于Struts的框架,但是比Struts更加灵活和强大!
  • Mybatis是 一个持久层的框架,在使用上相比Hibernate更加灵活,可以控制sql的编写,使用 XML或注解进行相关的配置!

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目,官网:http://www.bootcss.com/。

jQuery 是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)官网:http://jquery.com/。

MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。

Maven 是专门用于构建和管理Java相关项目的工具。

Git(读音为/gɪt/)  是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。

如想深入理解,可自行百度即可,这里不再赘述!

 

项目搭建:

第一步:创建项目

使用Eclipse 创建 Maven Poject 项目,记得选中 webapp,然后再完善Java工程的必要文件夹,如下图;

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第1张图片

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第2张图片

至此基本文件夹是有了,然后我们完善必须的项目配置。

第二步,配置文件

1, 配置pom.xml 文件,这是依赖jar包管理的配置文件,直接放上全部代码:


	4.0.0
	com.qunhongtech
	PUManage
	war
	0.0.1-SNAPSHOT
	PUManage Maven Webapp
	http://maven.apache.org

	
		
		4.3.18.RELEASE
		
		3.4.2
	

	
		
			junit
			junit
			3.8.1
			test
		

		
		
			org.springframework
			spring-core
			${spring.version}
		

            org.springframework
            spring-web
            ${spring.version}
        
        
            org.springframework
            spring-oxm
            ${spring.version}
        
        
            org.springframework
            spring-tx
            ${spring.version}
        

        
            org.springframework
            spring-jdbc
            ${spring.version}
        

        
            org.springframework
            spring-webmvc
            ${spring.version}
        
        
            org.springframework
            spring-aop
            ${spring.version}
        

        
            org.springframework
            spring-context-support
            ${spring.version}
        

        
            org.springframework
            spring-test
            ${spring.version}
        
        
         
        
            org.mybatis
            mybatis
            3.3.0
        
        
            mysql
            mysql-connector-java
            5.1.38
        
    
        
            com.alibaba
            druid
            1.0.26
        
         
            com.mchange
            c3p0
            0.9.5.2
        
        
        
            org.mybatis
            mybatis-spring
            1.2.3
        
        
        
            javax.servlet
            jstl
            1.2
        
        
            log4j
            log4j
            1.2.16
        
        
            org.slf4j
            slf4j-api
            1.6.1
        
        
            org.slf4j
            slf4j-nop
            1.6.4
        
        
            com.fasterxml.jackson.core
            jackson-core
            2.8.5
        
        
            com.fasterxml.jackson.core
            jackson-databind
            2.8.5
        
        
            com.fasterxml.jackson.core
            jackson-annotations
            2.8.5
        
	
	
		PUManage
		
			
				org.apache.maven.plugins
				maven-compiler-plugin
				
					1.8
					1.8
				
			
		
	

看到这里,头晕了吧,这就是代码的世界,只有懂的人才知道它的美;

2,配置spring-mvc.xml,核心代码




	
	
	
	

	
	
		
			
				text/html;charset=UTF-8
				application/json;charset=UTF-8
			
		
	

	
	
		
			
				 
			
		
	

	
	
		

		
		
	

	
	
	
	
	

 

3,配置 applicationContent.xml,这是Spring的相关配置文件




 	
	
		
	

	
	

	
		
		
		
		
	

	
	
		
		
		
		
	

	
	
		
		
	

	
	
		
	

	
	

4,配置mybatis-config.xml ,这是Mybatis 绑定的类,设置别名,后面就不要全部名称了





	
		
		
		
		
	


5,配置 jdbc.properties,这是数据库的相关配置

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/PU_MANAGE_DB?useUnicode=true&characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456
jdbc.initialSize=1
jdbc.minIdle=1
jdbc.maxActive=20
jdbc.maxWait=60000
jdbc.removeAbandoned=true
jdbc.removeAbandonedTimeout=180
jdbc.timeBetweenEvictionRunsMillis=60000
jdbc.minEvictableIdleTimeMillis=300000
jdbc.validationQuery=SELECT 1
jdbc.testWhileIdle=true
jdbc.testOnBorrow=false
jdbc.testOnReturn=false

6, 配置log4j.properties,这是调试输出的相关配置

log4j.rootLogger=DEBUG, stdout
log4j.logger.org.mybatis=DEBUG
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%5p %d %C: %m%n

 

7,配置web.xml,这里配置整个项目的一个配置




	Play Union Manage WebSite

	
	
		characterEncodingFilter
		org.springframework.web.filter.CharacterEncodingFilter
		
			encoding
			UTF-8
		
		
			forceEncoding
			true
		
	
	
		characterEncodingFilter
		/*
	

	
	
		contextConfigLocation
		classpath:applicationContext.xml
	
	
		org.springframework.web.context.ContextLoaderListener
	

	
	
		springDispatcherServlet
		org.springframework.web.servlet.DispatcherServlet
		
			contextConfigLocation
			classpath:spring-mvc.xml
		
		1
	
	
		springDispatcherServlet
		/
	


	
	
		HiddenHttpMethodFilter
		org.springframework.web.filter.HiddenHttpMethodFilter
	
	
		HiddenHttpMethodFilter
		/*
	

	
	
		HttpPutFormContentFilter
		org.springframework.web.filter.HttpPutFormContentFilter
	
	
		HttpPutFormContentFilter
		/*
	

	
	
		/WEB-INF/view/login.jsp
	

综上,基本配置就这些了,大概意思里面有注释,应该能看明白,笔者就不赘述了,网上对各个配置文件都有更详细的说明,可查阅去深读。

 

第三步,编写前端页面,即Jsp页面

项目初期搭建,会创建基本最简单的测试页面,这里直接截图给大家看下本项目的文件结构,如下图:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第3张图片

如上图,大概都能看明白吧,静态文件,各个页面,如登录页面、管理员页面等;

 

第四步,编写Java代码,采用MVC结构,如下是代码结构

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第4张图片

展开结构,大致包括了用户管理,公司管理,登录几个模块,如下图

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第5张图片

里面的具体代码就不这里列出来了,太多了...

 

第五步,配置MySQL数据库,创建必要的表,如下图

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第6张图片

 

第六步,项目运行,配置好Tomcat等这些,就可以看到如下的后台管理系统页面了,列举部分如下图:

登录页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第7张图片

后台页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第8张图片

管理员页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第9张图片

公司列表页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第10张图片

公司列表详情页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第11张图片

排行榜前端页面:

基于 Spring+Spring MVC+Mybatis+Bootstrap+jQuery+MySQL+Maven+Git 技术栈搭建后台管理系统_第12张图片

至于编辑,新增这些页面就不展示了,为什么选新白娘子传奇呢,因为最近正在看赵雅芝版的,新版的无法看,真是浪费资源;

 

部署项目

配置好服务器,可以购买阿里云、腾讯云什么的,笔者部署到了搬瓦工,安装了宝塔做管理,比较方便,安装Tomcat、MySQL数据库后,打包项目war 包,导出数据库,然后顺利部署到了公司服务器。

 

项目尾声:

本项目因一些原因没有最终交付给客户,所以这里就把框架基础部分给大家做个示范记录,如果想体验此系统,可以直接登录网站体验,如需要源码在此基础上做二次开发,可单独联系我们做授权使用(备注:源码不免费提供,请酌情考虑,希望理解)。

体验地址:后台管理系统,用户名/密码:admin/123456

联系我们:[email protected]

附言:因笔者能力技术有限,疏漏之处在所难免,如有错误请批评指正,非常感谢!

你可能感兴趣的:(后台开发)