IntelliJ IDEA+springboot+jdbctemplet+easyui+maven+oracle搭建简易开发框架（一）

时间：2019-12-29 16:40:43 阅读：124 评论：0 收藏：0 [点我收藏+]

标签：center pbm char ted drive 基础暂停 report template

前言：

　　这两天为了巩固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>
            <!--&lt;!&ndash;服务器&ndash;&gt;-->
<!--            <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>

pom.xml

启动类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);
    }
}

TmApplication

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=/**

Application.properties

三：引入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";
    }

}

reportController

reportService

package com.example.tm.report.service;

import org.springframework.stereotype.Service;

@Service("reportService")
public interface reportService {

}

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;



}

ReportServiceImpl

五：前台代码

参考此目录进行创建

技术图片

注意：需要确认的几个地方

　　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="width: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="width: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>