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

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

傳統的開發模式


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

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

前、後端分離


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

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

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

前、後端分手後的好處

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

1. 權責區分明確

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

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

2. 跨平台的API應用

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

3. 平行的開工時間

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

You may also like...

19,486 Responses

  1. Youre so cool! I dont suppose Ive read something like this before. So good to seek out somebody with some authentic thoughts on this subject. realy thanks for starting this up. this web site is one thing that is wanted on the net, someone with a bit of originality. helpful job for bringing something new to the web!

  2. RandyLunda表示:

    acquisto farmaci con ricetta: Cialis generico farmacia – farmacia online

  3. Lazrwcp表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по разумным тарифам.
    rushkadiplomikx.ru/otzyvy-i-kommentarii

  4. TomasRop表示:

    farmacie online autorizzate elenco: kamagra gel prezzo – farmacie online sicure

  5. Lazruku表示:

    Добрый день!
    Купить диплом о высшем образовании.
    mandiplomikx.ru/attestat-za-9-klass

  6. NathanDum表示:

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

    Tier 2 – 3000 domain Redirected links

    Level 3 – 20000 references combination, feedback, writings

    Employing a link hierarchy is beneficial for online directories.

    Necessitate:

    One link to the website.

    Keywords.

    Accurate when 1 key phrase from the resource title.

    Note the additional service!

    Vital! Tier 1 links do not intersect with Tier 2 and Tier 3-rank references

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

  7. RandyLunda表示:

    farmacia online: Farmacie online sicure – Farmacie online sicure

  8. TomasRop表示:

    farmacie online affidabili: Cialis generico controindicazioni – acquistare farmaci senza ricetta

  9. RandyLunda表示:

    farmacie online sicure: Farmacie on line spedizione gratuita – Farmacie on line spedizione gratuita

  10. Trefnif表示:

    Добрый день!
    Парадокс, но купить диплом кандидата наук оказалось не так и сложно
    mans-diplomasxx.ru/kupit-diplom-v-ufe
    Рады оказать помощь!.

  11. TomasRop表示:

    Farmacie online sicure: kamagra oral jelly consegna 24 ore – acquistare farmaci senza ricetta

  12. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 connections with placement within writings on content sites

    Tier 2 – 3000 URL Forwarded connections

    Tier 3 – 20000 links assortment, comments, entries

    Implementing a link network is helpful for search engines.

    Demand:

    One reference to the platform.

    Search Terms.

    Accurate when 1 search term from the website topic.

    Note the supplementary functionality!

    Important! Top connections do not overlap with 2nd and Tier 3-tier references

    A link pyramid is a mechanism for increasing the movement and referral sources of a online platform or social media platform

  13. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Level 1 – 500 links with positioning embedded in pieces on article domains

    Tier 2 – 3000 web address Rerouted references

    Lower – 20000 hyperlinks blend, feedback, entries

    Utilizing a link hierarchy is helpful for online directories.

    Require:

    One connection to the site.

    Query Terms.

    Accurate when 1 query term from the content title.

    Observe the complementary functionality!

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

    A link structure is a device for elevating the movement and backlink portfolio of a internet domain or social media platform

  14. NathanDum表示:

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

    Tier 2 – 3000 link Forwarded links

    Tertiary – 20000 hyperlinks assortment, feedback, posts

    Employing a link network is beneficial for online directories.

    Necessitate:

    One connection to the website.

    Query Terms.

    Accurate when 1 query term from the page heading.

    Remark the complementary offering!

    Important! Top links do not overlap with Tier 2 and Tier 3-tier hyperlinks

    A link hierarchy is a instrument for elevating the liquidity and backlink portfolio of a internet domain or social media platform

  15. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 connections with positioning contained in articles on article portals

    Tier 2 – 3000 web address Rerouted references

    Tier 3 – 20000 links blend, comments, articles

    Employing a link pyramid is helpful for online directories.

    Need:

    One hyperlink to the site.

    Keywords.

    Accurate when 1 search term from the content title.

    Observe the complementary offering!

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

    A link hierarchy is a instrument for boosting the liquidity and inbound links of a digital property or social media platform

  16. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Top – 500 hyperlinks with integration embedded in writings on writing sites

    Level 2 – 3000 URL Redirected hyperlinks

    Lower – 20000 hyperlinks assortment, comments, articles

    Utilizing a link structure is helpful for online directories.

    Require:

    One reference to the site.

    Query Terms.

    Accurate when 1 query term from the content title.

    Note the extra offering!

    Vital! Primary hyperlinks do not coincide with Secondary and Tier 3-rank references

    A link hierarchy is a device for elevating the movement and inbound links of a online platform or social network

  17. RandyLunda表示:

    farmacia online piГ№ conveniente: Farmacie che vendono Cialis senza ricetta – Farmacie online sicure

  18. Mazrhgd表示:

    Привет, друзья!
    Диплом техникума купить официально с упрощенным обучением в Москве
    rushkas-diplomasxx.ru/kupit-diplom-moskva

  19. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 connections with positioning embedded in pieces on writing portals

    Tier 2 – 3000 web address Redirected links

    Lower – 20000 links blend, remarks, posts

    Utilizing a link pyramid is helpful for web crawlers.

    Necessitate:

    One link to the website.

    Query Terms.

    Valid when 1 query term from the resource heading.

    Remark the complementary feature!

    Vital! Top references do not coincide with Secondary and Tertiary-level connections

    A link network is a device for boosting the movement and referral sources of a digital property or virtual network

  20. Mazrghi表示:

    Добрый день!
    Как приобрести диплом техникума с минимальными рисками
    rushkadiplomik.ru

  21. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Primary – 500 references with placement embedded in articles on writing platforms

    Secondary – 3000 link Forwarded links

    Tertiary – 20000 connections assortment, feedback, entries

    Employing a link hierarchy is advantageous for indexing systems.

    Require:

    One link to the platform.

    Key Phrases.

    Correct when 1 keyword from the resource title.

    Observe the supplementary functionality!

    Vital! Tier 1 connections do not coincide with 2nd and Tertiary-rank hyperlinks

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

  22. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 links with inclusion contained in pieces on writing portals

    Middle – 3000 web address Forwarded connections

    Tier 3 – 20000 references assortment, feedback, articles

    Implementing a link pyramid is beneficial for indexing systems.

    Need:

    One reference to the website.

    Key Phrases.

    Valid when 1 keyword from the content topic.

    Highlight the supplementary feature!

    Important! Tier 1 connections do not intersect with Secondary and Tier 3-rank connections

    A link pyramid is a instrument for enhancing the flow and link profile of a digital property or social media platform

  23. NathanDum表示:

    Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 hyperlinks with inclusion contained in pieces on article platforms

    Level 2 – 3000 domain Rerouted connections

    Tertiary – 20000 connections blend, posts, entries

    Using a link network is beneficial for indexing systems.

    Necessitate:

    One reference to the domain.

    Search Terms.

    Correct when 1 query term from the website heading.

    Note the complementary offering!

    Vital! Primary links do not coincide with 2nd and Tertiary-tier hyperlinks

    A link structure is a tool for elevating the movement and inbound links of a online platform or online community

  24. Hi there! This post could not be written any better!
    Reading this post reminds me of my old room mate! He always kept talking about this.
    I will forward this write-up to him. Fairly certain he will have a good
    read. Thank you for sharing!

    My blog – 유명작곡가 마약

  25. RandyLunda表示:

    п»їFarmacia online migliore: avanafil 100 mg prezzo – top farmacia online

  26. arenda_tgpa表示:

    Что нужно знать при выборе трактора для аренды|Топ-3 компаний по аренде тракторов|Сравнение затрат на аренду и покупку трактора|Онлайн-платформы для аренды тракторов: как выбрать лучшую|Как избежать негативных моментов при аренде трактора|Секреты долгосрочной аренды трактора|Топ-5 ошибок при выборе трактора в аренду|Советы по аренде трактора для частного пользования|Услуги аренды тракторов и спецтехники на выезде|Лучшие предложения по аренде мини-тракторов|Преимущества сотрудничества с проверенными компаниями по аренде тракторов|Тракторы на день: выгодная аренда на краткий период|Плюсы сотрудничества с профессиональными водителями тракторов|Что нужно знать, чтобы сделать правильный выбор трактора|Какая техника будет наиболее эффективной для ваших задач|Где найти выгодные предложения по аренде тракторов в вашем городе|Как оценить качество услуг по аренде трактора|Идеи использования трактора в качестве декора на свадьбе|Тракторы для аренды: как выбрать оптимальный вариант|Бетономешалка в аренду: дополнительное оборудование для трактора|Как выбрать компанию с наилучшими условиями по аренде тракторов|Что нужно знать перед арендой трактора для строительства|Аренда тракторов для сельского хозяйства: особенности и нюансы|Как оценить профессионализм компании по аренде тракторов|Как выбрать компанию с быстрой и надежной доставкой трактора|Тракторы на дачу: удобство и функциональность
    аренда трактора цена https://arenda-traktora-skovshom.ru/ .

  27. arenda_mypa表示:

    Что нужно знать при выборе трактора для аренды|Топ-3 компаний по аренде тракторов|Сравнение затрат на аренду и покупку трактора|Шаг за шагом инструкция по аренде трактора через интернет|Объективное сравнение преимуществ и недостатков аренды трактора|Советы по оптимизации расходов при аренде спецтехники|Как не попасть на уловки арендодателей тракторов|Советы по аренде трактора для частного пользования|Трактор на выезд: прокат машин в передвижном формате|Как выбрать идеальный мини-трактор для аренды|Почему стоит выбрать аренду трактора у профессионалов|Краткосрочная аренда тракторов: что нужно знать|Плюсы сотрудничества с профессиональными водителями тракторов|Что нужно знать, чтобы сделать правильный выбор трактора|Сравнение популярных моделей тракторов для аренды|Аренда тракторов по городу: удобство и доступность|Критерии выбора арендодателя тракторов|Как арендовать трактор для свадебного торжества|Как избежать ошибок при выборе трактора для аренды|Услуги по аренде бетономешалок: плюсы и минусы|Где найти идеальный трактор для аренды|Советы по подбору трактора для строительных работ|Лучшие предложения по аренде тракторов для сельского хозяйства|Как оценить профессионализм компании по аренде тракторов|Плюсы сотрудничества с компаниями, предоставляющими услуги доставки тракторов|Тракторы на дачу: удобство и функциональность
    трактор экскаватор аренда https://arenda-traktora-skovshom.ru/ .

發佈留言

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