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

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

傳統的開發模式


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

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

前、後端分離


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

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

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

前、後端分手後的好處

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

1. 權責區分明確

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

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

2. 跨平台的API應用

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

3. 平行的開工時間

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

You may also like...

19,545 Responses

  1. RandyLunda表示:

    farmacie online autorizzate elenco: Cialis generico farmacia – comprare farmaci online all’estero

  2. Timothyzew表示:

    https://avanafil.pro/# acquistare farmaci senza ricetta

  3. Lewisslund表示:

    Hello! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains. If you know of any please share. Thank you!

    https://lift-load.com.ua/tehnologichni-innovatsiyi-u-virobnitstvi-skla-dlya-avtomobilnih-far

  4. you can say that green health is the best because it is all organic::

  5. Trefdfg表示:

    Здравствуйте!
    Можно ли купить аттестат о среднем образовании? Основные рекомендации
    diploms-man.ru/diplom-tehnikuma
    Рады оказаться полезными!.

  6. RandyLunda表示:

    acquisto farmaci con ricetta: Farmacia online migliore – Farmacia online piГ№ conveniente

  7. сайт stroki表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Студия Stroki, расположенная в Перми, специализируется на профессиональной разработке сайтов. Мы обеспечиваем отличный результат для вашего бизнеса.

    Разработка сайтов от компании Stroki – это гарантия успеха для ваших проектов. Мы предлагаем полный цикл создания сайтов, учитывая все ваши пожелания.

    Агентство Stroki славится своим опытом в разработке сайтов, что позволяет нам гарантировать высокое качество. Наши проекты включают передовые решения и платформы, чтобы создать для вас успешный и эффективный сайт.

    Действуйте сейчас и свяжитесь с нами для создания сайта в агентстве Stroki. Мы готовы помочь вам достичь успеха. Компания Stroki – проверенное решение для разработки сайтов.

  8. TomasRop表示:

    Farmacia online piГ№ conveniente: acquistare farmaci senza ricetta – Farmacia online piГ№ conveniente

  9. дизайн студия stroki表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Студия Stroki, работающая в Перми, предоставляет качественном создании сайтов. Мы обеспечиваем прекрасный результат для ваших проектов.

    Разработка сайтов от компании Stroki – это надежное решение для вашего бизнеса. Мы занимаемся разработку сайтов с нуля, под ваши цели и задачи.

    Компания Stroki обладает богатым опытом в веб-разработке, что позволяет нам гарантировать высокое качество. Наши проекты включают современные технологии и платформы, чтобы предложить вам сайт, который будет работать.

    Не откладывайте на завтра и закажите разработку сайта в компании Stroki. Мы ждем вашего звонка реализовать ваши идеи. Компания Stroki – проверенное решение для создания сайтов.

  10. Timothyzew表示:

    https://kamagrait.pro/# farmaci senza ricetta elenco

  11. TomasRop表示:

    acquisto farmaci con ricetta: super kamagra – farmacia online

  12. TomasRop表示:

    farmacie online sicure: Avanafil compresse – comprare farmaci online all’estero

  13. it компании пермь表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Студия Stroki, работающая в Перми, специализируется на качественном создании сайтов. Наши специалисты гарантируют высокое качество для ваших онлайн-платформ.

    Веб-разработка от компании Stroki – это гарантия успеха для вашего бизнеса. Мы предлагаем разработку сайтов с нуля, под ваши цели и задачи.

    Stroki имеет обширный опыт в создании сайтов, благодаря чему мы можем обеспечивать отличный результат. Наши проекты включают новейшие инструменты и технологии, чтобы создать для вас сайт, который будет работать.

    Действуйте сейчас и свяжитесь с нами для создания сайта в агентстве Stroki. Мы ждем вашего звонка реализовать ваши идеи. Stroki Пермь – ваш надежный партнер для разработки сайтов.

  14. строки разработка по пермь表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Агентство Stroki, работающая в Перми, предоставляет разработке и создании сайтов. Наши специалисты гарантируют прекрасный результат для ваших онлайн-платформ.

    Создание сайтов от агентства Stroki – это надежное решение для вашего бизнеса. Мы предлагаем разработку сайтов с нуля, под ваши цели и задачи.

    Агентство Stroki славится своим опытом в создании сайтов, благодаря чему мы можем достигать превосходных результатов. Мы работаем с новейшие инструменты и технологии, чтобы предложить вам успешный и эффективный сайт.

    Не откладывайте на завтра и обратитесь к нам для разработки сайта в Stroki. Мы готовы помочь вам достичь успеха. Компания Stroki – проверенное решение для вашего веб-проекта.

  15. StephenDeery表示:

    Howdy! Do you use Twitter? I’d like to follow you if that would be okay. I’m definitely enjoying your blog and look forward to new updates.

    https://powerfactory.com.ua/novitni-tehnologiyi-u-virobnitstvi-skla-dlya-avtomobilnih-far

  16. строки пермь агентство表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Агентство Stroki, работающая в Перми, предлагает профессиональной разработке сайтов. Мы обеспечиваем прекрасный результат для ваших проектов.

    Веб-разработка от Stroki – это гарантия успеха для ваших идей. Мы предлагаем разработку сайтов с нуля, учитывая все ваши пожелания.

    Компания Stroki обладает богатым опытом в создании сайтов, что позволяет нам обеспечивать отличный результат. Мы используем современные технологии и платформы, чтобы разработать функциональный и привлекательный сайт.

    Действуйте сейчас и закажите разработку сайта в агентстве Stroki. Мы здесь, чтобы помочь вам достичь успеха. Stroki – проверенное решение для вашего веб-проекта.

  17. NathanDum表示:

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

    Level 2 – 3000 URL Rerouted hyperlinks

    Tertiary – 20000 connections blend, remarks, posts

    Utilizing a link hierarchy is advantageous for online directories.

    Demand:

    One link to the platform.

    Key Phrases.

    True when 1 keyword from the website title.

    Remark the supplementary feature!

    Vital! Top connections do not overlap with Secondary and 3rd-order connections

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

  18. NathanDum表示:

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

    Middle – 3000 link Forwarded hyperlinks

    Tertiary – 20000 connections combination, comments, posts

    Employing a link network is useful for web crawlers.

    Necessitate:

    One connection to the website.

    Keywords.

    Valid when 1 keyword from the page title.

    Note the extra feature!

    Essential! First-level connections do not coincide with 2nd and Tertiary-tier connections

    A link network is a mechanism for boosting the flow and backlink portfolio of a online platform or social network

  19. TomasRop表示:

    viagra originale recensioni: viagra online – viagra naturale in farmacia senza ricetta

  20. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 links with placement inside compositions on article portals

    Secondary – 3000 link +Redirect references

    Level 3 – 20000 connections blend, comments, writings

    Utilizing a link network is advantageous for indexing systems.

    Require:

    One link to the domain.

    Query Terms.

    Valid when 1 query term from the page topic.

    Highlight the supplementary offering!

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

    A link structure is a tool for enhancing the liquidity and backlink portfolio of a internet domain or social network

  21. строки пермь сайт表示:

    Stroki: Профессиональная разработка и создание сайтов в Перми

    Агентство Stroki, из Перми, предоставляет качественном создании сайтов. Наши специалисты гарантируют прекрасный результат для ваших онлайн-платформ.

    Разработка сайтов от Stroki – это успешный старт для вашего бизнеса. Мы занимаемся полный цикл создания сайтов, с учетом ваших потребностей.

    Компания Stroki обладает богатым опытом в создании сайтов, что дает нам возможность обеспечивать отличный результат. Мы используем современные технологии и платформы, чтобы разработать функциональный и привлекательный сайт.

    Действуйте сейчас и свяжитесь с нами для создания сайта в агентстве Stroki. Мы здесь, чтобы помочь вам достичь успеха. Stroki – лучший выбор для разработки сайтов.

  22. I wanted to thank you for this wonderful read!! I definitely enjoyed every bit of it. I’ve got you book marked to check out new stuff you post…

  23. RandyLunda表示:

    viagra generico recensioni: viagra farmacia – viagra originale in 24 ore contrassegno

  24. Lazroig表示:

    Добрый день!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по доступным тарифам.
    diplomrushkan.ru/attestat-9-klassov

  25. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 references with placement contained in pieces on writing domains

    Level 2 – 3000 domain Forwarded hyperlinks

    Lower – 20000 links assortment, posts, writings

    Implementing a link network is beneficial for indexing systems.

    Require:

    One connection to the domain.

    Keywords.

    True when 1 query term from the website subject.

    Note the extra feature!

    Important! First-level links do not intersect with 2nd and Tier 3-order connections

    A link pyramid is a tool for enhancing the circulation and inbound links of a digital property or social network

  26. Trefkxw表示:

    Добрый день!
    Удивительно, но купить диплом кандидата наук оказалось не так сложно
    mandiplomikx.ru/diplom-tehnikuma
    Рады оказать помощь!.

  27. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 connections with inclusion contained in pieces on writing sites

    Middle – 3000 link Forwarded hyperlinks

    Lower – 20000 references assortment, remarks, writings

    Using a link pyramid is helpful for online directories.

    Require:

    One link to the domain.

    Query Terms.

    True when 1 key phrase from the page title.

    Remark the complementary feature!

    Vital! First-level hyperlinks do not overlap with Tier 2 and 3rd-level hyperlinks

    A link hierarchy is a device for increasing the liquidity and referral sources of a online platform or social media platform

  28. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 hyperlinks with inclusion contained in pieces on content domains

    Level 2 – 3000 link Forwarded links

    Lower – 20000 hyperlinks combination, posts, articles

    Employing a link hierarchy is helpful for web crawlers.

    Necessitate:

    One connection to the site.

    Key Phrases.

    Correct when 1 query term from the content subject.

    Highlight the complementary offering!

    Crucial! Top hyperlinks do not overlap with 2nd and 3rd-tier hyperlinks

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

  29. RandyLunda表示:

    viagra generico recensioni: viagra senza prescrizione – viagra consegna in 24 ore pagamento alla consegna

發佈留言

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