原创 google-maps-services 計算兩地距離

本人在做招聘網站開發時,遇到需要根據地址計算應聘者以及工作地的經緯度以及兩者之間的距離。通過查找相關資料,決定使用google-maps-services插件。該插件使用比較簡單。案例如下: <dependency> <group

原创 java 防止 XSS 攻擊

本人在做某項目中,存在通過電子郵件模板消息存儲XSS,因爲前端使用富文本編輯框編輯html,但在後端保存的時候,並沒有進行xss過濾,因此存在xss問題。 經過研究,本項目使用https://github.com/OWASP/java-h

原创 集成SpringBoot和Sentry

Sentry是一款錯誤追蹤系統,可以幫助我們發現並定位邏輯異常。 如何集成Spring Boot與Sentry? <dependency> <groupId>io.sentry</groupId> <artifactId

原创 集成 React 和 Google Analytics

Google Analytics 基本使用 1.註冊谷歌分析 https://marketingplatform.google.com/about/ 完善個人信息,獲取跟蹤Id,同意協議。 2.爲網站加上谷歌分析代碼 https://de

原创 一個web app有多主題,多環境

在一個web app應用中,需要有多個運行環境,並且每個運行環境主題也是不一樣。 本項目解決方案 import() http://es6.ruanyifeng.com/#docs/module#import ES6 import() 可以

原创 React google map

在頁面中,當填寫地址信息時,需要動態展示下拉的相關地址信息,當選中某一地址信息,右邊則展示地圖,即相應的位置。前端使用的是React 以及Yarn 在前端需要添加插件: yarn add react-places-autocomplet

原创 控制層使用DTO代替Entity

  本文是關於如何在api請求體和響應體中使用DTO,以及如何在DTO和實體之間進行映射。 爲什麼使用DTO而不是實體? 更新實體有時只更新實體的一部分,如果在請求體中使用實體,當您只傳遞實體中的部分字段時,其他字段將是實體的默認值或nu

原创 JPA 邏輯刪除

爲了避免每次在查詢的時候加上是否刪除字段,做了一下封裝。 @NoRepositoryBean @RepositoryRestResource(exported = false) public interface BaseReposit

原创 Antd Radio Group

在使用antd中Radio.Group時,第一次點擊會選中某一選項,但當你再次選中該選項時,它不做任何操作。而我的需求是需要取消選中的值。按照如下操作,即可解決該問題: divClick = (e) => { const tag =

原创 CSS控制字段值過長

在項目開發中,我們會遇到因爲字段值過長導致樣式變得很醜。我的解決方案是過長後就以xxx...代替。 .base-applicant-list-name { overflow: hidden; text-overflow: ell

原创 React / JSX規範

基本規則 每個文件只包含一個React組件。 但是,每個文件允許多個無狀態或純組件。 始終使用JSX語法。 React.createElement除非您從不是JSX的文件初始化應用程序,否則請勿使用。 Class vs React.c

原创 Dorado7常用JS以及常見錯誤

本篇將給出Dorado7的常用js和常見錯誤:1.dataSet添加數據view.get("#dsProduct").getData().insert(); 或者view.get("#dsProduct").insert(); view

原创 Dorado7 自定義下拉框(二)

本篇對DataSetDropDown下拉框進行講解: 這裏以車號下拉框進行講解,最終效果如圖: 1.首先創建相應的DataType和DataSet,添加DataSetDropDown下拉框,綁定相應的dataSet,配置相應的參數,參

原创 Dorado下拉框多選(ListDropDown)

最終樣式如下圖: 這裏是通過ListDropDown下拉框做出的效果。 1.在ListDropDown的Entity屬性添加下拉內容。並且設置紅色框的屬性爲false 該控件的onClose事件:var value = arg.sel

原创 Dorado中使用定時器

本篇主要介紹在Dorado中如何使用定時器。 1.先實現InitializingBean接口,爲BillJobPR類添加定時任務,QuartzManager只是個工具類,下面也提供了addJob方法。 @Component public