前言：
这两天为了巩固easyui的各个控件用法，搭建了一个简易的框架用于开发，大家可以用来参考，如果发现文章中有哪些不正确不合理的地方，也请各位不吝赐教，感激不尽。文章最下面有源码，可以用于参考。整个框架共分三层controller service serviceImpl,并且包括easyui的整合。
框架的目录：
一：创建项目
打开IntelliJ IDEA软件，点击File-New-Project创建项目
选中Spring Initializr 点击next
填写项目名 点击finish 注意：刚刚创建好的项目可能会自动引包，这里可以暂时暂停，因为我们后面是要修改pom.xml文件的内容的。
创建之后的项目路径如下：
二：修改配置，部分代码
点击File-setting 搜索maven
修改成功之后，修改下三个文件的内容，之后重新引包 三个文件分别是pom.xml （这个文件名称是跟你创建项目时候的名称对应生成的）Application.properties
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>1.5.14.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.example</groupId> <artifactId>demo</artifactId> <version>0.0.1-SNAPSHOT</version> <name>demo</name> <packaging>war</packaging> <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <!--<!–服务器–>--> <!-- <scope>provided</scope>--> <!--本地--> <scope>compile</scope> </dependency> <dependency> <groupId>com.oracle</groupId> <artifactId>ojdbc6</artifactId> <version>11.2.0</version> <!--<version>12.1.0</version>--> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> <version>1.5.14.RELEASE</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> <exclusions> <exclusion> <groupId>org.junit.vintage</groupId> <artifactId>junit-vintage-engine</artifactId> </exclusion> </exclusions> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>1.7</source> <target>1.7</target> </configuration> </plugin> </plugins> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/*.*</include> </includes> </resource> <resource> <directory>src/main/resources</directory> <includes> <include>**/*.*</include> </includes> </resource> </resources> </build> </project>
启动类TmApplication
package com.example.tm; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.boot.builder.SpringApplicationBuilder; import org.springframework.boot.web.support.SpringBootServletInitializer; @SpringBootApplication public class TmApplication extends SpringBootServletInitializer { @Override protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) { return builder.sources(TmApplication.class); } public static void main(String[] args) { SpringApplication.run(TmApplication.class, args); } }
Application.properties 注意：数据库连接地址账号和密码都改成自己的就可以了
server.port=8080 server.application.name=demo spring.datasource.url=jdbc:oracle:thin:@system:1521/orcl spring.datasource.username=ORCL spring.datasource.password=orcl spring.datasource.driver-class-oracle.jdbc.driver.OracleDriver spring.thymeleaf.suffix=.html spring.thymeleaf.mode=HTML5 spring.thymeleaf.encoding=UTF-8 #热部署文件，页面不产生缓存，及时更新 spring.thymeleaf.cache=false spring.resources.chain.strategy.content.enabled=true spring.resources.chain.strategy.content.paths=/**
三：引入easyui
在static文件夹下先创建一个文件easyui
创建之后可以修改下显示的格式，有的人显示是下面这种‘点’连接的，我们改成树的会对结构看的更清楚
修改成树状结构的方法。
从网上下载easyui的包
将解压之后的内容直接复制到static文件夹下
这里因为test文件我们暂时不用，所以可以先屏蔽掉，不屏蔽启动的时候可能会报错。
四：后台代码
参考此目录进行创建
进入页面暂时只需要controller层，这里先将整个框架写好。要注意的是后台类，方法上的注解不要写错。由于暂时没有与后台交互，所以数据库不需要创建表。但是上面配置文件中，还是需要指定数据库的地址账号密码，否则启动项目会报错
package com.example.tm.report.controller; import com.example.tm.report.service.reportService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; @Controller @RequestMapping("/report") public class reportController { @Autowired private reportService reportservice; /** * 功能：报表 * 创建人：tm * 时间：2019-12-28 */ @GetMapping(value = "/report") public String report(){ return "/report/report"; } }
reportService
package com.example.tm.report.service; import org.springframework.stereotype.Service; @Service("reportService") public interface reportService { }
ReportServiceImpl
package com.example.tm.report.service.Impl; import com.example.tm.report.service.reportService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.jdbc.core.JdbcTemplate; import org.springframework.stereotype.Service; @Service("reportService") public class ReportServiceImpl implements reportService { @Autowired private JdbcTemplate jdbcTemplate; }
五：前台代码
参考此目录进行创建
注意：需要确认的几个地方
1. link和script标签指定的easyui相关路径地址名称一定要正确
2. 在js里如果要写js代码 要写在 /*<![CDATA[*/ /*]]>*/之内
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>报表</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"/> <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css"/> <script type="text/javascript" src="../easyui/jquery.min.js"></script> <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../easyui/datagrid-export.js"></script> <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> /*<![CDATA[*/ /*]]>*/ </script> </head> <body> <div class="easyui-layout" style="100%;height:1000px;" fit="true"> <div id="tb" style="padding:3px"> <span>开始时间</span> <input type="text" class="easyui-datebox" id="starttime"/> <span>结束时间</span> <input type="text" class="easyui-datebox" id="endtime"/> <span>所在班组</span> <select id = "ProjectTree" class="easyui-combotree" url="getClassGroupTree" name="city" style="156px;"/> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="doSearch()">查询</a> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="toExcel()">导出</a> </div> </div> </body> </html>
六：启动项目
启动项目分为两种，正常启动和debug模式启动
如果启动之后如下图所示没有报错，浏览器中直接输入 http://localhost:8080/report/report 就可以了（8080是application.properties文件中配置的，可以自行修改）
显示效果：
总结：此框架没有太深的技术，适用于刚刚接触springboot和开始学习搭框架的小伙伴们，接下来的文章里我会依据easyui为基础来完善各种easyui控件的用法，感兴趣的小伙伴可以查看我的博客springboot分类中的内容，如果文章有那些不合理不正确的内容，也请各位大神不吝赐教，小编感激不尽。
持续更新！！！