資訊專欄INFORMATION COLUMN
摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。
前言
如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。這里我就不具體介紹一些有的沒的的一些概念了，因為要介紹的概念實在太多了，作為一個前端的我們，直接上代碼擼就好了！！！！
想要了解更多，也歡迎訪問：
源地址
blogs
目標我們的目標是實現一個頁面制作后臺，在后臺中我們可以對頁面進行 組件選擇 --> 布局樣式調整 --> 發布上線 --> 編輯修改這樣的流程操作。
架構設計首先是要能提供組件給用戶進行選擇，那么我們需要一個組件庫，然后需要對選擇的組件進行布局樣式調整，所以我們需要一個頁面編輯后臺接著我們需要將編輯產出的數據渲染成真實的頁面，所以我們需要一個node服務和用于填充的template 模板。發布上線，這個直接對接各個公司內部的發布系統就好了，這里我們不做過多闡述。最后的編輯修改功能也就是針對配置的修改，所以我們需要一個數據庫，這里我選擇的是用了mysql。當然你也可以順便做做權限管理，頁面管理....等等之類的活。
啰嗦了這么長，我們來畫個圖，了解下大概的流程：
首先我們來實現組件這一部分，因為組件關聯著后臺編輯的預覽和最后發布的使用。組件設計我們應該盡量保持組件的對外一致性，這樣在進行渲染的時候，我們可以提供一個統一的對外數據接口。這里我們的技術選型是基于 Vue 的，所以下面的代碼部分也主要是基于 Vue 的，但是萬變不離其宗，其他語言也類似。
根據上圖，我們的組件是會被一個個拆分多帶帶發布到 npm倉庫的，為什么這么設計呢？其實之前也考慮過設計成一個組件庫，所有組件都包含在一個組件庫內，這樣只需要發布一個組件庫包，用的時候按需加載就好了。后來在實踐的過程中發現這樣并不合適協同開發，其他前端如果想貢獻組件，接入的改造成本也很大。舉個
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98746.html
摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。 前言 如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著...
摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。 前言 如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著...
摘要：寫過無數代碼修過眾多的你，一定會有很多故事，一定會有很多與相關的故事，有故事的你，一起來寫吧寫寫讓你最難忘的修經歷吧歡迎參加園子和阿里云聯合組織的征文活動最難忘的。如果用很簡單的文字描繪不簡單的代碼人生，我們想到的是：寫代碼，寫bug修bug，改代碼從第一次寫代碼在屏幕上打印出 Hello world! 的情竇初開，到修第一個 bug 的苦澀甘甜，再到與代碼的相濡以沫、與 bug 的愛恨情愁...
摘要：為保證活動的公平公正，對任何惡意刷量的行為，七牛云有停止發放抽獎機會及收回獎勵資源的權利。邀好友，抽好簽，贏好禮進入七牛云官網立即參與牛小七提前祝大家年，新年快樂 還有不到一個星期，2019 年就將正式「官宣」。值此之際，七牛云特別推出【好運+好禮】新年上上簽活動～不僅有好運好彩頭，還有超多驚喜好禮等你拿。天貓購物卡、七牛云產品優惠包、櫻桃機械鍵盤、終極大獎 iPhone Xs 256...
閱讀 666·2021-11-15 11:37
閱讀 4105·2021-09-09 09:34
閱讀 3559·2019-08-30 15:52
閱讀 2602·2019-08-29 14:03
閱讀 2842·2019-08-26 13:36
閱讀 1587·2019-08-26 12:16
閱讀 1592·2019-08-26 11:45
閱讀 3488·2019-08-23 18:41
