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

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

傳統的開發模式


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

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

前、後端分離


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

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

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

前、後端分手後的好處

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

1. 權責區分明確

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

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

2. 跨平台的API應用

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

3. 平行的開工時間

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

You may also like...

19,356 Responses

  1. NathanDum表示:

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

    Level 2 – 3000 URL Forwarded references

    Level 3 – 20000 connections assortment, comments, entries

    Implementing a link structure is helpful for online directories.

    Need:

    One reference to the platform.

    Key Phrases.

    Correct when 1 key phrase from the page subject.

    Observe the complementary offering!

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

    A link network is a device for increasing the circulation and inbound links of a internet domain or virtual network

  2. Mazrtxc表示:

    Здравствуйте!
    Как получить диплом техникума с упрощенным обучением в Москве официально
    diplommann.ru

  3. RobertHaumn表示:

    does tamoxifen cause menopause: femara vs tamoxifen – tamoxifen and grapefruit

  4. RobertHaumn表示:

    liquid tamoxifen: where can i buy nolvadex – where to get nolvadex

  5. LewisTwera表示:

    https://nolvadexbestprice.pro/# tamoxifen citrate pct

  6. RobertHaumn表示:

    benefits of tamoxifen: aromatase inhibitors tamoxifen – tamoxifen moa

  7. NathanDum表示:

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

    Secondary – 3000 domain Redirected references

    Lower – 20000 connections blend, remarks, entries

    Using a link pyramid is useful for online directories.

    Need:

    One hyperlink to the site.

    Query Terms.

    True when 1 keyword from the page title.

    Observe the additional service!

    Essential! First-level connections do not conflict with Tier 2 and Tertiary-order references

    A link network is a tool for increasing the liquidity and backlink portfolio of a online platform or virtual network

  8. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 connections with positioning inside compositions on writing sites

    Tier 2 – 3000 link Forwarded links

    Lower – 20000 hyperlinks mix, feedback, articles

    Employing a link structure is advantageous for web crawlers.

    Necessitate:

    One hyperlink to the website.

    Search Terms.

    Accurate when 1 query term from the website title.

    Highlight the supplementary service!

    Important! Tier 1 links do not conflict with Secondary and Tier 3-level connections

    A link pyramid is a mechanism for enhancing the liquidity and backlink portfolio of a internet domain or online community

  9. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 hyperlinks with integration inside compositions on publishing domains

    Middle – 3000 link Redirected links

    Tertiary – 20000 hyperlinks mix, remarks, articles

    Implementing a link structure is advantageous for indexing systems.

    Demand:

    One reference to the platform.

    Keywords.

    Accurate when 1 query term from the content title.

    Remark the additional offering!

    Essential! Tier 1 links do not overlap with Secondary and Tertiary-rank links

    A link network is a device for enhancing the flow and inbound links of a website or social media platform

  10. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 references with placement contained in pieces on publishing platforms

    Secondary – 3000 web address Rerouted hyperlinks

    Tier 3 – 20000 connections assortment, posts, articles

    Employing a link pyramid is useful for web crawlers.

    Need:

    One reference to the platform.

    Key Phrases.

    Accurate when 1 search term from the page subject.

    Note the supplementary offering!

    Crucial! Tier 1 references do not conflict with Tier 2 and 3rd-rank hyperlinks

    A link network is a device for increasing the circulation and inbound links of a digital property or social media platform

  11. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 references with placement contained in compositions on article portals

    Level 2 – 3000 domain Redirected connections

    Tertiary – 20000 hyperlinks assortment, posts, articles

    Implementing a link hierarchy is beneficial for web crawlers.

    Need:

    One connection to the platform.

    Search Terms.

    Valid when 1 keyword from the page subject.

    Remark the supplementary feature!

    Important! Primary links do not conflict with Tier 2 and 3rd-order links

    A link hierarchy is a mechanism for elevating the circulation and backlink portfolio of a website or online community

  12. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 links with inclusion within compositions on article sites

    Tier 2 – 3000 domain Rerouted connections

    Level 3 – 20000 links mix, feedback, articles

    Utilizing a link structure is advantageous for indexing systems.

    Need:

    One reference to the website.

    Search Terms.

    Correct when 1 search term from the page subject.

    Note the supplementary feature!

    Important! Tier 1 links do not intersect with 2nd and Tier 3-level links

    A link network is a device for elevating the movement and referral sources of a online platform or virtual network

  13. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 links with integration within pieces on writing platforms

    Secondary – 3000 domain +Redirect hyperlinks

    Level 3 – 20000 links mix, remarks, writings

    Utilizing a link pyramid is beneficial for indexing systems.

    Demand:

    One link to the website.

    Search Terms.

    Valid when 1 search term from the website title.

    Observe the complementary functionality!

    Crucial! Primary links do not coincide with 2nd and 3rd-tier hyperlinks

    A link hierarchy is a mechanism for elevating the liquidity and inbound links of a website or online community

  14. PatrickTig表示:

    https://nolvadexbestprice.pro/# does tamoxifen cause bone loss

  15. Matthewchact表示:

    how to buy prednisone: buy prednisone online australia – prednisone 20 tablet

  16. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 connections with integration within pieces on publishing domains

    Tier 2 – 3000 link Forwarded links

    Tier 3 – 20000 connections assortment, feedback, writings

    Implementing a link network is advantageous for online directories.

    Require:

    One connection to the website.

    Keywords.

    Accurate when 1 key phrase from the page title.

    Observe the extra service!

    Vital! Primary links do not conflict with 2nd and Tier 3-level connections

    A link pyramid is a instrument for enhancing the circulation and link profile of a online platform or social network

  17. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 hyperlinks with positioning inside articles on article portals

    Secondary – 3000 link Redirected connections

    Tier 3 – 20000 links blend, feedback, entries

    Utilizing a link structure is helpful for search engines.

    Necessitate:

    One hyperlink to the platform.

    Query Terms.

    Accurate when 1 keyword from the content title.

    Highlight the additional offering!

    Important! Tier 1 hyperlinks do not intersect with 2nd and Tertiary-rank hyperlinks

    A link pyramid is a instrument for elevating the movement and link profile of a online platform or social network

  18. RobertSic表示:

    buy cytotec online п»їcytotec pills online buy cytotec pills

  19. you’ve gotten an ideal weblog right here! would you like to make some invite posts on my weblog?

  20. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 links with placement contained in compositions on publishing domains

    Secondary – 3000 link +Redirect connections

    Tertiary – 20000 hyperlinks blend, remarks, writings

    Implementing a link structure is beneficial for search engines.

    Require:

    One hyperlink to the website.

    Search Terms.

    Accurate when 1 key phrase from the resource heading.

    Highlight the extra functionality!

    Essential! First-level connections do not coincide with 2nd and 3rd-order connections

    A link structure is a instrument for increasing the flow and link profile of a internet domain or social media platform

  21. PatrickTig表示:

    http://propeciabestprice.pro/# buy propecia without prescription

  22. Matthewchact表示:

    cost of cheap propecia online: generic propecia for sale – propecia pills

  23. RobertSic表示:

    zithromax cost generic zithromax 500mg zithromax 500mg

  24. Xazrljc表示:

    Привет, друзья!
    Заказать документ университета
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnodare

  25. LewisTwera表示:

    http://zithromaxbestprice.pro/# zithromax antibiotic

  26. PatrickTig表示:

    http://prednisonebestprice.pro/# prednisone 10mg price in india

  27. I regard something truly interesting about your blog so I saved to favorites .

發佈留言

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