服務計算作業九 前後端分離的開發

2021-10-12 13:27:08 字數 1618 閱讀 2773

本次作業中我負責的部分是前端。

前端的實現使用了vue這款輕量級框架,在經過一些基本使用方法的學習之後實現也不算太難。

vue的安裝和啟動這些部分由於都是輸入相應命令即可,因此不再贅述,主要講講**的實現。

使用vue開發只需要修改其中src部分,而src中又主要以寫components和router為主。

router/index.js:

import vue from 'vue'

import router from 'vue-router'

import start from '@/components/start'

import index from '@/components/index'

import articledetails from '@/components/articledetails'

import login from '@/components/login'

import register from '@/components/register'

vue.use(router)

export default new router(,,,

,],mode: 'history'

})

該檔案定義了一些路由的資訊,意義大概是輸入/***,就根據component中的***來進行頁面渲染。

:router="true"

:default-active="this.$route.path"

class="header"

mode="horizontal"

@select="handleselect"

background="none"

active-text-color="rgb(87,215,238)">}

logout

register

login

其他詳細**可以到源**中檢視。

開始介面,可以選擇登入或者註冊:

註冊介面,還有格式檢查:

登入介面:

登入成功後,可以檢視部落格:

支援翻頁功能:

而且有登出按鈕,可以回到登入介面。

在本次開發中我負責前端部分的開發,主要學習使用了vue框架,vue框架對於初學者確實非常友好,而且網上能夠輕鬆找到參考的學習資料,而且本次作業要求不高,僅僅了解一些最基本的知識即可完成,如果要深入了解,還能學到更多東西。而且通過與後端開發的組員交流、檢視後端的**方式,也能學到一些後端的知識。

前後端分離開發的利與弊

事物總是多面性的,開發也不例外。現在開發流行前後端分離,分離的好處當然很多 1 後端專注業務及邏輯,前端專注於展示和互動,前後端分離的好處就是專業分工和前端展示可以多樣化。耦合度的降低增加了靈活性 2 前後端分離還是比較適合目前的應用方式 saas化 的。但前後端分離也有很多不利的地方 1 增加靈活...

Java Web開發中前後端分離的技術方案和優缺點

方案一 如果 頁面 過多,spa應用第一次載入速度會稍慢。seo困難。方案二 使用nodejs渲染web頁面,然後呼叫後端restful介面。優點 前後完全分離,後端開發者可以專注於業務邏輯開發。缺點 nodejs 如果異常處理不好容易直接掛掉程序。增加了部署和維護成本 對前端開發者技術要求比較高 ...

用Delphi開發前後端分離的Web專案

delphi傳統上是開發cs軟體和windows服務端應用的利器。在過去10年間,delphi已發展為跨平台開發工具,全面支援window android ios linux等32 64位平台。在web開發領域,從傳統的靜態html,到動態伺服器頁面 類似asp jsp php等 再到現代的前後端分...