前後端分離方式渲染資料(2018 11 12)

2022-09-04 12:21:08 字數 1138 閱讀 8564

一、前後端分離----渲染資料  總的來說就是在index.js中向某個埠甩出data.json中的資料 然後在.html檔案中從這個埠中獲取這個資料然後將其遍歷到網頁中

①先生成express專案

②在bin/www 中檢視埠號

④模擬乙個data.json 資料

⑥檢查是否成功引入jquery-->npm start-->  console.log($)

⑦寫index.js 用於向某個埠傳遞json檔案中的資料 

⑦向html中寫內容  

data.json//寫資料

],「count」:1

}index.js//甩資料

var express = require('express');

var router = express.router();

const data = require("../data")//引用data.json中的資料

const fs = require("fs")

router.get('/data',(req, res)=>);

module.exports = router;

list.html//拿資料 並應用

//記得要引入jquery

二、前後端分離-----新增資料

index.js

var express = require('express');

var router = express.router();

const data = require("../data")

const fs = require("fs")

router.get('/data',(req, res)=>);

router.get("/add/:username",(req,res)=>)

fs.writefilesync("./data.json",json.stringify(data));

res.json()

})module.exports = router;

add.html

新增

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...

前後端分離

在此說明 前後端分離有利於後端的快速開發,但並不利於搜尋引擎優化 seo 上圖能清晰的看到,使用前後端分離模式進行開發,瀏覽器會向伺服器傳送請求,伺服器會向瀏覽器傳送乙個類似框架的html,是固定的空殼,此時瀏覽器再使用ajax請求向後端伺服器索要資料,後端伺服器返回json字串給瀏覽器,從而使瀏覽...

前後端分離

前後端分離的好處 1 徹底解放前端 2 提高工作效率,分工更加明確。3 區域性效能提公升 4 降低維護成本 2 前後端分離的概念 後台只需要提供api介面,前端呼叫ajax實現資料呈現 3 場景和要求 4 web前端路由 就是根據url分配到對應的處理程式,原理和路由器原理相同,不同的請求位址會交給...