微信小程式（5）搭建SpringBoot後臺

阿新 • • 發佈：2018-12-20

使用IntelliJ IDEA搭建一個整合SpringBoot的Maven聚合專案

結構如圖

搭建一個Maven專案kolkie-parent作為project容器(刪除src)

kolkie-parent需要引入spring-boot-starter-parent包,這個包相當於預設添加了一些常用配置。（具體作用可以參考maven的spring-boot-starter-parent的作用）

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>xc</groupId>
    <artifactId>kolkie-parent</artifactId>
    <packaging>pom</packaging>
    <version>1.0-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.5.12.RELEASE</version>
        <relativePath/>
    </parent>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> 
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
	<java.version>1.8</java.version>
    </properties>

</project>

在kolkie-parent(Project)搭建一個Maven元件kolkie-common(Module)

kolkie-common作為基礎元件，需要引入常用的工具類和根據業務需求新增的jar包，可供其他模組使用。

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>kolkie-parent</artifactId>
        <groupId>xc</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>kolkie-common</artifactId>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
            <exclusions>
                <!-- 排除springboot預設的logback日誌框架 -->
                <exclusion>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-logging</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <!-- 引入log4j日誌依賴 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-log4j</artifactId>
            <version>1.3.8.RELEASE</version>
        </dependency>

        <!-- 引入spring aop依賴 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <exclusions>
            </exclusions>
        </dependency>

        <!-- 資源配置 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <optional>true</optional>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <!-- 阿里開源資料來源 -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.1.0</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.1.0</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.41</version>
        </dependency>

        <!-- mybatis -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.1</version>
        </dependency>
        <!--mapper -->
        <dependency>
            <groupId>tk.mybatis</groupId>
            <artifactId>mapper-spring-boot-starter</artifactId>
            <version>1.2.4</version>
        </dependency>
        <!--pagehelper -->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
            <version>1.2.3</version>
        </dependency>

        <!-- apache 工具類 -->
        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.11</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <version>3.4</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-io</artifactId>
            <version>1.3.2</version>
        </dependency>

        <!-- swagger2 配置 -->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.4.0</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.4.0</version>
        </dependency>

        <!-- 引入 redis 依賴 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>
        <dependency>
            <groupId>redis.clients</groupId>
            <artifactId>jedis</artifactId>
            <version>2.9.0</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.data</groupId>
            <artifactId>spring-data-redis</artifactId>
            <version>1.8.7.RELEASE</version>
        </dependency>

        <!-- 引入zookeeper -->
        <dependency>
            <groupId>org.apache.curator</groupId>
            <artifactId>curator-framework</artifactId>
            <version>4.0.0</version>
        </dependency>
        <dependency>
            <groupId>org.apache.zookeeper</groupId>
            <artifactId>zookeeper</artifactId>
            <version>3.4.11</version>
        </dependency>
        <dependency>
            <groupId>org.apache.curator</groupId>
            <artifactId>curator-recipes</artifactId>
            <version>4.0.0</version>
        </dependency>

    </dependencies>

</project>

在kolkie-parent(Project)搭建一個Maven元件kolkie-pojo(Module)

用於實體類 ,需要依賴kolkie-common元件。

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>kolkie-parent</artifactId>
        <groupId>xc</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>kolkie-pojo</artifactId>

    <dependencies>
        <dependency>
            <groupId>xc</groupId>
            <artifactId>kolkie-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.8.4</version>
            <scope>compile</scope>
        </dependency>
    </dependencies>

</project>

在kolkie-parent(Project)搭建一個Maven元件kolkie-mapper(Module),並繼承Kolkie-pojo元件

用於資料庫相關的基本抽象方法的模組 ,需要依賴kolkie-pojo元件。

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>kolkie-parent</artifactId>
        <groupId>xc</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>kolkie-mapper</artifactId>

    <dependencies>
        <dependency>
            <groupId>xc</groupId>
            <artifactId>kolkie-pojo</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

</project>

在kolkie-parent(Project)搭建一個Maven元件kolkie-service(Module),並繼承Kolkie-mapper元件

用於業務層程式碼,需要依賴kolkie-mapper元件。

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>kolkie-parent</artifactId>
        <groupId>xc</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>kolkie-service</artifactId>

    <dependencies>
        <dependency>
            <groupId>xc</groupId>
            <artifactId>kolkie-mapper</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

</project>

在kolkie-parent(Project)搭建一個Maven元件kolkie-api(Module),並繼承Kolkie-mapper元件

用於前端呼叫的api元件,需要依賴kolkie-service元件。

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>kolkie-parent</artifactId>
        <groupId>xc</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>kolkie-mini-api</artifactId>

    <dependencies>
        <dependency>
            <groupId>xc</groupId>
            <artifactId>kolkie-service</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

</project>

至此基本結構搭建完成，另外需要根據具體業務新增程式碼

微信小程式（5）搭建SpringBoot後臺

使用IntelliJ IDEA搭建一個整合SpringBoot的Maven聚合專案結構如圖 &nb

EA&UML日拱一卒-0基礎學習微信小程式（5）- Hello world！

全貌上一篇文章的最後，我們的開發工具是下面的狀態。畫面的最左邊是導航選單，用於切換編輯，除錯，專案設定等功能。今天我們集中說明編輯功能。導航選單的右側分為3個大的區域，分別是小程式執行區域，目錄樹和程式碼編輯區域。小程式執行區域該區域的最上面有兩個

微信小程式（十）實戰——請求後臺資料（微信小程式+laravel）

1.剛開始是本地測試連結資料庫，傳遞死資料，為了將前後流程走通，也就是給定一個數據從前臺——》到後臺——》前臺顯示；2.現

