厭倦了寫活動頁？快來擼一個頁面生成器吧！

liaosilzu2007 發(fā)布于2019-08-29 17:06 / 2342人閱讀

摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規(guī)模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。

前言

如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規(guī)模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。這里我就不具體介紹一些有的沒的的一些概念了，因為要介紹的概念實在太多了，作為一個前端的我們，直接上代碼擼就好了！！！！
想要了解更多，也歡迎訪問：

源地址

blogs

目標

我們的目標是實現(xiàn)一個頁面制作后臺，在后臺中我們可以對頁面進行 組件選擇 --> 布局樣式調整 --> 發(fā)布上線 --> 編輯修改這樣的流程操作。

架構設計

首先是要能提供組件給用戶進行選擇，那么我們需要一個組件庫，然后需要對選擇的組件進行布局樣式調整，所以我們需要一個頁面編輯后臺接著我們需要將編輯產出的數(shù)據(jù)渲染成真實的頁面，所以我們需要一個node服務和用于填充的template 模板。發(fā)布上線，這個直接對接各個公司內部的發(fā)布系統(tǒng)就好了，這里我們不做過多闡述。最后的編輯修改功能也就是針對配置的修改，所以我們需要一個數(shù)據(jù)庫，這里我選擇的是用了mysql。當然你也可以順便做做權限管理，頁面管理....等等之類的活。
啰嗦了這么長，我們來畫個圖，了解下大概的流程：

開擼 組件的實現(xiàn)

首先我們來實現(xiàn)組件這一部分，因為組件關聯(lián)著后臺編輯的預覽和最后發(fā)布的使用。組件設計我們應該盡量保持組件的對外一致性，這樣在進行渲染的時候，我們可以提供一個統(tǒng)一的對外數(shù)據(jù)接口。這里我們的技術選型是基于 Vue 的，所以下面的代碼部分也主要是基于 Vue 的，但是萬變不離其宗，其他語言也類似。

根據(jù)上圖，我們的組件是會被一個個拆分多帶帶發(fā)布到 npm倉庫的，為什么這么設計呢？其實之前也考慮過設計成一個組件庫，所有組件都包含在一個組件庫內，這樣只需要發(fā)布一個組件庫包，用的時候按需加載就好了。后來在實踐的過程中發(fā)現(xiàn)這樣并不合適協(xié)同開發(fā)，其他前端如果想貢獻組件，接入的改造成本也很大。舉個

云服務器 GPU云服務器怎么注冊一個域名吧給小弟一個demo學習吧 asp生成靜態(tài)頁出錯 js在標簽頁打開頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114110.html

厭倦了寫活動頁？快來擼一個頁面生成器吧！

摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規(guī)模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著...

Lsnsh 2019-08-02 11:50 評論0 收藏0
厭倦了寫活動頁？快來擼一個頁面生成器吧！

摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規(guī)模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著...

Tamic 2019-08-23 12:34 評論0 收藏0
博客園&阿里云聯(lián)合征文：最難忘的bug

摘要：寫過無數(shù)代碼修過眾多的你，一定會有很多故事，一定會有很多與相關的故事，有故事的你，一起來寫吧寫寫讓你最難忘的修經歷吧歡迎參加園子和阿里云聯(lián)合組織的征文活動最難忘的。如果用很簡單的文字描繪不簡單的代碼人生，我們想到的是：寫代碼，寫bug修bug，改代碼從第一次寫代碼在屏幕上打印出 Hello world! 的情竇初開，到修第一個 bug 的苦澀甘甜，再到與代碼的相濡以沫、與 bug 的愛恨情愁...

zhunjiee 2021-11-17 17:00 評論0 收藏0
邀好友贏大獎！快來抽取你的 2019 新年上上簽！

摘要：為保證活動的公平公正，對任何惡意刷量的行為，七牛云有停止發(fā)放抽獎機會及收回獎勵資源的權利。邀好友，抽好簽，贏好禮進入七牛云官網立即參與牛小七提前祝大家年，新年快樂還有不到一個星期，2019 年就將正式「官宣」。值此之際，七牛云特別推出【好運+好禮】新年上上簽活動～不僅有好運好彩頭，還有超多驚喜好禮等你拿。天貓購物卡、七牛云產品優(yōu)惠包、櫻桃機械鍵盤、終極大獎 iPhone Xs 256...

dailybird 2019-06-28 11:08 評論0 收藏0