本次作業中我負責的部分是前端。
前端的實現使用了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等 再到現代的前後端分...