當前位置:首頁 » 電子商務 » 電子商務網站前端設計
擴展閱讀
國際貿易專業男女比例 2020-08-26 05:18:03
寧波外貿網站製作 2020-09-01 16:26:57
德驛全球購 2020-08-26 04:14:27

電子商務網站前端設計

發布時間: 2023-05-16 23:23:44

1、電商前端架構設計

什麼是前端架構

說到架構,很容易拉出一系列的概念知識點,像系統架構、軟體架構、框架等等,這些不是今天探討的重點,大家可以下去百度來理解。架構的本質是什麼?其實也是一種管理。通常我們所說的管理,都是指對於任務和人員的管理,而架構管的是機器和代碼。比如說,機器的部署屬於運維的物理架構,SOA屬於服務架構,那麼,前端的架構指什麼呢?

長期以來,前端所處的位置是比較偏應用層,很薄的一層,而架構又要求深度和廣度,所以之前在前端裡面做架構,好比在小水塘里游泳,稍微撲騰兩下就到處碰壁。但最近這幾年來,隨著一些列新的技術和概念的出現,前端的范圍被大大拓展了,所以這一層逐漸變得大有可為。

單純從語言的角度來說,html、js、css是最簡單最容易上手的開發語言,不考慮模塊化、工具、壓縮優化,任何人都可以快速上手,完成一兩個功能簡單的頁面。在規模很小的項目中,前端技術要素彼此不會直接產生影響,因此無需架構相關的思考。由於前端語言這種靈活鬆散的特點,使得前端項目規模在達到一定規模後,工程問題凸顯,成為發展瓶頸,原來孤立的技術要素開始彼此產生影響,各種技術要素彼此之間開始出現關聯,要用模塊化開發,就必須對應某個模塊化框架,用這個框架就必須對應某個構建工具,要用這個工具,就必須對應某個包管理工具……這個時候,需要有人從比較高的角度去梳理、尋找適合自己團隊的集成解決方案。而這一系列解決問題的工具和手段就是所謂的前端架構。

架構的組成

組件框架

架構不等於框架這一點很好理解,相信大家都能夠很深入的說明這里的差別,框架是架構的重要組成部分,架構決定框架的選型,框架決定架構的技術路線。架構圍繞框架進行一系列的流程工具建設,從而形成完善自動的開發體系。
+框架不等於類庫,這里就是很多人困惑的點,你用的什麼框架?jquery、underscore、linq、seajs、requirejs等等,每個人都能夠列舉一大堆。但這個是不準確的,一套編碼框架是有一系列的元素組成:

開發模式,我們如何來實現代碼的職責分離。以前整個前端是mvc中v這一層,而現在前端內部也進行了mvc的邏輯細分,Javascript的MVC框架現在很多,有的強化m、有的強化c。每一個框架其實都有其特點的,並且有越來越多的創新改造,比如現在最流行的是mvvm。有angular、react等等。我們是為了引入mvvc才把他們納入到我們的開發體系,而不是因為他是一個好用的類庫。

通訊,模塊化、組件化是前端在推進開發模式過程中的一個過程產物,為了有效的進行組件隔離和獨立,現在有各種各樣的通信模型出來,不過由於實現簡單,代碼少,他往往是合入到某個類庫裡面,但本質也是一個類庫。比較成熟的比如:消息匯流排、事件模擬、緩存中轉、flux模型等等。

模板,我們用什麼樣的方式來集中的處理數據往html的轉換過程,這里就不用多展開,這種類庫現在太多了,光我們公司就有很多套,大家在代碼行、緩存管理、預編譯、運算性能、強大的語法等等各個維度不段追求各種極致。

基礎類庫 最後才是傳統類庫,相信現在已經沒有同學會在項目中去約束團隊中的dom操作、常用函數、方法、非同步化等等各種很基礎東西,這個時候我們一般就是引入jq、zepto、underscor這些封裝好的東西就行了。核心就是為了改善編碼生產力。

對於框架的選型要從兩面看,一是看該框架的本領,二是看你們團隊的能耐。從經驗上給幾個點建議:

這里也可以順便展開聊一下現在前端產品的形態分類:

從這些分類裡面,我們這些年派生出了所謂全端和全棧的概念。但本質上怎麼走還是要由所在產品的形態來決定。

內容型Web站點 側重渲染方面的優化,前端邏輯比重小

操作型B/S系統 以數據和邏輯為中心,界面較規整

hybrid內置型,要處理緩存和一些本地介面,包括PC客戶端和移動端。現在的本地應用,基於很多考慮,都變成了混合應用,也就是說,開發這個應用的技術,既包含原生的代碼,也包含了嵌入的HTML5代碼

Web游戲,前端的邏輯非常重,在代碼結構上要求非常高的可管理性和更復雜的設計模式。

桌面應用型,現在有一些PC端的混合應用開發技術,比如node-webkit和hex,前者的典型應用是XDK,後者的典型應用是有道詞典,此外,豌豆莢的PC客戶端也是採用類似技術的,也有一些產品是用的qt-webkit。這類技術可以方便做跨平台,極大減少開發工作量。

大工程應該盡量避開谷歌產品,他的很多技術開源項目都是玩票性質的,GWT、Closure、Darty就是前車之鑒。曾今提出過很多的新技術,到現在還是獨家的,變出太大。包括現在angular,喜歡做斷崖式升級,做做運營後台系統問題不大,如果是線上系統的話,每次升級就是一次人月神話中的典型焦油坑。