微信小程式（一），授權頁面搭建

wxml程式碼如下：  <view class="index2Container"> <image class="avatar" src="/static/images/y.jpg">

從零開始學習微信小程式（二）

wx.navigateTo()與wx.redirectTo()的區別區別一 wx.navigateTo()表示的是從一個頁面跳轉到另一個頁面，會在另一個頁面中出現可返回之前頁面的按鈕，另一個頁面與之前頁面的關係為子頁面與父頁面的關係 wx.redirectTo()表示

學習微信小程式（二）

不管什麼語言，我覺得最關鍵的還是邏輯上的分析。然而，隨著年齡的增大我感覺自己的越來越沒有這種想要深入判斷某一事件的念頭，也許是因為網路的發達和越來越多的大佬和技術人員？但這顯然不是一個好的理由，只能慢慢的將他撿回來了。在微信小程式中app.js是對於邏輯的處理的。其中Ap

微信小程式（二）currentTarget、target區別

一、目的：點選輪播圖，進入到相對應的介面二、方法：方法（1）每個image元件上，繫結一個函式。壞處：如果輪播圖很多，每個元件都繫結會很麻煩方法（2）使用冒泡事件來觸發，在父級元件<swiper>上進行事件繫結三、具體實現

微信小程式（4）與後臺api通訊

寫在前面：首先要了解微信小程式與後臺api通訊的特徵小程式無法直接訪問後臺介面解決方案：通過內網穿透實現暴露到公網具體實施：使用ngrok來實現內網穿透

微信小程式（3）flex佈局

小程式頁面可以使用類似於html的方式進行設計，鑑於小程式主要適用於移動端，所以推薦使用flex的響應式佈局。定義佈局 display：flex flex容器的屬性 flex-direction:排列方向

微信小程式（2）引入模組

微信小程式中有些公共的js程式碼不需要在每個頁面中重複編寫，所以可以採用將其模組化的方式進行引用。 1.需要被引用的公共模組新建pages/utils/common.js &

微信小程式（1）生命週期

一. 小程式App的事件演示一個小程式生命週期的例子，需要注意的是小程式app的生命週期要與頁面的生命週期區分，因為每個頁面都有相應的生命週期，類似於下面app的生命週期裡的方法之外，也會有頁面特有的方法，例如onLoad以及onUnload方法等，這裡就不一一列舉了。列舉

微信小程式（利用百度雲後臺進行人臉識別）

takePhoto() { const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { t

微信小程式（三）：返回上一級頁面並重新整理（頁面棧）

在很多業務場景之下，需要返回上一級頁面，並進行重新整理，在微信小程式中的wx.navigateBack方法中，返回上一頁是不會重新整理的。如果上一頁的頁面載入是在onLoad方法中觸發的話，那麼可以修改為在onShow方法中觸發。 onLoad(Object query)：

微信小程式（一）：微信小程式與伺服器的簡單鏈接

生活無趣且不易，一起找點樂子吧。歡迎評論，和文章無關的東西也沒關係。最近在寫小程式，有些問題，搜尋不到太有價值的東西（可能是我對關鍵字的理解不好），這裡總結下我遇到各種問題，可能看來會比較可笑，但對新手來說也許會有些幫助，我會盡量去注重具體的實現。這篇文章來

微信小程式（三）：選座系統2（主要內容：陣列的動態更改）

人生無趣且不易，一起找點樂子吧。歡迎評論，和文章無關也沒問題。上篇文章我們主要說了列表的渲染，給定個數組，讓他根據我們的要求“畫”在介面上，最後我們也提到，如果想要想要改變介面，只要相應的改變對應陣列的內容就可以了。這次我們就來講怎樣從介面獲得資料，然後在

微信小程式（四）：Tab分頁

本文介紹在微信小程式中實現多Tab分頁的功能。內容多出自官方文件，增加了一些作者實踐過程中遇到的問題與注意點。本文基於微信小程式公測版，IDE：微信開發者工具 0.10.102800 1.1 元件 tabBar 微信小程式提供了一個元件

微信小程式（2）-小程式資訊完善以及開發前準備，程式碼稽核與釋出

1.完成註冊後，在微信公眾平臺官網首頁（mp.weixin.qq.com)的登入藉口直接登入 2.完善小程式資訊（完成註冊後，微信小程式資訊完善步驟和開發可同步進行） *選擇對公打款的使用者，完成匯款後，可以補充小程式名稱資訊，上傳小程式影象，填寫小程式介紹並且確定小程式服

微信小程式（八）——五星級評分

▍寫在前面在製作一個醫院類小程式的前端時，有一個功能是對醫院進行評價，通過查詢資料並結合自身的知識花了一個下午終於解決了。（由於知識欠缺的原因，中間一個問題阻礙了幾個小時，即為下文所陳列問題的第二條）。 ▍效果預覽分別截取了無評分狀態和評價狀態的頁面：未選

微信小程式（2）控制元件

一。基本控制元件----button按鈕  <view class="container"> <button size="mini">按鈕</button> <button

微信小程式（六）——禁止頁面滾動

▍寫在前面（來訪者請直接瀏覽下一條）最近在做一個美食類小程式的時候，需要用到一個購物車，自己不好構思，就仿照美團的購物車寫了一個，然後就在這卡了一下：購物車列表是fixed脫離文字流的，在上下滾動購物車列表的時候，底部的頁面竟然也會跟著滾動，這怎麼成，所以我就找了一下關於

微信小程式（5）搭建SpringBoot後臺

使用IntelliJ IDEA搭建一個整合SpringBoot的Maven聚合專案

相關推薦