前端路线--Nodejs（day11）

笔记

//项目的搜索模块
/* 
1.改造userlist.ejs,添加搜索框,表单提交到:http://localhost:9527/admin/usersearch,给input框加入name='keywords';
2.给usersearch.ejs布局(cv userlist.ejs);
3.路由文件中添加接口
将userlist接口cv,只需要修改result 和 count 中的find(添加正则)
router.get('/usersearch', async (req, res) => {
    //分页功能
    let { keywords } = req.query;
    let { page = 1, size = 4 } = req.query;
    let result = await Users.find({ username: new RegExp(keywords, "gi") }).skip((page - 1) * size).limit(size);
    let count = await Users.find({ username: new RegExp(keywords, "gi") }).count();
    let pages = Math.ceil(count / size);
    res.render('admin/users/usersearch.ejs', {
        userlists: result, //用户列表
        page: Number(page), //当前页
        size: Number(size), //每页数据条数
        count: count, //总的条数
        pages: pages //总的页数
    });
});
*/



//ejs中的公共模板(存储数据)
/* 
locals ejs模块中的1个公共对象,可以存储数据,在所有的模板中共享。
 req.app.locals.username = result[0].username; //放置一个全局数据,在所模板中使用
*/



//项目导航栏中的登录功能(登录与退出)
/* 
1.在component文件夹的header.ejs中修改样式,加入欢迎xx登入和退出按钮
2.在登录路由接口,设置session的下边,设置ejs的公共模板数据
req.app.locals.username = result[0].username;
3.回到header.ejs用<%= username %>将数据插入
*/

// 项目的登出功能
/* 
1.在退出登录的a标签地址给到:http://localhost:9527/admin/loginout
2.在路由模块设置退出接口
//退出登录页面 
router.get('/loginout', (req, res) => {
    //登出页面只需要将session删除
    req.session.destroy(); //销毁session
    res.redirect('/admin/login');
});
*/

完整的项目

好谷大神管理系统完整版