關注應用場景,像剛才說到的boss後台是一種;另外我的平台是否有沉重的歷史包袱,需要兼容ie6,還是可以輕裝上陣;產品對於seo是什麼樣的態度?是否需要考慮自適應?或者我的團隊足夠大,能夠各搞一套?;產品特徵是強內容還是強交互或者是游戲性。這些都是選擇不同框架的主要出發點。

沒有最好,只有最適合自己的,基本上,針對每個平台,我們都可以列出一些主流框架,但不意味著你們都能駕馭得住。小馬過馬,老牛沒過膝,松鼠淹個半死,就是這么回事。但無論我們選擇什麼框架或決定自己動手造輪子,都勿忘初心,技術必須讓我們工作生活更為輕松愉快——我們只選擇我們能駕馭住的框架,我們不能保證它在一年後是否會過時落後。

而且按照我個人這么多年的經驗來看,任何框架都會過時,往往不是因為他不夠好,而是因為一定有更好的出來。我們再選擇一個框架或者一個類庫的時候就要想好,未來我如何拋棄他。至少不能成為我們引入新的框架的絆腳石。現實的工作中很多的團隊往往會陷入到年復一年的用今年的新框架去重構去年老框架代碼的歷史循環中去。對於引入框架如何盡量延長他的生命力,我個人的意見是選擇框架時去追求概念,而不是潮流,當我的架構可以接受新的設計概念的時候才去考慮引入新的框架。用設計理念的選擇代替框架的選擇。之所以這么說是因為我觀察到我們部門的後端架構的開發理念跟我進公司的時候是差不多的。更多你可以參考成都網站建設

2、電子商務專業可以從事哪些職位?

電子商務的就業方向:
1、網站前端設計:網頁設計、網頁美工、網站前台代碼優化等;(技能需求:html,div+css,javascript,dreamweaver,flash,photoshop,fireworks等)。
2、網站後台設計:網站建設和維護;(技能需求:前端開發的技能和一門網站編程語言如PHP、ASP、ASP.net、JSP、Java、C#等,一般熟練掌握一門語言即可)。
3、網站運營:網路編輯、網站策劃、網路客戶服務(即客服)、網站數據監控和數據挖掘、網站CRM(客戶關系管理);(技能需求:軟文寫作能力,內容策劃能力,溝通交流能力,數據分析能力等)。
4、網路營銷:SEO(搜索引擎優化)、SEM(搜索引擎營銷)、網路廣告投放、網路整合營銷、企業營銷策劃、國際貿易(網路方向)等;(技能需求:基本網站建設技術、SEO技術、SEM競價廣告知識、基本網路市場營銷技能等)。
5、網路銷售:電話營銷、產品營銷顧問等;(技能需求:市場營銷能力、溝通交流能力等)。
6、電子商務運營:電子商務項目管理、互聯網產品經理、第三方電子商務平台管理(如管理企業的阿里巴巴店、淘寶店、天貓店、京東店等)、電子商務活動的策劃與運作;(技能需求:三年以上工作經驗,從底層做起的電子商務從業者)
目前大部分高校電子商務專業方向:
1、營銷:網路營銷方向;
2、技術:網站編程設計方向、網路支付與安全;
3、信息管理:企業信息化、信息管理與信息系統、電子政務、供應鏈管理;
4、法學:電子商務法;(非電子商務專業);
5、經濟金融學:電子商務國際貿易;
6、物流:電子商務物流管理。

3、電子商務專業的就業方向有哪些?

電子商務專業就業方向

1、電子商務網站設計(代表性崗位:網站設計/開發人員):主要從事電子商務網頁設計、資料庫建設、程序設計、站點管理與技術維護等工作。

2、電子商務平台美術設計(代表性崗位:網站美工人員):主要從事平台顏色處理、文字處理、圖像處理、視頻處理等工作。

3、企業網路營銷業務(代表性崗位:網路營銷人員):主要是利用網站為企業開拓網上業務、網路品牌管理、客戶服務等工作。

4、網上國際貿易(代表性崗位:外貿電子商務人員):利用網路平台開發國際市場,進行國際貿易。

5、新型網路服務商的內容服務(代表性崗位:網站運營人員/主管):頻道規劃、信息管理、頻道推廣、客戶管理等。

4、電子商務專業以後有哪些就業方向?

電子商務就業方向有以下三個:
第一、技術一類的:
⒈電子商務平台設計(代表性崗位:網站策劃/編輯人員)
⒉電子商務網站設計(代表性崗位:網站設計/開發人員)
⒊電子商務平台美術設計(代表性崗位:網站美工人員)
第二、商務一類的;
⒈企業網路營銷業務(代表性崗位:網路營銷人員)
⒉網上國際貿易(代表性崗位:外貿電子商務人員)
⒊新型網路服務商的內容服務(代表性崗位:網站運營人員/主管)
⒋電子商務支持系統的推廣(代表性崗位:網站推廣人員)
⒌電子商務創業:藉助電子商務這個平台,利用虛擬市場提供產品和服務,又可以直接為虛擬市場提供服務。
第三、綜合管理一類的;
⒈電子商務平台綜合管理(代表性崗位:電子商務項目主管)

5、電子商務專業向前端開發和網頁設計這兩方面發展要學什麼?

選一個實用點的專業,其實IT專業就不錯,比如 電子商務、4G移動開發、ui設計、互聯網編程、、大數據、VR丶雲計算、等等就業前景都挺好。
我們這有兩年制 也有三年制還有短期 大專 中專都有
看看自己的興趣愛好和發展趨勢,然後選擇一個適合自己的專業
我們的很多學生都是學有所成,祝你一切順利