分手之後,過得更好的兩個人

在網頁專案中常會碰到在介面上需透過資料庫提供的資料來進行呈現,這樣的介面在程式開發時通常會透過兩種方法進行, 以下針對上述的兩種方法進行一些工作方式說明與做法上的分享 。

傳統的開發模式


前、後端人員會先針對頁面設計進行可行性的討論,在前端在頁面製作完成後,逐步Release出來給後端工程師,讓後端工程師根據已經製作好的頁面進行施工,他們會在版面中加入後端程式(ASP、PHP、JSP…等),以此方式進行介面設計,最後會在後端工程師處完稿。

上圖的動態網頁版面是指將頁面串接上資料庫(Dynamic),透過資料庫的資料來進行呈現,也就是資料是”活的”,通常前端工程師會在版面中先放入一些假資料,讓後端工程師了解呈現風格,此處的動態不是指動畫,任何在頁面上的互動或動畫,應該是由前端工程師來完成。

前、後端分離


理想的做法是後端人員幾乎不用了解前端介面想如何呈現,所有API為前端人員依據頁面開需求給後端,例如產品目錄頁需要一隻API可以呈現:

  • 商品名稱
  • 價格
  • 顏色
  • 尺寸
  • 依據前端傳入的參數來定義
    • 一次給幾筆
    • 從第幾筆開始給
  • 可透過什麼條件進行篩選

以此方式進行介面設計,最後會在前端開發者處完稿。

前、後端分手後的好處

前、後端合併是傳統的合作模式,當時前端沒有好的方法可以呼叫後端API,所以所有的串接都必須由後端工程師進行協助,而自從前端程式可以透過AJAX的方式呼叫後端程式後,前、後端分離的做法就被廣為應用,他也帶來了以下的優點:

1. 權責區分明確

前、後端分離讓人員可以各自負責自己擅長的部份,前端工程師不會需要碰到伺服器端的程式,後端工程師也不會碰到前端的動畫或版面程式,能將權責清楚的區分出來,不會到時候發生網頁跑版、動畫出問題,但不清楚到底是誰動到了不該動的東西。

所以前、後端分離也就是權責上也更能夠釐清,別小看這個部分,因為這不僅僅讓雙方人員在專案開發上目標更為明確,也能夠讓專案管理變得更輕鬆。

2. 跨平台的API應用

專案中的應用平台有時不僅僅是Web,若有其他平台也有後端的需求,之前開發出來的API規格依然可以生效,就算有修改,也能依照相同的精神調整,對於後端工程師來說工作可以更單純一些。

3. 平行的開工時間

在看到ART Design所設計出來的頁面後,雙方可以迅速討論並且同時開工,不像傳統的專案,後端工程師需要等前端頁面完成後才可以施作,更能夠提升專案上的製作行程。

You may also like...

