什么是ThinkSNS+
ThinkSNS(簡稱TS)，一款全平臺綜合性社交系統(tǒng)，為國內(nèi)外大中小企業(yè)和創(chuàng)業(yè)者提供社會化軟件研發(fā)及技術(shù)解決方案，目前最新版本為ThinkSNS+、ThinkSNS V4、ThinkSNS【簡】。

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出伊犁免費(fèi)做網(wǎng)站回饋大家。

今天我們來聊一下可能很多人都會頭疼的東西：顯示長度。

需求是這樣的，在字符的顯示上，兩個英文單詞才占一個中文或者其他語言的顯示長度。如下：

ab
哈
?

上面排的是兩個英文字母，一個漢字，一個Emoji。你會發(fā)現(xiàn)，在顯示上占的寬度是一致的。一些設(shè)計(jì)上為了好看也要求有這樣的處理。

例如，我們的用戶名需求是最多12個非單字節(jié)字符或者24個單字節(jié)字符的需求也可以混合排的需求，我們寫后端不得不處理這樣的驗(yàn)證了。

需求規(guī)則是 /^[a-zA-Z\x7f-\xff][a-zA-Z0-9\x7f-\xff]*$/

在ThinkSNS+中，為了能把這部分驗(yàn)證公用，所以選擇使用自定義驗(yàn)證規(guī)則。我們先說下計(jì)算的實(shí)現(xiàn)思路吧！

首先，就算是mb_strlen也沒法準(zhǔn)確的獲取多字節(jié)字符和單子節(jié)字符混合在一起的長度，網(wǎng)上有個說法，漢字占三個字節(jié)，英文數(shù)組半角符號占一個字節(jié)，所以：

`(mb_strlen($str) + strleng($str)) / 2`

用這個方法可以得到單字節(jié)占0.5多字節(jié)占1的計(jì)算。但是以中文為例，只有兩萬個漢字才是這種情況，還有六萬多漢字是四個，其次，emoji也是四個字節(jié)。根本無法準(zhǔn)確的計(jì)算。

好在在無意間發(fā)現(xiàn)一個奇怪的東西str_word_count 這個函數(shù)計(jì)算非英文單詞外是除了符號例如中文就是按照漢字個數(shù)算的，emoji也是同理。

發(fā)現(xiàn)這個以后，咱們就好辦了。我們吧用戶名中的 [a-aA-Z0-9_] 剔除掉，單獨(dú)計(jì)算不就是我們要的驗(yàn)證長度了嗎？

所以，首先我們用：

preg_match_all('/[a-zA-Z0-9_]/', $value, $single);
$single = count($single[0]) / 2;

方式單獨(dú)計(jì)算出單字節(jié)字符的顯示長度，再用：

$double = str_word_count(preg_replace('([a-zA-Z0-9_])', '', $value));

方式計(jì)算出多字節(jié)的長度，最后：

$length = $single + $double;

就得出了顯示長度，實(shí)現(xiàn)了，最后封裝成驗(yàn)證規(guī)則：

Validator::extend('display_length', function ($attribute, $value, array $parameters) {
                        if (empty($parameters)) {
                throw new \InvalidArgumentException('Parameters must be passed');
            }

            $min = 0;
            if (count($parameters) === 1) {
                list($max) = $parameters;
            } elseif (count($parameters) >= 2) {
                list($min, $max) = $parameters;
            }

            if (! isset($max) || $max < $min) {
                throw new \InvalidArgumentException('The parameters passed are incorrect');
            }

            // 計(jì)算單字節(jié).
            preg_match_all('/[a-zA-Z0-9_]/', $value, $single);
            $single = count($single[0]) / 2;

            // 多子節(jié)長度.
            $double = str_word_count(preg_replace('([a-zA-Z0-9_])', '', $value));

                        // 得出最終計(jì)算字符的長度
            $length = $single + $double;

            return $length >= $min && $length <= $max;
});

代碼是原型代碼，還沒有進(jìn)行優(yōu)化，之后我們只要按照下面的方式用：

$rules = [
    'inputKey' => 'display_length:5', // 表示 0 - 5 顯示長度
    ‘inputkey2’ => 'display_length:4,12' // 表示顯示長度為 4 - 12
];

現(xiàn)在就很好的解決了這個需求。

我們很樂意，將基于 Laravel 的 ThinkSNS+ 產(chǎn)品開發(fā)中的技術(shù)解決方案分享給大家，也希望喜歡的朋友能給國內(nèi)開源產(chǎn)品一點(diǎn)點(diǎn)的支持。

往期研發(fā)日記回顧：

《ThinkSNS+基于?Laravel master?分支【研發(fā)日記一】》

《ThinkSNS+研發(fā)中前端的抉擇（webpack/Vue）踩坑日記【研發(fā)日記二】》

《基于?Laravel Route?的?ThinkSNS+ Component【研發(fā)日記三】》

《如何做到?Laravel?配置可以網(wǎng)站后臺配置【研發(fā)日記四】》

開源代碼倉庫：

GitHub：https://github.com/zhiyicx/thinksns-plus（點(diǎn)擊star，每日關(guān)注開發(fā)動態(tài)。）

開源不易，為了爭取開源，我們團(tuán)隊(duì)做了很多努力。把基于Laravel的作品展示在大家面前，之后專欄會持續(xù)不斷的分享ThinkSNS +開發(fā)過程中的技術(shù)細(xì)節(jié)。