標籤: 台北網頁設計

  • 台灣團隊以《海洋危機》出席全球最大桌遊展

    摘錄自2019年11月4日自由時報報導

    全球最大桌上遊戲大會「德國埃森桌遊展(SPIEL)」上月下旬開展時,台灣業者獨闖,靠實力獲邀參與官方論壇主講「環境友善」議題,直接正名Taiwan登上官網與活動介紹,不是以China(中國)或Chinese Taipei(中華台北)名稱參與,更透過桌遊,將台灣文化輸出全世界。

    獨立遊戲出版業者「綿羊犬百寶箱」公司負責人林啟維表示,SPIEL桌遊展是全球最大,展期是上月24至27日,今年便8月收到該展邀請,希望出席大會在上月26日舉辦的官方論壇活動,主講「環境友善」議題,便將今年開發的《海洋危機》獲台灣逾600間學校使用的經驗,到場分享。

    林啟維說,論壇中看見德國遊戲市場與亞洲新興市場的差異,永續話題也在當場彼此交鋒,但結束後卻有不少德國、荷蘭等地學校老師、環境工作者現身,指定購買台灣桌遊,另外過去也開發台灣內容的《史前歷險紀》,不少外國人玩完才發現是台灣史前文化,同樣把台灣文化輸出海外。

    林啟維認為,「用熱情、專業將自己手邊的事情做好,當機會來臨,我們就會被看見。」而桌遊設計領域,一直由自由派的創作者們領導著,而台灣在遊戲設計與市場成熟度,也大大領先中國,因此這次論壇無任何政治干預,讓自已不僅代表台灣,也更代表東亞桌遊開發與應用的精神,未來將繼續努力,持續在國際舞台綻放。

    本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 空污太嚴重 印度最高法院諭令禁焚農作物殘梗

    摘錄自2019年11月5日中央社外電報導

    有鑑於空汙嚴重,印度最高法院今天(5 日)下令首都新德里周邊地區全面停止焚燒農作物殘梗。法院指出,新德里居民持續因為空汙喪失寶貴生命歲月,「這根本不該發生在文明國家」。倘若禁令未貫徹執行,整個行政和警察體系都會被追究責任。

    儘管焚燒農作物殘梗已屬非法,許多經濟困窘農民表示,他們別無其他選擇。印度政府曾試圖杜絕農民這個習慣,例如補助購買排除焚燒農作物殘梗必要性的設備,但效果不彰。此外,農民也可將殘梗轉化為生質能源團塊等較具實用價值物品,但成本偏高。

    氣候政策研究員、「印度大霧霾」」(The Great Smog of India,暫譯)一書作者辛赫(Siddharth Singh)表示,政府應採取作為,賦予農作殘餘物價值,例如出資採購並以乾淨方式焚燒。

    不過,印度智庫「政策研究中心」(Centre for Policy Research)研究員哈里希(Santosh Harish)認為,焚燒農作物對空汙的「貢獻」被高估了。

    哈里希指出:「過去幾週,殘梗焚燒確實(對空汙形成)扮演重要角色,占比約40%,但我認為新德里市長高估農民能耐,對新德里境內空汙來源卻輕描淡寫…若新德里全面推卸責任,他們就搞錯重點了。」

    根據哈里希的說法,新德里空汙危機的主要成因是交通運輸工具、工業設施和發電廠所排放廢氣,另外還有施工粉塵。此外,嚴重空汙範圍已超越首都區,涵蓋印度北部多數地區。

    根據環保組織「綠色和平」(Greenpeace)3月發布的報告,全球汙染程度最高的30座城市中,印度就包辦其中22座。新德里市長克里瓦爾(Arvind Kejriwal)上週表示,新德里已成「毒氣室」,罪魁禍首就是「焚燒農作物產生的煙霧」。

    新德里的空汙情形在3日急遽惡化,細懸浮微粒(PM2.5)濃度達近3年新高,接近每立方公尺1000微克,而世界衛生組織(WHO)建議的每日最高安全上限為每立方公尺25微克。空汙嚴重甚至導致飛機航班被迫延誤或改變起降地點,各級學校也關閉;經濟條件佳的居民多選擇待在有空氣清淨機運轉的住家裡。

    本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※為什麼 USB CONNECTOR 是電子產業重要的元件?

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※台北網頁設計公司全省服務真心推薦

    ※想知道最厲害的網頁設計公司"嚨底家"!

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※推薦評價好的iphone維修中心

  • 在 Spring Boot 中使用 HikariCP 連接池

    在 Spring Boot 中使用 HikariCP 連接池

    上次幫小王解決了如何在 Spring Boot 中使用 JDBC 連接 MySQL 后,我就一直在等,等他問我第三個問題,比如說如何在 Spring Boot 中使用 HikariCP 連接池。但我等了四天也沒有等到任何音訊,似乎他從我的世界里消失了,而我卻仍然沉醉在他拍我馬屁的美妙感覺里。

    突然感覺,沒有小王的日子里,好空虛。怎麼辦呢?想來想去還是寫文章度日吧,积極創作的過程中,也許能夠擺脫對小王的苦苦思念。寫什麼好呢?

    想來想去,就寫如何在 Spring Boot 中使用 HikariCP 連接池吧。畢竟實戰項目當中,肯定不能使用 JDBC,連接池是必須的。而 HikariCP 據說非常的快,快到 Spring Boot 2 默認的數據庫連接池也從 Tomcat 切換到了 HikariCP(喜新厭舊的臭毛病能不能改改)。

    HikariCP 的 GitHub 地址如下:

    https://github.com/brettwooldridge/HikariCP

    目前星標 12K,被使用次數更是達到了 43.1K。再來看看它的自我介紹。

    牛逼的不能行啊,原來 Hikari 來源於日語,“光”的意思,這意味着快得像光速一樣嗎?講真,看簡介的感覺就好像在和我的女神“湯唯”握手一樣刺激和震撼。

    既然 Spring Boot 2 已經默認使用了 HikariCP,那麼使用起來也相當的輕鬆愜意,只需要簡單幾個步驟。

    01、初始化 MySQL 數據庫

    既然要連接 MySQL,那麼就需要先在電腦上安裝 MySQL 服務(本文暫且跳過),並且創建數據庫和表。

    CREATE DATABASE `springbootdemo`;
    DROP TABLE IF EXISTS `mysql_datasource`;
    CREATE TABLE `mysql_datasource` (
      `id` varchar(64NOT NULL,
      PRIMARY KEY (`id`)
    ENGINE=InnoDB DEFAULT CHARSET=utf8;

    02、使用 Spring Initlallzr 創建 Spring Boot 項目

    創建一個 Spring Boot 項目非常簡單,通過 Spring Initlallzr(https://start.spring.io/)就可以了。

    勾選 Web、JDBC、MySQL Driver 等三個依賴。

    1)Web 表明該項目是一個 Web 項目,便於我們直接通過 URL 來實操。

    3)MySQL Driver:連接 MySQL 服務器的驅動器。

    5)JDBC:Spring Boot 2 默認使用了 HikariCP,所以 HikariCP 會默認在 spring-boot-starter-jdbc 中附加依賴,因此不需要主動添加 HikariCP 的依賴。

    PS:怎麼證明這一點呢?項目導入成功后,在 pom.xml 文件中,按住鼠標左鍵 + Ctrl 鍵訪問 spring-boot-starter-jdbc 依賴節點,可在 spring-boot-starter-jdbc.pom 文件中查看到 HikariCP 的依賴信息。

    選項選擇完后,就可以點擊【Generate】按鈕生成一個初始化的 Spring Boot 項目了。生成的是一個壓縮包,導入到 IDE 的時候需要先解壓。

    03、編輯 application.properties 文件

    項目導入成功后,等待 Maven 下載依賴,完成后編輯 application.properties 文件,配置 MySQL 數據源信息。

    spring.datasource.url=jdbc:mysql://127.0.0.1:3306/springbootdemo?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
    spring.datasource.username=root
    spring.datasource.password=123456

    是不是有一種似曾相識的感覺(和[上一篇]()中的數據源配置一模一樣)?為什麼呢?答案已經告訴過大家了——默認、默認、默認,重要的事情說三遍,Spring Boot 2 默認使用了 HikariCP 連接池。

    04、編輯 Spring Boot 項目

    為了便於我們查看 HikariCP 的連接信息,我們對 SpringBootMysqlApplication 類進行編輯,增加以下內容。

    @SpringBootApplication
    public class HikariCpDemoApplication implements CommandLineRunner {
        @Autowired
        private DataSource dataSource;

        public static void main(String[] args) {
            SpringApplication.run(HikariCpDemoApplication.class, args);
        }

        @Override
        public void run(String... args) throws Exception {
            Connection conn = dataSource.getConnection();
            conn.close();
        }
    }

    HikariCpDemoApplication 實現了 CommandLineRunner 接口,該接口允許我們在項目啟動的時候加載一些數據或者做一些事情,比如說我們嘗試通過 DataSource 對象與數據源建立連接,這樣就可以在日誌信息中看到 HikariCP 的連接信息。CommandLineRunner 接口有一個方法需要實現,就是我們看到的 run() 方法。

    通過 debug 的方式,我們可以看到,在項目運行的過程中,dataSource 這個 Bean 的類型為 HikariDataSource。

    05、運行 Spring Boot 項目

    接下來,我們直接運行 HikariCpDemoApplication 類,這樣一個 Spring Boot 項目就啟動成功了。

    HikariDataSource 對象的連接信息會被打印出來。也就是說,HikariCP 連接池的配置啟用了。快給自己點個贊。

    06、為什麼 Spring Boot 2.0 選擇 HikariCP 作為默認數據庫連接池

    有幾種基準測試結果可用來比較HikariCP和其他連接池框架(例如c3p0dbcp2tomcatvibur)的性能。例如,HikariCP團隊發布了以下基準(可在此處獲得原始結果):

    HikariCP 團隊為了證明自己性能最佳,特意找了幾個背景對比了下。不幸充當背景的有 c3p0、dbcp2、tomcat 等傳統的連接池。

    從上圖中,我們能感受出背景的尷尬,HikariCP 鶴立雞群了。HikariCP 製作以如此優秀,原因大致有下面這些:

    1)字節碼級別上的優化:要求編譯后的字節碼最少,這樣 CPU 緩存就可以加載更多的程序代碼。

    HikariCP 優化前的代碼片段:

    public final PreparedStatement prepareStatement(String sql, String[] columnNames) throws SQLException
    {
        return PROXY_FACTORY.getProxyPreparedStatement(this, delegate.prepareStatement(sql, columnNames));
    }

    HikariCP 優化后的代碼片段:

    public final PreparedStatement prepareStatement(String sql, String[] columnNames) throws SQLException
    {
        return ProxyFactory.getProxyPreparedStatement(this, delegate.prepareStatement(sql, columnNames));
    }

    以上兩段代碼的差別只有一處,就是 ProxyFactory 替代了 PROXY_FACTORY,這個改動后的字節碼比優化前減少了 3 行指令。具體的分析參照 HikariCP 的 Wiki 文檔。

    2)使用自定義的列表(FastStatementList)代替 ArrayList,可以避免 get() 的時候進行範圍檢查,remove() 的時候從頭到尾的掃描。

    07、鳴謝

    好了,各位讀者朋友們,答應小王的文章終於寫完了。能看到這裏的都是最優秀的程序員,升職加薪就是你了。如果覺得不過癮,還想看到更多,可以 star 二哥的 GitHub【itwanger.github.io】,本文已收錄。

    PS:本文配套的源碼已上傳至 GitHub 【SpringBootDemo.SpringBootMysql】。

    原創不易,如果覺得有點用的話,請不要吝嗇你手中點贊的權力;如果想要第一時間看到二哥更新的文章,請掃描下方的二維碼,關注沉默王二公眾號。我們下篇文章見!

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    南投搬家公司費用需注意的眉眉角角,別等搬了再說!

    新北清潔公司,居家、辦公、裝潢細清專業服務

  • STM32內存受限情況下攝像頭驅動方式與圖像裁剪的選擇

    STM32內存受限情況下攝像頭驅動方式與圖像裁剪的選擇

    1、STM32圖像接收接口

    使用stm32芯片,128kB RAM,512kB Rom,資源有限,接攝像頭採集圖像,這種情況下,內存利用制約程序設計。

    STM32使用DCMI接口讀取攝像頭,協議如下。行同步信號指示了一行數據完成,場同步信號指示了一幀圖像傳輸完成。所以出現了兩種典型的數據接收方式,按照行信號一行一行處理,按照場信號一次接收一副圖像。

     

    2、按行讀取

    以網絡上流行的野火的demo為例,使用行中斷,用DMA來讀取一行數據。

    //記錄傳輸了多少行
    static uint16_t line_num =0;
    //DMA傳輸完成中斷服務函數
    void DMA2_Stream1_IRQHandler(void)
    {
      if ( DMA_GetITStatus(DMA2_Stream1,DMA_IT_TCIF1) == SET )
      {
       /*行計數*/
      line_num++;
      if (line_num==img_height)
      {
      /*傳輸完一幀,計數複位*/
      line_num=0;
      }
      /*DMA 一行一行傳輸*/
      OV2640_DMA_Config(FSMC_LCD_ADDRESS+(lcd_width*2*(lcd_height-line_num-1)),img_width*2/4);
      DMA_ClearITPendingBit(DMA2_Stream1,DMA_IT_TCIF1);
      }
    }
    
     //幀中斷服務函數,使用幀中斷重置line_num,可防止有時掉數據的時候DMA傳送行數出現偏移
    void DCMI_IRQHandler(void)
    {
      if ( DCMI_GetITStatus (DCMI_IT_FRAME) == SET )
      {
      /*傳輸完一幀,計數複位*/
      line_num=0;
      DCMI_ClearITPendingBit(DCMI_IT_FRAME);
      }
    }

    DMA中斷服務函數中主要是使用了一個靜態變量line_num來記錄已傳輸了多少行數據,每進一次DMA中斷時自加1,由於進入一次中斷就代表傳輸完一行數據,所以line_num的值等於lcd_height時(攝像頭輸出的數據行數),表示傳輸完一幀圖像,line_num複位為0,開始另一幀數據的傳輸。line_num計數完畢后利用前面定義的OV2640_DMA_Config函數配置新的一行DMA數據傳輸,它利用line_num變量計算顯存地址的行偏移,控制DCMI數據被傳送到正確的位置,每次傳輸的都是一行像素的數據量。

    當DCMI接口檢測到攝像頭傳輸的幀同步信號時,會進入DCMI_IRQHandler中斷服務函數,在這個函數中不管line_num原來的值是什麼,它都把line_num直接複位為0,這樣下次再進入DMA中斷服務函數的時候,它會開始新一幀數據的傳輸。這樣可以利用DCMI的硬件同步信號,而不只是依靠DMA自己的傳輸計數,這樣可以避免有時STM32內部DMA傳輸受到阻塞而跟不上外部攝像頭信號導致的數據錯誤。

    圖像按幀讀取比按行讀取效率更高,那麼為什麼要按行讀取呢?上面的例子是把圖像送到LCD,如果是送到內存,按幀讀取就需要芯片有很大的內存空間。以752*480的分辨率為例,需要360kB的RAM空間,遠遠超出了芯片RAM的大小。部分應用不需要攝像頭全尺寸的圖像,只需要中心區域,比如為了避免畸變影響一般只用圖像中間的部分,那麼按行讀取就有一個好處,讀到一行后,可以把不需要的丟棄,只保留中間部分的圖像像素。

    那麼問題來了?為什麼不直接配置攝像頭的屬性,來實現只讀取圖像的中間部分呢,全部讀取出來然後在arm的內存中裁剪丟棄不要的像素,第一浪費了讀取時間,第二浪費了讀取的空間。更優的做法是直接配置攝像頭sensor,使用sensor的裁剪功能輸出需要的像素區域。

     

    3、圖像裁剪–使用STM32 crop功能裁剪

    STM32F4系列的DCMI接口支持裁剪功能,對攝像頭輸出的像素點進行截取,不需要的像素部分不被DCMI傳入內存,從硬件接口一側就丟棄了。

    HAL_DCMI_EnableCrop(&hdcmi);
    HAL_DCMI_ConfigCrop(&hdcmi, CAM_ROW_OFFSET, CAM_COL_OFFSET, IMG_ROW-1, IMG_COL-1);

    裁剪的本質如下所述,從接收到的數據里選擇需要的矩形區域。所以STM32 DCMI裁剪功能可以完成節約內存,只選取需要的圖像存入內存的作用。

    此方法相比於一次讀一行,然後丟棄首尾部分后把需要的區域圖像像素存入buffer后再讀下一行,避免了時序錯誤,代碼簡潔了,DCMI硬件計數丟掉不要的像素,也提高了程序可靠性、可讀性。

    成也蕭何敗也蕭何,如上面所述,STM32的crop完成了選取特定區域圖像的功能,那麼也要付出代價,它是從接收到的圖像數據里進行選擇的,這意味着那些不需要的數據依然會傳輸到MCU一側,只不過MCU的DCMI對數據進行計數是忽略了它而已,那麼問題就來了,哪些不需要的數據的傳輸會帶來什麼問題呢?

    有圖為證,下圖是使用了STM32 crop裁剪的時序圖,通道1啟動採集IO置高,frame中斷里拉低,由於使用dma傳輸,那麼被crop裁剪后dma計數的數據量變少,所以DCMI frame中斷能在行數據傳輸完成前到達,通道1高電平部分就代表一有效分辨率的幀的採集時間。通道2 曝光信號管腳,通道3是行掃描信號。其中通道1下降沿到通道3下降沿4.5ms。代表單片機已經收到crop指定尺寸的圖像,採集有效區域(crop區域)的圖像完成,但是line信號沒有結束還有很多行沒傳輸,即CMOS和DCMI接口要傳輸752*480圖像還沒完成。

     舉例說明,如果使用752*480分辨率採集圖像,你只取中間的360*360視野,有效分辨率是360*360,但是總線上的數據依然是752*480,所以幀率無法提高,多餘的數據按說就不應該傳輸出來,如何破解,問題追到這裏,STM32芯片已經無能為力了,接下來需要在CMOS一側發力了。

     

    4、圖像裁剪–配置CMOS寄存器裁剪

    下圖是MT9V034 攝像頭芯片的寄存器手冊,Reg1–4配置CMOS的行列起點和寬度高度。

    修改寄存器后,攝像頭CMOS就不再向外傳輸多餘的數據,被裁剪丟棄的數據也不會反應在接口上,所以STM32 DCMI接收到的數據都是需要保留的有效區數據,極大地減少了數據輸出,提高了傳輸效率。本人也在STM324芯片上,實現了220*220分辨率120幀的連續採集。

    下面是序圖,通道1高電平代表開始採集和一幀結束,不同於使用STM32 的crop裁剪,使用CMOS寄存器裁剪有效窗口,使得幀結束時行信號也同時結束,後續沒有任何需要傳輸的行數據。

     

    5、一幀數據一次性傳輸

    一幀數據一次全部讀入到MCU的方式,其實是最簡單的驅動編寫方式,缺點就是太占內存,但是對於沒有壓縮功能的cmos芯片來說,一般都無力實現。對部分有jpg壓縮功能的cmos芯片而言,比如OV2640可以使用這種方式,一次性讀出一幀圖像。

    __align(4) u32 jpeg_buf[jpeg_buf_size];    //JPEG buffer
    //JPEG 格式
    const u16 jpeg_img_size_tbl[][2]=
    {
        176,144,    //QCIF
        160,120,    //QQVGA
        352,288,    //CIF
        320,240,    //QVGA
        640,480,    //VGA
        800,600,    //SVGA
        1024,768,    //XGA
        1280,1024,    //SXGA
        1600,1200,    //UXGA
    }; 

    //DCMI 接收數據
    void DCMI_IRQHandler(void)
    {
      if(DCMI_GetITStatus(DCMI_IT_FRAME)==SET)// 一幀數據
      {
        jpeg_data_process();  
        DCMI_ClearITPendingBit(DCMI_IT_FRAME); 
      }
    }

     

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※想知道最厲害的網頁設計公司"嚨底家"!

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※別再煩惱如何寫文案,掌握八大原則!

  • HTML&CSS面試高頻考點(二)

    HTML&CSS面試高頻考點(二)

    HTML&CSS面試高頻考點(一)    

    6. W3C盒模型與怪異盒模型

    • 標準盒模型(W3C標準)
    • 怪異盒模型(IE標準)

    怪異盒模型下盒子的大小=width(content + border + padding) + margin,即真實大小

    *參考標準模式與兼容模式的區別,兼容模式下為怪異盒模型。

    *注意box-sizing可以改變盒模型(box-sizing:border-box即為怪異盒模型)。

    7. 水平垂直居中的方法

    (1)定寬居中

    1. absolute + 負margin

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top: 50%;
    left: 50%;
    //margin設置自身一半的距離
    margin-top: -50px;
    margin-left: -50px;

    2. absolute + margin: auto

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

     3. absolute + calc

    //父元素
    position: relative;
    //子元素
    position: absolute;
    //減去自身一半的寬高
    top: calc(50% - 50px);
    left: calc(50% - 50px);

     *calc() 函數用於動態計算長度值。

     4. min-height: 100vh + flex + margin:auto

    main{   min-height: 100vh;
       /* vh相對於視窗的高度,視窗高度是100vh */
      /* “視區”所指為瀏覽器內部的可視區域大小,   不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小。 */   display: flex;
    } div{   margin: auto;
    }

    (2)不定寬居中

    1. absolute + transform

    //父元素
    position: relative;
    //子元素
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    2. line-height

    //父元素 .wp { text-align: center; line-height: 300px;
    }
    //子元素
    .box { display: inline-block; vertical-align: middle; line-height: inherit; text-align: left; }

    3. flex布局

    display: flex;//flex布局
    justify-content: center;//使子項目水平居中
    align-items: center;//使子項目垂直居中

    4. table-cell布局

    因為table-cell相當與表格的td,無法設置寬和高,所以嵌套一層,嵌套一層必須設置display: inline-block

    <div class="box">
        <div class="content">
            <div class="inner">
            </div>
        </div>
    </div> .box { //只有這裏可以設置寬高 display: table; //這是嵌套的一層,會被table-cell覆蓋 } .content { display: table-cell; vertical-align: middle;//使子元素垂直居中 text-align: center;//使子元素水平居中 } .inner { display: inline-block; //子元素 }

    8. BFC

     前文鏈接:點擊這裏

    BFC:Block formatting context(塊級格式化上下文),是一個獨立的渲染區域,只有Block-level box參与,與外部區域毫不相干。

    • block-level box:display屬性為block, list-item, table的元素。
    • inline-level box:display屬性為inline, inline-box, inline-table的元素。

    (1)BFC的布局規則

    • 內部box在垂直方向一個個放置;
    • 同一個BFC的兩個相鄰box的margin會發生重疊;
    • 每個盒子的margin左邊與包含塊的border左邊相接觸,即使存在浮動也是如此;
    • BFC區域不會和float box重疊;
    • 計算BFC高度時,浮動元素也參与計算。

    (2)開啟BFC的方法

    • float的值不是none
    • position的值不是static或relative
    • display的值是inline-block, table-cell, flex, table-caption或inline-flex
    • overflow的值不是visible

    (3)BFC的作用

    1. 避免margin塌陷

    根據BFC的布局規則2,我們可以通過設置兩個不同的BFC的方式解決margin塌陷的問題。

    2. 自適應兩欄布局

    根據BFC的布局規則3和4,我們將右側div開啟BFC就可以形成自適應兩欄布局。

    .left { float: left; //左側浮動 }

    .left { float: left;
    } .right { overflow: hidden; //開啟BFC }

    3. 清除浮動

    當不給父節點設置高度的時候,如果子節點設置浮動,父節點會發生高度塌陷。這個時候就要清除浮動。

    根據規則5,只需給父元素激活BFC就可以達到目的。

    .par { overflow: hidden; //父元素開啟BFC } .child { float: left; //子元素浮動 }

    9. 清除浮動

     這篇有寫:點這裏

    10. position屬性

     這篇有寫:點這裏

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 程序員必備基礎:Git 命令全方位學習

    程序員必備基礎:Git 命令全方位學習

    前言

    掌握Git命令是每位程序員必備的基礎,之前一直是用smartGit工具,直到看到大佬們都是在用Git命令操作的,回想一下,發現有些Git命令我都忘記了,於是寫了這篇博文,複習一下~

    https://github.com/whx123/JavaHome

    公眾號:撿田螺的小男孩

    文章目錄

    • Git是什麼?
    • Git的相關理論基礎
    • 日常開發中,Git的基本常用命令
    • Git進階之分支處理
    • Git進階之處理衝突
    • Git進階之撤銷與回退
    • Git進階之標籤tag
    • Git其他一些經典命令

    Git是什麼

    在回憶Git是什麼的話,我們先來複習這幾個概念哈~

    什麼是版本控制?

    百度百科定義是醬紫的~

    版本控制是指對軟件開發過程中各種程序代碼、配置文件及說明文檔等文件變更的管理,是軟件配置管理的核心思想之一。

    那些年,我們的畢業論文,其實就是版本變更的真實寫照…腦洞一下,版本控制就是這些論文變更的管理~

    什麼是集中化的版本控制系統?

    那麼,集中化的版本控制系統又是什麼呢,說白了,就是有一個集中管理的中央服務器,保存着所有文件的修改歷史版本,而協同開發者通過客戶端連接到這台服務器,從服務器上同步更新或上傳自己的修改。

    什麼是分佈式版本控制系統?

    分佈式版本控制系統,就是遠程倉庫同步所有版本信息到本地的每個用戶。嘻嘻,這裏分三點闡述吧:

    • 用戶在本地就可以查看所有的歷史版本信息,但是偶爾要從遠程更新一下,因為可能別的用戶有文件修改提交到遠程哦。
    • 用戶即使離線也可以本地提交,push推送到遠程服務器才需要聯網。
    • 每個用戶都保存了歷史版本,所以只要有一個用戶設備沒問題,就可以恢複數據啦~

    什麼是Git?

    Git是免費、開源的分佈式版本控制系統,可以有效、高速地處理從很小到非常大的項目版本管理。

    Git的相關理論基礎

    • Git的四大工作區域
    • Git的工作流程
    • Git文件的四種狀態
    • 一張圖解釋Git的工作原理

    Git的四大工作區域

    先複習Git的幾個工作區域哈:

    • Workspace:你電腦本地看到的文件和目錄,在Git的版本控制下,構成了工作區。
    • Index/Stage:暫存區,一般存放在 .git目錄下,即.git/index,它又叫待提交更新區,用於臨時存放你未提交的改動。比如,你執行git add,這些改動就添加到這個區域啦。
    • Repository:本地倉庫,你執行git clone 地址,就是把遠程倉庫克隆到本地倉庫。它是一個存放在本地的版本庫,其中HEAD指向最新放入倉庫的版本。當你執行git commit,文件改動就到本地倉庫來了~
    • Remote:遠程倉庫,就是類似github,碼雲等網站所提供的倉庫,可以理解為遠程數據交換的倉庫~

    Git的工作流程

    上一小節介紹完Git的四大工作區域,這一小節呢,介紹Git的工作流程咯,把git的操作命令和幾個工作區域結合起來,個人覺得更容易理解一些吧,哈哈,看圖:

    git 的正向工作流程一般就這樣:

    • 從遠程倉庫拉取文件代碼回來;
    • 在工作目錄,增刪改查文件;
    • 把改動的文件放入暫存區;
    • 將暫存區的文件提交本地倉庫;
    • 將本地倉庫的文件推送到遠程倉庫;

    Git文件的四種狀態

    根據一個文件是否已加入版本控制,可以把文件狀態分為:Tracked(已跟蹤)和Untracked(未跟蹤),而tracked(已跟蹤)又包括三種工作狀態:Unmodified,Modified,Staged

    • Untracked: 文件還沒有加入到git庫,還沒參与版本控制,即未跟蹤狀態。這時候的文件,通過git add 狀態,可以變為Staged狀態
    • Unmodified:文件已經加入git庫, 但是呢,還沒修改, 就是說版本庫中的文件快照內容與文件夾中還完全一致。 Unmodified的文件如果被修改, 就會變為Modified. 如果使用git remove移出版本庫, 則成為Untracked文件。
    • Modified:文件被修改了,就進入modified狀態啦,文件這個狀態通過stage命令可以進入staged狀態
    • staged:暫存狀態. 執行git commit則將修改同步到庫中, 這時庫中的文件和本地文件又變為一致, 文件為Unmodified狀態.

    一張圖解釋Git的工作原理

    日常開發中,Git的基本常用命令

    • git clone
    • git checkout -b dev
    • git add
    • git commit
    • git log
    • git diff
    • git status
    • git pull/git fetch
    • git push

    這個圖只是模擬一下git基本命令使用的大概流程哈~

    git clone

    當我們要進行開發,第一步就是克隆遠程版本庫到本地呢

    git clone url  克隆遠程版本庫
    

    git checkout -b dev

    克隆完之後呢,開發新需求的話,我們需要新建一個開發分支,比如新建開發分支dev

    創建分支:

    git checkout -b dev   創建開發分支dev,並切換到該分支下
    

    git add

    git add的使用格式:

    git add .	添加當前目錄的所有文件到暫存區
    git add [dir]	添加指定目錄到暫存區,包括子目錄
    git add [file1]	添加指定文件到暫存區
    

    有了開發分支dev之後,我們就可以開始開發啦,假設我們開發完HelloWorld.java,可以把它加到暫存區,命令如下

    git add Hello.java  把HelloWorld.java文件添加到暫存區去
    

    git commit

    git commit的使用格式:

    git commit -m [message] 提交暫存區到倉庫區,message為說明信息
    git commit [file1] -m [message] 提交暫存區的指定文件到本地倉庫
    git commit --amend -m [message] 使用一次新的commit,替代上一次提交
    

    把HelloWorld.java文件加到暫存區后,我們接着可以提交到本地倉庫啦~

    git commit -m 'helloworld開發'
    

    git status

    git status,表示查看工作區狀態,使用命令格式:

    git status  查看當前工作區暫存區變動
    git status -s  查看當前工作區暫存區變動,概要信息
    git status  --show-stash 查詢工作區中是否有stash(暫存的文件)
    

    當你忘記是否已把代碼文件添加到暫存區或者是否提交到本地倉庫,都可以用git status看看哦~

    git log

    git log,這個命令用得應該比較多,表示查看提交歷史/提交日誌~

    git log  查看提交歷史
    git log --oneline 以精簡模式显示查看提交歷史
    git log -p <file> 查看指定文件的提交歷史
    git blame <file> 一列表方式查看指定文件的提交歷史
    

    嘻嘻,看看dev分支上的提交歷史吧要回滾代碼就經常用它喵喵提交歷史

    git diff

    git diff 显示暫存區和工作區的差異
    git diff filepath   filepath路徑文件中,工作區與暫存區的比較差異
    git diff HEAD filepath 工作區與HEAD ( 當前工作分支)的比較差異
    git diff branchName filepath 當前分支的文件與branchName分支的文件的比較差異
    git diff commitId filepath 與某一次提交的比較差異
    

    如果你想對比一下你改了哪些內容,可以用git diff對比一下文件修改差異哦

    git pull/git fetch

    git pull  拉取遠程倉庫所有分支更新併合併到本地分支。
    git pull origin master 將遠程master分支合併到當前本地master分支
    git pull origin master:master 將遠程master分支合併到當前本地master分支,冒號後面表示本地分支
    
    git fetch --all  拉取所有遠端的最新代碼
    git fetch origin master 拉取遠程最新master分支代碼
    

    我們一般都會用git pull拉取最新代碼看看的,解決一下衝突,再推送代碼到遠程倉庫的。

    有些夥伴可能對使用git pull還是git fetch有點疑惑,其實
    git pull = git fetch+ git merge。pull的話,拉取遠程分支並與本地分支合併,fetch只是拉遠程分支,怎麼合併,可以自己再做選擇。

    git push

    git push 可以推送本地分支、標籤到遠程倉庫,也可以刪除遠程分支哦。

    git push origin master 將本地分支的更新全部推送到遠程倉庫master分支。
    git push origin -d <branchname>   刪除遠程branchname分支
    git push --tags 推送所有標籤
    

    如果我們在dev開發完,或者就想把文件推送到遠程倉庫,給別的夥伴看看,就可以使用git push origin dev~

    Git進階之分支處理

    Git一般都是存在多個分支的,開發分支,回歸測試分支以及主幹分支等,所以Git分支處理的命令也需要很熟悉的呀~

    • git branch
    • git checkout
    • git merge

    git branch

    git branch用處多多呢,比如新建分支、查看分支、刪除分支等等

    新建分支:

    git checkout -b dev2  新建一個分支,並且切換到新的分支dev2
    git branch dev2 新建一個分支,但是仍停留在原來分支
    

    查看分支:

    git branch    查看本地所有的分支
    git branch -r  查看所有遠程的分支
    git branch -a  查看所有遠程分支和本地分支
    

    刪除分支:

    git branch -D <branchname>  刪除本地branchname分支
    

    git checkout

    切換分支:

    git checkout master 切換到master分支
    

    git merge

    我們在開發分支dev開發、測試完成在發布之前,我們一般需要把開發分支dev代碼合併到master,所以git merge也是程序員必備的一個命令。

    git merge master  在當前分支上合併master分支過來
    git merge --no-ff origin/dev  在當前分支上合併遠程分支dev
    git merge --abort 終止本次merge,並回到merge前的狀態
    

    比如,你開發完需求后,發版全需要把代碼合到主幹master分支,如下:

    Git進階之處理衝突

    Git版本控制,還是多個人一起搞的,多個分支並存的,這就難免會有衝突出現~

    Git合併分支,衝突出現

    同一個文件,在合併分支的時候,如果同一行被多個分支或者不同人都修改了,合併的時候就會出現衝突。

    舉個粟子吧,我們現在在dev分支,修改HelloWorld.java文件,假設修改了第三行,並且commit提交到本地倉庫,修改內容如下:

    public class HelloWorld {
        public static void main(String[] args) {
            System.out.println("Hello,撿田螺的小男孩!");
        }
    }
    

    我們切回到master分支,也修改HelloWorld.java同一位置內容,如下:

    public class HelloWorld {
        public static void main(String[] args) {
            System.out.println("Hello,jay!!");
        }
    }
    

    再然後呢,我們提交一下master分支的這個改動,並把dev分支合併過下,就出現衝突啦,如圖所示:

    Git解決衝突

    Git 解決衝突步驟如下:

    • 查看衝突文件內容
    • 確定衝突內容保留哪些部分,修改文件
    • 重新提交,done

    1.查看衝突文件內容

    git merge提示衝突后,我們切換到對應文件,看看衝突內容哈,,如下:

    2.確定衝突內容保留哪些部分,修改文件

    • Git用<<<<<<<,=======,>>>>>>>標記出不同分支的內容,
    • <<<<<<<HEAD是指主分支修改的內容,>>>>>>> dev是指dev分支上修改的內容

    所以呢,我們確定到底保留哪個分支內容,還是兩個分支內容都保留呢,然後再去修改文件衝突內容~

    3.修改完衝突文件內容,我們重新提交,衝突done

    Git進階之撤銷與回退

    Git的撤銷與回退,在日常工作中使用的比較頻繁。比如我們想將某個修改后的文件撤銷到上一個版本,或者想撤銷某次多餘的提交,都要用到git的撤銷和回退操作。

    代碼在Git的每個工作區域都是用哪些命令撤銷或者回退的呢,如下圖所示:

    有關於Git的撤銷與回退,一般就以下幾個核心命令

    • git checkout
    • git reset
    • git revert

    git checkout

    如果文件還在工作區,還沒添加到暫存區,可以使用git checkout撤銷

    git checkout [file]  丟棄某個文件file
    git checkout .  丟棄所有文件
    

    以下demo,使用git checkout — test.txt 撤銷了暫存區test.txt的修改

    git reset

    git reset的理解

    git reset的作用是修改HEAD的位置,即將HEAD指向的位置改變為之前存在的某個版本.

    為了更好地理解git reset,我們來回顧一下,Git的版本管理及HEAD的理解

    Git的所有提交,會連成一條時間軸線,這就是分支。如果當前分支是master,HEAD指針一般指向當前分支,如下:

    假設執行git reset,回退到版本二之後,版本三不見了哦,如下:

    git reset的使用

    Git Reset的幾種使用模式

    git reset HEAD --file
    回退暫存區里的某個文件,回退到當前版本工作區狀態
    git reset –-soft 目標版本號 可以把版本庫上的提交回退到暫存區,修改記錄保留
    git reset –-mixed 目標版本號 可以把版本庫上的提交回退到工作區,修改記錄保留
    git reset –-hard  可以把版本庫上的提交徹底回退,修改的記錄全部revert。
    

    先看一個粟子demo吧,代碼git add到暫存區,並未commit提交,就以下醬紫回退,如下:

    git reset HEAD file 取消暫存
    git checkout file 撤銷修改
    

    再看另外一個粟子吧,代碼已經git commit了,但是還沒有push:

    git log  獲取到想要回退的commit_id
    git reset --hard commit_id  想回到過去,回到過去的commit_id
    

    如果代碼已經push到遠程倉庫了呢,也可以使用reset回滾哦(這裏大家可以自己操作實踐一下哦)~

    git log
    git reset --hard commit_id
    git push origin HEAD --force
    

    git revert

    與git reset不同的是,revert複製了那個想要回退到的歷史版本,將它加在當前分支的最前端。

    revert之前:

    revert 之後:

    當然,如果代碼已經推送到遠程的話,還可以考慮revert回滾呢

    git log  得到你需要回退一次提交的commit id
    git revert -n <commit_id>  撤銷指定的版本,撤銷也會作為一次提交進行保存
    

    Git進階之標籤tag

    打tag就是對發布的版本標註一個版本號,如果版本發布有問題,就把該版本拉取出來,修復bug,再合回去。

    git tag  列出所有tag
    git tag [tag] 新建一個tag在當前commit
    git tag [tag] [commit] 新建一個tag在指定commit
    git tag -d [tag] 刪除本地tag
    git push origin [tag] 推送tag到遠程
    git show [tag] 查看tag
    git checkout -b [branch] [tag] 新建一個分支,指向某個tag
    

    Git其他一些經典命令

    git rebase

    rebase又稱為衍合,是合併的另外一種選擇。

    假設有兩個分支master和test

          D---E test
          /
     A---B---C---F--- master
    

    執行 git merge test得到的結果

           D--------E
          /          \
     A---B---C---F----G---   test, master
    

    執行git rebase test,得到的結果

    A---B---D---E---C‘---F‘---   test, master
    

    rebase好處是: 獲得更優雅的提交樹,可以線性的看到每一次提交,並且沒有增加提交節點。所以很多時候,看到有些夥伴都是這個命令拉代碼:git pull –rebase

    git stash

    stash命令可用於臨時保存和恢復修改

    git stash  把當前的工作隱藏起來 等以後恢復現場後繼續工作
    git stash list 显示保存的工作進度列表
    git stash pop stash@{num} 恢復工作進度到工作區
    git stash show :显示做了哪些改動
    git stash drop stash@{num} :刪除一條保存的工作進度
    git stash clear 刪除所有緩存的stash。
    

    git reflog

    显示當前分支的最近幾次提交

    git blame filepath

    git blame 記錄了某個文件的更改歷史和更改人,可以查看背鍋人,哈哈

    git remote

    git remote   查看關聯的遠程倉庫的名稱
    git remote add url   添加一個遠程倉庫
    git remote show [remote] 显示某個遠程倉庫的信息
    

    參考與感謝

    感謝各位前輩的文章:

    • 一個小時學會Git
    • 【Git】(1)—工作區、暫存區、版本庫、遠程倉庫
    • Git Reset 三種模式
    • Git恢復之前版本的兩種方法reset、revert(圖文詳解)
    • Git撤銷&回滾操作(git reset 和 get revert)
    • 為什麼要使用git pull –rebase?

    公眾號

    • 歡迎關注我個人公眾號,交個朋友,一起學習哈~
    • 如果文章有錯誤,歡迎指出哈,感激不盡~

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※為什麼 USB CONNECTOR 是電子產業重要的元件?

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※台北網頁設計公司全省服務真心推薦

    ※想知道最厲害的網頁設計公司"嚨底家"!

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※推薦評價好的iphone維修中心

  • 利用Tu Share獲取股票交易信息,c#實現

    利用Tu Share獲取股票交易信息,c#實現

     一、什麼是Tu Share

    Tushare是一個免費、開源的python財經數據接口包。主要實現對股票等金融數據從數據採集清洗加工 到 數據存儲的過程,用戶可以免費(部分數據的下載有積分限制)的通過它提供的財經接口獲取股票交易、期貨等財經信息,功能非常強大。該接口和直接到各財經網站爬數據相比,最大的優勢就是快,去傳統財經網站爬數據,好多關鍵性的股票信息只能一隻股一隻股爬,而Tu Share的API,一個調用可以獲得一天的全部數據,速度差了好幾個數量級。另外一方面各財經網站的接口的API沒有對外文檔化,隨時可能變化,而Tu Share的API有正式的文檔化相對比較穩定。

    二、如何註冊

    該網站使用積分制來控制數據的訪問權限,如果想要訪問數據,先要到下面這個網址完成註冊,https://tushare.pro/register。註冊完成后,可以需要到個人主頁中拷貝Token,這個Token會在以後的訪問中用到,步驟如下

    1、登錄成功后,點擊右上角->個人主頁

    2、 在“用戶中心”中點擊“接口TOKEN”

     

    3、 可以點擊右側複製按鈕複製token

    三、Http API說明

    Tushare HTTP數據獲取的方式,採用了post的機制,通過提交JSON body參數,就可以獲得您想要的數據。具體參數說明如下:

    輸入參數

    api_name:接口名稱,比如stock_basic

    token :用戶唯一標識,可通過登錄pro網站獲取

    params:接口參數,如daily接口中start_date和end_date

    fields:字段列表,用於接口獲取指定的字段,以逗號分隔,如”open,high,low,close”

    輸出參數

    code: 接口返回碼,2002表示權限問題。

    msg:錯誤信息,比如“系統內部錯誤”,“沒有權限”等

    data:數據,data里包含fields和items字段,分別為字段和數據內容

    四、c#(.net core)實現

    1、在Visual Studio中安裝下面幾個包:Microsoft.Extensions.Http、Newtonsoft.Json

    2、封裝方法,實現對REST web service的調用

    public interface IHttpClientUtility
    {
         string HttpClientPost(string url, object datajson);
    }
    public class HttpClientUtility : IHttpClientUtility
        {
            
    
            public HttpClientUtility()
            {
                
            }
            public  string HttpClientPost(string url, object datajson)
            {
                using (HttpClient httpClient = new HttpClient()) //http對象
                {
                    httpClient.DefaultRequestHeaders.Accept.Clear();
                    httpClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
                    httpClient.Timeout = new TimeSpan(0, 0, 5);
                    //轉為鏈接需要的格式
                    HttpContent httpContent = new JsonContent(datajson);
                    //請求
                    HttpResponseMessage response = httpClient.PostAsync(url, httpContent).Result;
                    if (response.IsSuccessStatusCode)
                    {
                        Task<string> t = response.Content.ReadAsStringAsync();
                        return t.Result;
                    }
                    throw new Exception("調用失敗");
                }
                                                                           
            }
        }

     

        public class JsonContent : StringContent
        {
            public JsonContent(object value)
                : base(JsonConvert.SerializeObject(value), Encoding.UTF8,
                    "application/json")
            {
            }
    
            public JsonContent(object value, string mediaType)
                : base(JsonConvert.SerializeObject(value), Encoding.UTF8, mediaType)
            {
            }
        }

    3、封裝對Tu Share API的調用

    public  class TuShareUtility 
        {
            private IHttpClientUtility _httpClientUtility;
            private string _url = "http://api.waditu.com/";
            
            public TuShareUtility(IHttpClientUtility httpClientUtility)
            {
                _httpClientUtility = httpClientUtility;
            }
    
            /// <summary>
            /// 調用TuShare API
            /// </summary>
            /// <param name="apiName"></param>
            /// <param name="parmaMap"></param>
            /// <param name="fields"></param>
            /// <returns></returns>
            public  DataTable GetData(string apiName,Dictionary<string,string> parmaMap,params string[] fields)
            {
                var tuShareParamObj=new TuShareParamObj(){ ApiName = apiName ,Params = parmaMap,Fields = string.Join(",",fields)};
                //做Http調用
                var result=_httpClientUtility.HttpClientPost(_url, tuShareParamObj);
                //將返回結果序列化成對象
                var desResult=JsonConvert.DeserializeObject<TuShareResult>(result);
                //如果調用失敗,拋出異常
                if(!string.IsNullOrEmpty(desResult.Msg))
                    throw new Exception(desResult.Msg);
                //返回結果分成兩部分,一部分是列頭信息,另一部分是數據本身,用這兩部分數據可以構建DataTable
                DataTable dt = new DataTable();
                foreach (var dataField in desResult.Data.Fields)
                {
                    dt.Columns.Add(dataField);
                }
    
                foreach (var dataItemRow in desResult.Data.Items)
                {
                    var newdr=dt.NewRow();
                    for (int i=0;i< dataItemRow.Length;i++)
                    {
                        newdr[i] = dataItemRow[i];
                    }
    
                    dt.Rows.Add(newdr);
                }
                return dt;
            }
    
            private class TuShareParamObj
            {
                [JsonProperty("api_name")]
                public string ApiName { get; set; }
    
                [JsonProperty("token")]
                public string Token { get; } = "****************";//你的Token
    
                [JsonProperty("params")]
                public Dictionary<string, string> Params { get; set; }
    
                [JsonProperty("fields")]
                public string Fields { get; set; }
            }
    
            private class TuShareData
            {
                [JsonProperty("fields")]
                public string[] Fields { get; set; }
    
                [JsonProperty("items")]
                public string[][] Items { get; set; }
            }
    
            private class TuShareResult
            {
                [JsonProperty("code")]
                public string Code { get; set; }
    
                [JsonProperty("msg")]
                public string Msg { get; set; }
    
                [JsonProperty("data")]
                public TuShareData Data { get; set; }
            }
        }

    4、調用示例

    獲得日線行情,整個過程1秒左右,返回6月24日,股票相關交易信息,代碼如下,(該網站的其它接口定義可以到https://tushare.pro/document/2查看)

    var tuShareUtility=new TuShareUtility();
    Dictionary<string, string> p = new Dictionary<string, string>();
    p["trade_date"] = "20200624";
    var table = tuShareUtility.GetData("daily", p, "");

    返回如下結果

    返回字段說明

    名稱 類型 描述
    ts_code str 股票代碼
    trade_date str 交易日期
    open float 開盤價
    high float 最高價
    low float 最低價
    close float 收盤價
    pre_close float 昨收價
    change float 漲跌額
    pct_chg float 漲跌幅 (未復權,如果是復權請用 通用行情接口 )
    vol float 成交量 (手)
    amount float 成交額 (千元)

     

     

     

      本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
    【其他文章推薦】

    USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能

    台北網頁設計公司這麼多該如何選擇?

    ※智慧手機時代的來臨,RWD網頁設計為架站首選

    ※評比南投搬家公司費用收費行情懶人包大公開

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※回頭車貨運收費標準

  • SpringSceurity(5)—短信驗證碼登陸功能

    SpringSceurity(5)—短信驗證碼登陸功能

    SpringSceurity(5)—短信驗證碼登陸功能

    有關SpringSceurity系列之前有寫文章

    1、SpringSecurity(1)—認證+授權代碼實現

    2、SpringSecurity(2)—記住我功能實現

    3、SpringSceurity(3)—圖形驗證碼功能實現

    4、SpringSceurity(4)—短信驗證碼功能實現

    一、短信登錄驗證機制原理分析

    了解短信驗證碼的登陸機制之前,我們首先是要了解用戶賬號密碼登陸的機制是如何的,我們來簡要分析一下Spring Security是如何驗證基於用戶名和密碼登錄方式的,

    分析完畢之後,再一起思考如何將短信登錄驗證方式集成到Spring Security中。

    1、賬號密碼登陸的流程

    一般賬號密碼登陸都有附帶 圖形驗證碼記住我功能 ,那麼它的大致流程是這樣的。

    1、 用戶在輸入用戶名,賬號、圖片驗證碼後點擊登陸。那麼對於springSceurity首先會進入短信驗證碼Filter,因為在配置的時候會把它配置在
    UsernamePasswordAuthenticationFilter之前,把當前的驗證碼的信息跟存在session的圖片驗證碼的驗證碼進行校驗。
    
    2、短信驗證碼通過後,進入 UsernamePasswordAuthenticationFilter 中,根據輸入的用戶名和密碼信息,構造出一個暫時沒有鑒權的
     UsernamePasswordAuthenticationToken,並將 UsernamePasswordAuthenticationToken 交給 AuthenticationManager 處理。
    
    3、AuthenticationManager 本身並不做驗證處理,他通過 for-each 遍歷找到符合當前登錄方式的一個 AuthenticationProvider,並交給它進行驗證處理
    ,對於用戶名密碼登錄方式,這個 Provider 就是 DaoAuthenticationProvider。
    
    4、在這個 Provider 中進行一系列的驗證處理,如果驗證通過,就會重新構造一個添加了鑒權的 UsernamePasswordAuthenticationToken,並將這個
     token 傳回到 UsernamePasswordAuthenticationFilter 中。
    
    5、在該 Filter 的父類 AbstractAuthenticationProcessingFilter 中,會根據上一步驗證的結果,跳轉到 successHandler 或者是 failureHandler。
    

    流程圖

    2、短信驗證碼登陸流程

    因為短信登錄的方式並沒有集成到Spring Security中,所以往往還需要我們自己開發短信登錄邏輯,將其集成到Spring Security中,那麼這裏我們就模仿賬號

    密碼登陸來實現短信驗證碼登陸。

    1、用戶名密碼登錄有個 UsernamePasswordAuthenticationFilter,我們搞一個SmsAuthenticationFilter,代碼粘過來改一改。
    2、用戶名密碼登錄需要UsernamePasswordAuthenticationToken,我們搞一個SmsAuthenticationToken,代碼粘過來改一改。
    3、用戶名密碼登錄需要DaoAuthenticationProvider,我們模仿它也 implenments AuthenticationProvider,叫做 SmsAuthenticationProvider。
    

    這個圖是網上找到,自己不想畫了

    我們自己搞了上面三個類以後,想要實現的效果如上圖所示。當我們使用短信驗證碼登錄的時候:

    1、先經過 SmsAuthenticationFilter,構造一個沒有鑒權的 SmsAuthenticationToken,然後交給 AuthenticationManager處理。
    
    2、AuthenticationManager 通過 for-each 挑選出一個合適的 provider 進行處理,當然我們希望這個 provider 要是 SmsAuthenticationProvider。
    
    3、驗證通過後,重新構造一個有鑒權的SmsAuthenticationToken,並返回給SmsAuthenticationFilter。
    filter 根據上一步的驗證結果,跳轉到成功或者失敗的處理邏輯。
    

    二、代碼實現

    1、SmsAuthenticationToken

    首先我們編寫 SmsAuthenticationToken,這裏直接參考 UsernamePasswordAuthenticationToken 源碼,直接粘過來,改一改。

    說明

    principal 原本代表用戶名,這裏保留,只是代表了手機號碼。
    credentials 原本代碼密碼,短信登錄用不到,直接刪掉。
    SmsCodeAuthenticationToken() 兩個構造方法一個是構造沒有鑒權的,一個是構造有鑒權的。
    剩下的幾個方法去除無用屬性即可。
    

    代碼

    public class SmsCodeAuthenticationToken extends AbstractAuthenticationToken {
    
        private static final long serialVersionUID = SpringSecurityCoreVersion.SERIAL_VERSION_UID;
    
        /**
         * 在 UsernamePasswordAuthenticationToken 中該字段代表登錄的用戶名,
         * 在這裏就代表登錄的手機號碼
         */
        private final Object principal;
    
        /**
         * 構建一個沒有鑒權的 SmsCodeAuthenticationToken
         */
        public SmsCodeAuthenticationToken(Object principal) {
            super(null);
            this.principal = principal;
            setAuthenticated(false);
        }
    
        /**
         * 構建擁有鑒權的 SmsCodeAuthenticationToken
         */
        public SmsCodeAuthenticationToken(Object principal, Collection<? extends GrantedAuthority> authorities) {
            super(authorities);
            this.principal = principal;
            // must use super, as we override
            super.setAuthenticated(true);
        }
    
        @Override
        public Object getCredentials() {
            return null;
        }
    
        @Override
        public Object getPrincipal() {
            return this.principal;
        }
    
        @Override
        public void setAuthenticated(boolean isAuthenticated) throws IllegalArgumentException {
            if (isAuthenticated) {
                throw new IllegalArgumentException(
                        "Cannot set this token to trusted - use constructor which takes a GrantedAuthority list instead");
            }
    
            super.setAuthenticated(false);
        }
    
        @Override
        public void eraseCredentials() {
            super.eraseCredentials();
        }
    }
    

    2、SmsAuthenticationFilter

    然後編寫 SmsAuthenticationFilter,參考 UsernamePasswordAuthenticationFilter 的源碼,直接粘過來,改一改。

    說明

    原本的靜態字段有 usernamepassword,都幹掉,換成我們的手機號字段。
    SmsCodeAuthenticationFilter() 中指定了這個 filter 的攔截 Url,我指定為 post 方式的 /sms/login
    剩下來的方法把無效的刪刪改改就好了。

    代碼

    public class SmsCodeAuthenticationFilter extends AbstractAuthenticationProcessingFilter {
        /**
         * form表單中手機號碼的字段name
         */
        public static final String SPRING_SECURITY_FORM_MOBILE_KEY = "mobile";
    
        private String mobileParameter = "mobile";
        /**
         * 是否僅 POST 方式
         */
        private boolean postOnly = true;
    
        public SmsCodeAuthenticationFilter() {
            //短信驗證碼的地址為/sms/login 請求也是post
            super(new AntPathRequestMatcher("/sms/login", "POST"));
        }
    
        @Override
        public Authentication attemptAuthentication(HttpServletRequest request, HttpServletResponse response) throws AuthenticationException {
            if (postOnly && !request.getMethod().equals("POST")) {
                throw new AuthenticationServiceException(
                        "Authentication method not supported: " + request.getMethod());
            }
    
            String mobile = obtainMobile(request);
            if (mobile == null) {
                mobile = "";
            }
    
            mobile = mobile.trim();
    
            SmsCodeAuthenticationToken authRequest = new SmsCodeAuthenticationToken(mobile);
    
            // Allow subclasses to set the "details" property
            setDetails(request, authRequest);
    
            return this.getAuthenticationManager().authenticate(authRequest);
        }
    
        protected String obtainMobile(HttpServletRequest request) {
            return request.getParameter(mobileParameter);
        }
    
        protected void setDetails(HttpServletRequest request, SmsCodeAuthenticationToken authRequest) {
            authRequest.setDetails(authenticationDetailsSource.buildDetails(request));
        }
    
        public String getMobileParameter() {
            return mobileParameter;
        }
    
        public void setMobileParameter(String mobileParameter) {
            Assert.hasText(mobileParameter, "Mobile parameter must not be empty or null");
            this.mobileParameter = mobileParameter;
        }
    
        public void setPostOnly(boolean postOnly) {
            this.postOnly = postOnly;
        }
    }
    

    3、SmsAuthenticationProvider

    這個方法比較重要,這個方法首先能夠在使用短信驗證碼登陸時候被 AuthenticationManager 挑中,其次要在這個類中處理驗證邏輯。

    說明

    實現 AuthenticationProvider 接口,實現 authenticate() 和 supports() 方法。

    代碼

    public class SmsCodeAuthenticationProvider implements AuthenticationProvider {
    
        private UserDetailsService userDetailsService;
    
        /**
         * 處理session工具類
         */
        private SessionStrategy sessionStrategy = new HttpSessionSessionStrategy();
    
        String SESSION_KEY_PREFIX = "SESSION_KEY_FOR_CODE_SMS";
    
        @Override
        public Authentication authenticate(Authentication authentication) throws AuthenticationException {
            SmsCodeAuthenticationToken authenticationToken = (SmsCodeAuthenticationToken) authentication;
    
            String mobile = (String) authenticationToken.getPrincipal();
    
            checkSmsCode(mobile);
    
            UserDetails userDetails = userDetailsService.loadUserByUsername(mobile);
            // 此時鑒權成功后,應當重新 new 一個擁有鑒權的 authenticationResult 返回
            SmsCodeAuthenticationToken authenticationResult = new SmsCodeAuthenticationToken(userDetails, userDetails.getAuthorities());
            authenticationResult.setDetails(authenticationToken.getDetails());
    
            return authenticationResult;
        }
    
        private void checkSmsCode(String mobile) {
            HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
            // 從session中獲取圖片驗證碼
            SmsCode smsCodeInSession = (SmsCode) sessionStrategy.getAttribute(new ServletWebRequest(request), SESSION_KEY_PREFIX);
            String inputCode = request.getParameter("smsCode");
            if(smsCodeInSession == null) {
                throw new BadCredentialsException("未檢測到申請驗證碼");
            }
    
            String mobileSsion = smsCodeInSession.getMobile();
            if(!Objects.equals(mobile,mobileSsion)) {
                throw new BadCredentialsException("手機號碼不正確");
            }
    
            String codeSsion = smsCodeInSession.getCode();
            if(!Objects.equals(codeSsion,inputCode)) {
                throw new BadCredentialsException("驗證碼錯誤");
            }
        }
    
        @Override
        public boolean supports(Class<?> authentication) {
            // 判斷 authentication 是不是 SmsCodeAuthenticationToken 的子類或子接口
            return SmsCodeAuthenticationToken.class.isAssignableFrom(authentication);
        }
    
        public UserDetailsService getUserDetailsService() {
            return userDetailsService;
        }
    
        public void setUserDetailsService(UserDetailsService userDetailsService) {
            this.userDetailsService = userDetailsService;
        }
    }
    

    4、SmsCodeAuthenticationSecurityConfig

    既然自定義了攔截器,可以需要在配置里做改動。

    代碼

    @Component
    public class SmsCodeAuthenticationSecurityConfig extends SecurityConfigurerAdapter<DefaultSecurityFilterChain, HttpSecurity> {
        @Autowired
        private SmsUserService smsUserService;
        @Autowired
        private AuthenctiationSuccessHandler authenctiationSuccessHandler;
        @Autowired
        private AuthenctiationFailHandler authenctiationFailHandler;
    
        @Override
        public void configure(HttpSecurity http) {
            SmsCodeAuthenticationFilter smsCodeAuthenticationFilter = new SmsCodeAuthenticationFilter();
            smsCodeAuthenticationFilter.setAuthenticationManager(http.getSharedObject(AuthenticationManager.class));
            smsCodeAuthenticationFilter.setAuthenticationSuccessHandler(authenctiationSuccessHandler);
            smsCodeAuthenticationFilter.setAuthenticationFailureHandler(authenctiationFailHandler);
    
            SmsCodeAuthenticationProvider smsCodeAuthenticationProvider = new SmsCodeAuthenticationProvider();
            //需要將通過用戶名查詢用戶信息的接口換成通過手機號碼實現
            smsCodeAuthenticationProvider.setUserDetailsService(smsUserService);
    
            http.authenticationProvider(smsCodeAuthenticationProvider)
                    .addFilterAfter(smsCodeAuthenticationFilter, UsernamePasswordAuthenticationFilter.class);
        }
    }
    

    5、SmsUserService

    因為用戶名,密碼登陸最終是通過用戶名查詢用戶信息,而手機驗證碼登陸是通過手機登陸,所以這裏需要自己再實現一個SmsUserService

    @Service
    @Slf4j
    public class SmsUserService implements UserDetailsService {
    
        @Autowired
        private UserMapper userMapper;
    
        @Autowired
        private RolesUserMapper rolesUserMapper;
    
        @Autowired
        private RolesMapper rolesMapper;
    
        /**
         * 手機號查詢用戶
         */
        @Override
        public UserDetails loadUserByUsername(String mobile) throws UsernameNotFoundException {
            log.info("手機號查詢用戶,手機號碼 = {}",mobile);
            //TODO 這裏我沒有寫通過手機號去查用戶信息的sql,因為一開始我建user表的時候,沒有建mobile字段,現在我也不想臨時加上去
            //TODO 所以這裏暫且寫死用用戶名去查詢用戶信息(理解就好)
            User user = userMapper.findOneByUsername("小小");
            if (user == null) {
                throw new UsernameNotFoundException("未查詢到用戶信息");
            }
            //獲取用戶關聯角色信息 如果為空說明用戶並未關聯角色
            List<RolesUser> userList = rolesUserMapper.findAllByUid(user.getId());
            if (CollectionUtils.isEmpty(userList)) {
                return user;
            }
            //獲取角色ID集合
            List<Integer> ridList = userList.stream().map(RolesUser::getRid).collect(Collectors.toList());
            List<Roles> rolesList = rolesMapper.findByIdIn(ridList);
            //插入用戶角色信息
            user.setRoles(rolesList);
            return user;
        }
    }
    
    

    6、總結

    到這裏思路就很清晰了,我這裡在總結下。

    1、首先從獲取驗證的時候,就已經把當前驗證碼信息存到session,這個信息包含驗證碼和手機號碼。
    
    2、用戶輸入驗證登陸,這裡是直接寫在SmsAuthenticationFilter中先校驗驗證碼、手機號是否正確,再去查詢用戶信息。我們也可以拆開成用戶名密碼登陸那樣一個
    過濾器專門驗證驗證碼和手機號是否正確,正確在走驗證碼登陸過濾器。
    
    3、在SmsAuthenticationFilter流程中也有關鍵的一步,就是用戶名密碼登陸是自定義UserService實現UserDetailsService后,通過用戶名查詢用戶名信息而這裡是
    通過手機號查詢用戶信息,所以還需要自定義SmsUserService實現UserDetailsService后。
    
    

    三、測試

    1、獲取驗證碼

    獲取驗證碼的手機號是 15612345678 。因為這裏沒有接第三方的短信SDK,只是在後台輸出。

    向手機號為:15612345678的用戶發送驗證碼:254792
    
    

    2、登陸

    1)驗證碼輸入不正確

    發現登陸失敗,同樣如果手機號碼輸入不對也是登陸失敗

    2)登陸成功

    當手機號碼 和 短信驗證碼都正確的情況下 ,登陸就成功了。

    參考

    1、Spring Security技術棧開發企業級認證與授權(JoJo)

    2、SpringBoot 集成 Spring Security(8)——短信驗證碼登錄

    別人罵我胖,我會生氣,因為我心裏承認了我胖。別人說我矮,我就會覺得好笑,因為我心裏知道我不可能矮。這就是我們為什麼會對別人的攻擊生氣。
    攻我盾者,乃我內心之矛(21)
    

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 【思考】URI和URL的區別?以及URL的結構

    【思考】URI和URL的區別?以及URL的結構

    URI = Universal Resource Identifier
    URL = Universal Resource Locator

    在學習中,我們難免會遇到 URI 和 URL,有時候都傻傻分不清,為啥這邊是 URI 那邊又是 URL,這兩者到底有什麼區別呢?

    我們從名字上看

    • 統一資源標識符(Uniform Resource Identifier, URI):是一個用於標識某一互聯網資源名稱的字符串。
    • 統一資源定位符(Uniform Resource Locator, URL):是一個用於標識和定位某一互聯網資源名稱的字符串。

    可能大家就比較困惑了,這倆好像是一樣的啊?那我們就類比一下我們現實生活中的情況:
    我們要找一個人——張三,我們可以通過他的唯一的標識來找,比如說身份證,那麼這個身份證就唯一的標識了一個人,這個身份證就是一個 URI
    而要找到張三,我們不一定要用身份證去找,我們還可以根據地址去找,如 在清華大學18號宿舍樓的404房間第一個床鋪的張三,我們也可以唯一確定一個張三,
    動物住址協議://地球/中國/北京市/清華大學/18號宿舍樓/404號寢/張三.人。而這個地址就是我們用於標識和定位的 URL
    我們從上面可以很明顯的看出,URI 通過任何方法標識一個人即可,而 URL 雖然也可以標識一個人,但是它主要是通過定位地址的方法標識一個人,所以 URL 其實是 URI 的一個子集,即 URL 是靠標識定位地址的一個 URI

    Url 的構成

    URL(Uniform Resource Locator,統一資源定位符),用於定位網絡上的資源,每一個信息資源都有統一的且在網上唯一的地址。

    Url一般有以下部分組成
    scheme://host:port/path?query#fragment

    Scheme: 通信協議,一般為http、https等;
    Host: 服務器的域名主機名或ip地址;
    Port: 端口號,此項為可選項,默認為80;
    Path: 目錄,由“/”隔開的字符串,表示的是主機上的目錄或文件地址;
    Query: 查詢,此項為可選項,可以給動態網頁傳遞參數,用“&”隔開,每個參數的名和值用“=”隔開;
    Fragment: 信息片段,字符串,用於指定網絡資源中的某片斷;

    其實,把 URL 說成是網址其實是很不嚴謹的說法,因為 URL 有很嚴格的結構,表示也很靈活、有彈性。
    在 RFC 3986: Uniform Resource Identifier (URI): Generic Syntax 的 Syntax Components 把 URL 描述為如下圖:

    如圖所示,把 URL 分成幾個部分,這樣便可以了解URL的構成。 在 URI scheme – Wikipedia 頁面中對 URL 的描述更為詳細,如下圖:

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※為什麼 USB CONNECTOR 是電子產業重要的元件?

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※台北網頁設計公司全省服務真心推薦

    ※想知道最厲害的網頁設計公司"嚨底家"!

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※推薦評價好的iphone維修中心

  • IDEA創建SpringBoot的多模塊項目教程

    IDEA創建SpringBoot的多模塊項目教程

    最近在寫一個多模塊的SpringBoot項目,基於過程總了一些總結,故把SpringBoot多個模塊的項目創建記錄下來。

    首先,先建立一個父工程:

    (1)在IDEA工具欄選擇File->New->Project

    (2)選擇Spring Initializr,默認選擇Default,然後點擊Next:    

    (3)在輸入框填寫以下截圖內容,點擊Next

    (4)直接點Next,無需選擇

    (5)直接點擊Finish完成創建

    (6)按照以上步驟,可以生成以下的項目目錄結構:

    (7)這時把沒用的.mvn目錄,src目錄,mvnw還有mvnw.cmd都刪除,最終只保留.gitignore和pom.xml,若是web項目,可在該pom.xml里添加以下依賴:

    1 <!--web特徵-->
    2 <dependency>
    3     <groupId>org.springframework.boot</groupId>
    4     <artifactId>spring-boot-starter-web</artifactId>
    5     <version>2.3.1.RELEASE</version>
    6 </dependency>

    最終得到以下的父結構目錄:

     

    以上是創建父模塊,下面創建子模塊:

    (1)在父模塊的根目錄fte上點右鍵,在彈出的框里選擇New->Module

    (2)選擇Maven,點擊Next

    (3)填寫以下內容,點擊Next

    (4)填寫Module,點擊Finish

    (5)同理添加fte-controller,fte-dao,fte-service,fte-web,最終得到以下的目錄結構:

    (6)增加模塊之間的依賴:

    controller層添加以下依賴:

     1 <dependencies>
     2     <dependency>
     3         <groupId>com.example</groupId>
     4         <artifactId>fte-common</artifactId>
     5         <version>0.0.1-SNAPSHOT</version>
     6     </dependency>
     7 
     8     <dependency>
     9         <groupId>com.example</groupId>
    10         <artifactId>fte-dao</artifactId>
    11         <version>0.0.1-SNAPSHOT</version>
    12     </dependency>
    13 
    14     <dependency>
    15         <groupId>com.example</groupId>
    16         <artifactId>fte-service</artifactId>
    17         <version>0.0.1-SNAPSHOT</version>
    18     </dependency>
    19 </dependencies>

    service層添加以下依賴:

    1 <dependencies>
    2     <dependency>
    3         <groupId>com.example</groupId>
    4         <artifactId>fte-dao</artifactId>
    5         <version>0.0.1-SNAPSHOT</version>
    6     </dependency>
    7 </dependencies>

    (7)測試

    在fte-controller創建com.zhu.fte.web包,增加以下兩個類:

    fteWebApplication類:

     1 package com.zhu.fte.web;
     2 
     3 import org.springframework.boot.SpringApplication;
     4 import org.springframework.boot.autoconfigure.SpringBootApplication;
     5 
     6 @SpringBootApplication
     7 public class fteWebApplication {
     8     public static void main(String[] args) {
     9         SpringApplication.run(fteWebApplication.class,args);
    10     }
    11 }

    DemoController類

     1 package java.com.zhu.fte.web;
     2 
     3 import org.springframework.web.bind.annotation.GetMapping;
     4 import org.springframework.web.bind.annotation.RequestMapping;
     5 import org.springframework.web.bind.annotation.RestController;
     6 
     7 @RestController
     8 @RequestMapping("demo")
     9 public class DemoController {
    10 
    11     @GetMapping("test")
    12     public String test(){
    13         return "hello world";
    14     }
    15 
    16 }

    運行發現出現錯誤:

    出現錯誤:

    [ERROR] Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.22.2:test (default-test) on project fte-common: Execution default-test of goal org.apache.maven.plugins:maven-surefire-plugin:2.22.2:test failed: Plugin org.apache.maven.plugins:maven-surefire-plugin:2.22.2 or one of its dependencies could not be resolved: Could not transfer artifact junit:junit:jar:4.12 from/to central (https://repo.maven.apache.org/maven2): Connect to repo.maven.apache.org:443 [repo.maven.apache.org/151.101.52.215] failed: Connection timed out: connect -> [Help 1]

    把缺少的org.apache.maven.plugins手動放到父工程的pom.xml里

     1 <build>
     2    <plugins>
     3       <plugin>
     4          <groupId>org.apache.maven.plugins</groupId>
     5          <artifactId>maven-clean-plugin</artifactId>
     6          <version>2.5</version>
     7       </plugin>
     8       <plugin>
     9          <groupId>org.apache.maven.plugins</groupId>
    10          <artifactId>maven-source-plugin</artifactId>
    11          <version>2.2</version>
    12       </plugin>
    13       <plugin>
    14          <groupId>org.apache.maven.plugins</groupId>
    15          <artifactId>maven-compiler-plugin</artifactId>
    16          <version>3.0</version>
    17          <configuration>
    18             <source>1.8</source>
    19             <target>1.8</target>
    20             <encoding>${file.encoding}</encoding>
    21             <!--編譯的時候方法不改變方法參數名稱,用於支持使用反射獲取方法參數名稱-->
    22             <compilerArgument>-parameters</compilerArgument>
    23          </configuration>
    24       </plugin>
    25       <plugin>
    26          <groupId>org.apache.maven.plugins</groupId>
    27          <artifactId>maven-install-plugin</artifactId>
    28          <version>2.4</version>
    29       </plugin>
    30       <plugin>
    31          <groupId>org.apache.maven.plugins</groupId>
    32          <artifactId>maven-jar-plugin</artifactId>
    33          <version>2.4</version>
    34          <configuration>
    35             <archive>
    36                <manifest>
    37                   <addDefaultImplementationEntries>true
    38                   </addDefaultImplementationEntries>
    39                </manifest>
    40             </archive>
    41          </configuration>
    42       </plugin>
    43 
    44       <plugin>
    45          <groupId>org.apache.maven.plugins</groupId>
    46          <artifactId>maven-surefire-plugin</artifactId>
    47          <version>2.13</version>
    48          <configuration>
    49             <argLine>-Xmx512M -Dfile.encoding=${file.encoding}</argLine>
    50          </configuration>
    51       </plugin>
    52    </plugins>
    53 </build>

    運行fteWebApplication類里的main方法,默認端口為8080,訪問http://localhost:8080/demo/test,正常出現以下情況:

     

    按照以上步驟,就可以初步建立SpringBoot多模塊的項目,下一章將基於這個基礎搭建Mybatis以及其逆向工程。

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
    【其他文章推薦】

    USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能

    台北網頁設計公司這麼多該如何選擇?

    ※智慧手機時代的來臨,RWD網頁設計為架站首選

    ※評比南投搬家公司費用收費行情懶人包大公開

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※回頭車貨運收費標準