當訪問使用者列表頁面時,要先在使用者列表頁面對應的路由處理函式中,將所有的使用者資訊從資料庫中查出來。
查詢出來後,再使用res.render()渲染使用者列表頁面模板,並且將查詢資料傳遞到模板中展示出來。
此後,再去做文章列表的分頁功能。
route資料夾下的admin.js中,有乙個建立使用者列表的路由,在它所對應的路由處理函式檔案userpage.js中,從資料庫查詢使用者資訊。
要查詢使用者資訊,就要用到使用者集合建構函式,故要將使用者集合建構函式匯入到當前檔案中。
找到views資料夾下的user.art
找到頁面中的標籤,資料庫中有多少個使用者,那麼這裡就應該有多少個
標籤。接下來,迴圈遍歷陣列即可。
遍歷方法:
>
}>
>
}td>
>
}td>
>
}td>
>
}td>
>
}td>
>
href
="user-edit.html"
class
="glyphicon glyphicon-edit"
>
a>
class
="glyphicon glyphicon-remove"
data-toggle
="modal"
data-target
=".confirm-modal"
>
i>
td>
tr>
}tbody
>
此時,可以看到使用者列表:
此時,狀態的值是0和1,並不是啟用和禁用。通過在模板中對值進行判斷。
由於_id在資料庫中的型別是特殊型別,在模板中,這種資料型別被加上了引號。通過使用@符號,將資料進行原文輸出。
此時,id不再帶有引號,使用者資訊展示功能完成了。
創新實訓部落格(34) 使用者畫像部分前端展示
import request from utils request 獲取活動資料 export function getuserstatistic 獲取使用者最喜歡的標籤 export function getuserstatistictag 獲取使用者最喜歡的博主 export function ...
部落格專案 使用者文章列表展示
伺服器端新增路由 home路由檔案 home.js 這裡home是一級路由,index.js 使用者文章介面展示 article.js 文章詳情 是二級路由 引入express伺服器 const express require express 建立路由物件 const home express.ro...
web專案開發規範 以使用者資訊列表展示為例
1.需求 使用者資訊的增刪改查操作 2.設計 1.技術選型 servlet jsp mysql jdbctempleat duird beanutils tomcat 2.資料庫設計 分析需要使用變數,為每個變數選取合適的資料型別。新增 id 變數,設定為主觀鍵字,自增 分析是否需要為變數新增約束 ...