注：專題頁面，相信大家都不陌生。各大rrfxpvrsdc電商**經常在banner圖上，放上各種專題頁面的廣告圖，什麼滿199- 100 啦，什麼幾大品牌聯合回饋啦，等等。一不小心點進去，就是乙個深坑。為什麼？錢包被掏空阿。
文/蘇眉魚
電商**專題背後的故事，多少人知道呢？或者，多少人想知道？不想知道可以出門左轉了，因為這篇文章，我希望通過自己的資料收集、內容分析、實踐成果，告訴大家琳琅滿目的專題，背後的故事。
在這裡分享乙個真實的故事，作為乙個系統搭建仍未完善的電商平台，很多時候專題的推出，採用的的是一種比較傳統，oh不，非常傳統的搭建方式。
第一步：運營整理需求
馬上就要中秋節了，領導說，咱們的月餅廠商強烈要求首頁掛上他們的宣傳廣告，並且要整乙個單獨的頁面給他們做營銷！
運營小夥伴接到需求，好嘞！我去了解下他們想要推哪些商品，哪些是重點推廣商品。blabla
於是乎，刷刷整理出乙份**，裡面有我需要的推的商品，希望擺放的位置，文案，活動說明，等等等等。
然後將它交到設計小夥伴的手中。
第二步：產出設計稿
設計小夥伴接到要求，馬上就噔噔噔上網搜素材啦，靈感迸發啦，整出乙個非常喜慶的專題頁面，其中商品的各種狀態，都需要一一標明，什麼已售罄阿，不支援銷售呀，等等。
這些可是乙個都不能少，少乙個，產品同學可就會打回來。
第三步：前端寫頁面
設計稿出來了，前端同學就不能清閒了。我敲我敲我敲敲敲，咦，這裡的陰影不好實現，不實現了。咦，這裡的樣式好奇怪，我換掉。好了，就這樣吧，產品同學，你看著辦。
第四步：產品驗收
產品同學此時的心情時沉重的，這設計稿和靜態頁的區別，怎麼有點大呢！。。。。。。不管怎麼樣，最後還是要驗收的，後天就要上線了，趕緊給開發同學進行開發吧。
第五步：進行開發
開發同學心裡想，又是這種專題，每次都寫一樣的內容，煩死了。然後默默的完成它。
第六步：進行測試
測試同學心裡想，又是這種專題，每次都測差不多的內容，煩死了。然後默默的測完它。
第七步：運營驗收
運營同學心裡想，每次都整這個久，效率能不能高點，可千萬別把我的商品關聯錯了！
於是，我們上乙個專題，走完了整個開發流程，中途，還很有可能因為各種因素，導致不斷的返工和撕x。
那麼，有沒有可能，這一切，都少一點套路，多一些真誠呢？我們直接一點，迅速一點，不就整乙個專題嗎！
所以，做乙個工具吧。搭建好一套可自定義的模板，每次上專題，我們把必要的設計好，把商品關聯進去，自己傳，自己看，自己檢查，不就行了。
那麼以上的催魂七步，不就變成了：
簡直：完美
產品同學想了想，這個這個，想法不錯，那怎麼實現呢？不急，我們分析分析乙個專題的結構，就知道，做乙個什麼樣的工具，能支撐我們的業務需求了。
特別複雜特別花哨的專題咱們就不多講了，作為乙個實用主義者，我一向奉承以最小的成本推行和嘗試新的想法，有了基礎架構後，還怕有啥不能迭代的麼？小步快走吧同志們。
我們可以看到，大多數的專題頁面，其實無外乎幾個核心元素：全屏的banner圖（帶鏈結，不帶鏈結），商品標題區（帶鏈結區的，不帶鏈結區），商品展示區（每行展示商品個數不同），廣告區，還有統一的背景色
當然商品標題區和廣告區實質上是可以通過乙個模板進行處理，無非就是鏈結和不同而已。
好了，分析好乙個專題頁面的核心元素，我們就可以著手搭建咱們的專題工具了。大家想想，乙個這樣的頁面，運營最想要什麼效果呢？
綜上，要綜合實用和美觀，我們可以運用視覺化編輯的形式來實現專題的編輯。
什麼是視覺化編輯？我的理解就是所見即所得，不再是傳統後台將頁面以表單形式來填充內容的形式，而是能夠將頁面模組化，編輯的同時能實時預覽真實效果的一種方式。
上圖是**店鋪裝修的介面，我們日常買買買的店鋪，首頁www.cppcns.com及相關頁面都是通過這一套工具搭建起來的。其核心就在於，拆解模組，進行隨心化視覺化的組合。
同樣的，專題工具也是一樣的道理，我們將主要的模組拆解出來，定義每個模組的內容構成，編輯操作，乙個視覺化的工具基本就成型啦。
總結方案方向的核心就在於兩點
話不多說，通過以上分析，我們可以著手搭建乙個自己平台的專題編輯工具了！
首先，結合公司的業務，明確需要實現的功能點（這裡只介紹編輯頁面核心內容），通過part1 的情況程式設計客棧介紹，大家應該對業務的訴求有一定概念了：
整個頁面的結構規劃如下：
頂部：固定的基本操作欄 。因為視覺化編輯是對整個頁面進行編輯，為了方便對整體的操作，選擇將基本操作欄固定頂部，這樣，無論編輯到什麼地方，都能夠很快的進行一些基礎的操作。
編輯區：通過新增各個模組，進行內容的編輯。編輯區時整個頁面的核心模組，我們新增好模組，然後通過向每個模組中填充內容，實現實時預覽的效果。並且，可通過拖動，來調整各個模組之間擺放的位置。
這裡重點解析一下廣告模組和商品模組的內容搭建。
廣告模組：part2 中有提到，我們所看到的商品標題，帶鏈結的不帶鏈結的，或是一些帶鏈結的廣告圖。甚至優惠券的領取通道，都可以通過廣告模組來實現。
為什麼呢？在限制乙個模組上傳一張的情況下，如何能做到這樣靈活使用呢？
很簡單，在廣告圖上加熱區就行了。也就rrfxpvrsdc是說，我們的設計師做好一張符合尺寸的圖，上面可以是不同的店鋪通道或者優惠券領取通道，只要運營在上傳廣告圖之後為這張廣告圖新增不同的熱區，不同熱區鏈結到不同**即可。
商品模組：商品模組屬於專題頁的乙個主體內容，為了讓頁面展示更豐富，在有限的條件下創造出無限的可能。商品模組的設定，可以設定每行顯示不同個數的商品，來適應不同排版需求。前期只需要設計師出乙個固定的模板就行了。
是不是很簡單？當然，這些可變因素，是可以隨著業務要求進行調整的，大家可以根據自己業務的不同，進行不同的選擇。
需要注意的一點是，我們的商品列表讀取的時商品id，那麼商品的不同狀態（已售罄，已刪除等）所呈現的效果，都需要考慮進來。
總的來說，乙個專題工具的搭建思路，就是這樣，從業務分析，到選擇搭建模式，再結合本身訴求進行設計。有了乙個最小版本，以後的迭代無非就是豐富模板內容，以支撐更加豐富的頁面內容。
同時，還可以運用到店鋪裝修等類似的需求上，是不是覺得很棒呢！
本文位址: /news/plan/64665.html
腦電資料（EEG SEEG）處理 特徵視覺化
在之前的文章中，我已經介紹了利用cnn神經網路來進行腦電特徵的提取及識別。我的課題是有關癲癇的腦電特徵分析，在實際的實驗中你會發現，你的神經網路很容易過擬合，可以將實驗抽象為分類任務，可以分為兩個方向來進行訓練 將所有的資料劃按照一定的比例劃分為兩個部分 eg.7 3 一部分用於訓練，一部分用於測試...
用python視覺化模擬退火演算法
按我個人的理解的話，是解決組合優化的問題是，使用隨機化的方法得到新解，如果新解比舊解要好，那麼就接受。如果新解沒有舊解好，那麼也按一定概率 exp delta f t 接受。t是乙個溫度，內迴圈就產生新解直到達到平穩，外迴圈就退火 緩慢的速率溫度 到結束溫度時，會收斂到最優解。那麼我用的示例是旅行商...
用graphviz視覺化決策樹
python上有支援graphviz使用 的import graphviz import pydotplus from ipython.display import image 這樣環境就搭好了，有時候python會很笨，仍然找不到graphviz，這時，可以在 裡面加入這一行 os.environ...