19,515 Responses

  1. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 references with integration inside compositions on content portals

    Level 2 – 3000 URL Rerouted hyperlinks

    Tier 3 – 20000 connections assortment, posts, entries

    Utilizing a link network is advantageous for online directories.

    Necessitate:

    One hyperlink to the platform.

    Key Phrases.

    Valid when 1 key phrase from the website title.

    Highlight the supplementary offering!

    Crucial! Tier 1 connections do not conflict with Tier 2 and Tier 3-order links

    A link network is a instrument for elevating the movement and backlink portfolio of a digital property or social network

  2. That’s a very good feedback. I’m curious to think what type of impact this would have globally? There are times when things like this begin to have global expansion and frustration. I’ll check back to see what you have to say.

  3. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 connections with positioning inside writings on publishing portals

    Middle – 3000 URL Rerouted links

    Tertiary – 20000 references blend, comments, articles

    Using a link hierarchy is beneficial for online directories.

    Need:

    One connection to the site.

    Query Terms.

    Accurate when 1 key phrase from the website topic.

    Highlight the extra offering!

    Essential! Primary connections do not intersect with Secondary and Tier 3-tier references

    A link pyramid is a tool for enhancing the flow and referral sources of a online platform or social network

  4. Timothyzew表示:

    http://viagragenerico.site/# cerco viagra a buon prezzo

  5. RandyLunda表示:

    farmacie online autorizzate elenco: Cialis generico recensioni – farmacie online autorizzate elenco

  6. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 hyperlinks with inclusion within pieces on writing sites

    Secondary – 3000 URL +Redirect references

    Tertiary – 20000 references mix, comments, articles

    Using a link hierarchy is useful for web crawlers.

    Need:

    One link to the platform.

    Keywords.

    Accurate when 1 search term from the content title.

    Remark the additional offering!

    Crucial! First-level connections do not coincide with 2nd and 3rd-rank hyperlinks

    A link network is a mechanism for enhancing the circulation and inbound links of a website or online community

  7. shkafy_njPn表示:

    Идеальные шкафы купе на заказ в Москве, Максимально удобные шкафы купе на заказ в Москве
    шкаф купе по индивидуальным размерам https://shkafy-kupe-na-zakaz77.ru/ .

  8. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 links with integration contained in writings on content domains

    Middle – 3000 domain Redirected links

    Lower – 20000 hyperlinks blend, remarks, writings

    Utilizing a link structure is advantageous for indexing systems.

    Necessitate:

    One reference to the platform.

    Keywords.

    Valid when 1 keyword from the page topic.

    Highlight the extra feature!

    Essential! Primary references do not coincide with Secondary and 3rd-rank connections

    A link network is a instrument for increasing the liquidity and referral sources of a website or virtual network

  9. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 hyperlinks with positioning contained in compositions on content sites

    Secondary – 3000 URL Redirected connections

    Tertiary – 20000 references combination, feedback, entries

    Utilizing a link hierarchy is advantageous for online directories.

    Demand:

    One reference to the website.

    Key Phrases.

    Valid when 1 keyword from the resource topic.

    Highlight the supplementary offering!

    Crucial! Tier 1 hyperlinks do not intersect with Tier 2 and 3rd-rank links

    A link hierarchy is a mechanism for increasing the movement and inbound links of a digital property or online community

  10. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 references with positioning contained in pieces on content portals

    Secondary – 3000 link Rerouted hyperlinks

    Level 3 – 20000 hyperlinks combination, remarks, writings

    Using a link pyramid is advantageous for web crawlers.

    Necessitate:

    One reference to the domain.

    Query Terms.

    True when 1 query term from the resource subject.

    Note the supplementary offering!

    Important! Tier 1 links do not coincide with 2nd and Tertiary-rank references

    A link pyramid is a tool for boosting the movement and referral sources of a internet domain or virtual network

  11. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 links with integration inside pieces on article domains

    Tier 2 – 3000 URL Forwarded references

    Tier 3 – 20000 links combination, remarks, articles

    Utilizing a link pyramid is beneficial for web crawlers.

    Demand:

    One connection to the website.

    Search Terms.

    Correct when 1 search term from the content title.

    Remark the supplementary offering!

    Essential! Tier 1 references do not coincide with 2nd and 3rd-tier connections

    A link hierarchy is a mechanism for enhancing the movement and inbound links of a website or virtual network

  12. shkafy_tjPn表示:

    Топовые шкафы купе на заказ в Москве, Шкафы купе на заказ в Москве: широкий выбор стилей и расцветок!
    шкафы купе на заказ в москве https://shkafy-kupe-na-zakaz77.ru/ .

  13. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 connections with placement contained in articles on article sites

    Middle – 3000 link Rerouted links

    Level 3 – 20000 links assortment, remarks, articles

    Implementing a link network is helpful for online directories.

    Require:

    One reference to the site.

    Keywords.

    True when 1 keyword from the content subject.

    Highlight the extra service!

    Important! Top connections do not coincide with 2nd and 3rd-order hyperlinks

    A link structure is a mechanism for boosting the flow and referral sources of a digital property or virtual network

  14. shkafy_tvPn表示:

    Лучшие шкафы купе на заказ в Москве, Создайте свой идеальный шкаф купе на заказ в Москве!
    сделать шкаф купе на заказ https://shkafy-kupe-na-zakaz77.ru/ .

  15. shkafy_zhPn表示:

    Идеальные шкафы купе на заказ в Москве, широкий выбор
    шкаф купе на заказ https://shkafy-kupe-na-zakaz77.ru/ .

  16. TomasRop表示:

    viagra 50 mg prezzo in farmacia: viagra generico – pillole per erezione in farmacia senza ricetta

  17. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 hyperlinks with placement inside writings on publishing platforms

    Middle – 3000 URL Rerouted references

    Level 3 – 20000 connections blend, remarks, articles

    Utilizing a link pyramid is useful for search engines.

    Require:

    One reference to the domain.

    Keywords.

    Valid when 1 keyword from the website subject.

    Highlight the complementary functionality!

    Important! Tier 1 hyperlinks do not intersect with Tier 2 and Tertiary-level links

    A link hierarchy is a device for increasing the liquidity and link profile of a internet domain or virtual network

  18. shkafy_hePn表示:

    Топовые шкафы купе на заказ в Москве, Шкафы купе на заказ по вашему эскизу в Москве
    изготовить шкаф купе на заказ https://shkafy-kupe-na-zakaz77.ru/ .

  19. Timothyzew表示:

    http://farmait.store/# comprare farmaci online all’estero

  20. shkafy_ojPn表示:

    Идеальные шкафы купе на заказ в Москве, Шикарные шкафы купе на заказ только в Москве!
    сделать шкаф купе на заказ https://shkafy-kupe-na-zakaz77.ru/ .

  21. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 connections with inclusion inside writings on article portals

    Level 2 – 3000 web address Rerouted hyperlinks

    Level 3 – 20000 links blend, comments, articles

    Employing a link network is beneficial for web crawlers.

    Demand:

    One link to the website.

    Keywords.

    True when 1 search term from the content title.

    Highlight the complementary feature!

    Vital! First-level references do not intersect with 2nd and Tertiary-tier references

    A link network is a mechanism for boosting the liquidity and link profile of a internet domain or virtual network

  22. RandyLunda表示:

    farmacia online senza ricetta: farmacia online – acquisto farmaci con ricetta

  23. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 references with integration inside writings on writing domains

    Tier 2 – 3000 domain Redirected connections

    Level 3 – 20000 hyperlinks assortment, comments, posts

    Using a link pyramid is advantageous for online directories.

    Demand:

    One hyperlink to the website.

    Search Terms.

    True when 1 key phrase from the resource heading.

    Observe the extra offering!

    Crucial! Primary connections do not intersect with Tier 2 and Tertiary-rank connections

    A link hierarchy is a mechanism for increasing the movement and backlink portfolio of a digital property or social network

  24. Diplomi_wtEa表示:

    Привет!
    Купить документ о получении высшего образования вы сможете в нашем сервисе.
    rushkas-diplomxx.ru

  25. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 links with positioning inside articles on publishing portals

    Level 2 – 3000 domain Rerouted links

    Level 3 – 20000 hyperlinks assortment, posts, posts

    Utilizing a link network is beneficial for online directories.

    Demand:

    One hyperlink to the website.

    Search Terms.

    Correct when 1 key phrase from the resource title.

    Highlight the supplementary service!

    Vital! First-level references do not conflict with Secondary and 3rd-tier connections

    A link structure is a mechanism for boosting the movement and link profile of a online platform or social network

  26. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 links with positioning within writings on writing domains

    Level 2 – 3000 link Redirected references

    Level 3 – 20000 connections blend, comments, writings

    Employing a link hierarchy is advantageous for search engines.

    Necessitate:

    One reference to the domain.

    Query Terms.

    True when 1 query term from the page subject.

    Remark the supplementary service!

    Vital! Tier 1 hyperlinks do not intersect with Tier 2 and Tertiary-order connections

    A link structure is a mechanism for enhancing the circulation and inbound links of a website or virtual network

  27. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 links with integration inside writings on writing domains

    Level 2 – 3000 URL Redirected references

    Level 3 – 20000 references blend, feedback, writings

    Implementing a link pyramid is advantageous for indexing systems.

    Need:

    One connection to the domain.

    Search Terms.

    True when 1 query term from the content heading.

    Remark the supplementary service!

    Important! Primary connections do not conflict with Tier 2 and Tier 3-level references

    A link network is a mechanism for enhancing the flow and inbound links of a online platform or virtual network

  28. Whitescreen60表示:

    Hello, I do think your website may be having internet browser compatibility problems. When I take a look at your web site in Safari, it looks fine however when opening in I.E., it has some overlapping issues. I merely wanted to give you a quick heads up! Besides that, great blog!

  29. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 connections with inclusion inside compositions on article platforms

    Secondary – 3000 URL Rerouted hyperlinks

    Lower – 20000 links assortment, comments, writings

    Utilizing a link structure is useful for online directories.

    Necessitate:

    One reference to the domain.

    Key Phrases.

    Correct when 1 search term from the content topic.

    Observe the additional service!

    Important! First-level connections do not overlap with Secondary and Tier 3-order hyperlinks

    A link structure is a tool for boosting the circulation and backlink portfolio of a website or social network

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。