Как сортировать на стороне сервера без запроса?

Мое приложение написано на expressjs, handlebars, mongoose / mongodb, и я не могу услышать, как мне отсортировать свой массив, прежде чем handlebars его напечатает.

app.js (точка входа)

var debug = require('debug');
var express = require('express');
var fs = require('fs');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var exphbs = require('express-handlebars')

... 
...

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.engine('hbs', exphbs({ extname: '.hbs', defaultLayout: 'layout' }));
app.set('view engine', 'hbs');

app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(session({
    secret: 'gh jewellery',
    resave: false,
    saveUninitialized: false,
    cookie: { secure: false }


}));


app.use(function (req, res, next) {
    console.info('middleware was called');
    res.locals.session = req.session;
    req.session.LoggedIn = false;

    next();
});

Выше я объявляю сеанс локальной переменной, поскольку я буду использовать ее в своем представлении макета. Вкратце, он состоит из панели навигации, которая будет содержать значок уведомления, значок имени пользователя и значок сообщения с соответствующими данными. Ниже находится layout.hbs

layout.hbs

<!doctype html>
<html lang = "en">
<head>
   ...

    <title></title>
</head>
<body>
    <nav class = "navbar navbar-expand navbar-light bg-light sticky-top">
        <a class = "navbar-brand" id = "cus" href = "/" style = "font-size:12px;"></a>

        {{#if session.loggedIn}}

        <div class = "collapse navbar-collapse" id = "navbarNavDropdown">
            <ul class = "navbar-nav ml-auto">

                <li class = "nav-item dropdown ">
                    <a class = "nav-link" href = "#" id = "navbarDropdownMenuLink" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false">
                        <i class = "far fa-bell fa-lg" style = "color:darkblue;"></i><span class = "label label-info"> {{session.user.notification.counter}}</span>
                    </a>


                    <div class = "dropdown-menu dropdown-menu-right" aria-labelledby = "navbarDropdownMenuLink">
                        {{#each session.user.notification.notidata}}
                        <div class = "dropdown-item" href = "#">
                            <div>
                                <h6>{{data.heading}}</h6>
                                <small>{{data.para}}</small>

                                <small class = "text-muted">{{notidate}}</small>
                                <a style = "float:right; font-size:8px;" href = "#" class = "badge badge-secondary">Mark As Read</a>

                            </div>
                        </div>
                        <div class = "dropdown-divider"></div>
                        {{/each}}
                        <form action = "/logout" method = "post">
                            <button class = "btn btn-light btn-block logoutbutton" type = "submit">View All Notifications</button>
                        </form>
                    </div>
                </li>
                <li class = "nav-item dropdown ">
                    <a class = "nav-link" href = "#" id = "navbarDropdownMenuLink" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false">
                        <i class = "far fa-envelope fa-lg" style = "color:darkblue;"></i><span class = "label label-info"> {{session.user.message.counter}}</span>
                    </a>


                    <div class = "dropdown-menu dropdown-menu-right" aria-labelledby = "navbarDropdownMenuLink">
                        <a class = "dropdown-item" href = "#">
                            <div>
                                <h6>Heading</h6>
                                <small>This is the paragramgh look pretty cool to me if you ask!</small>
                            </div>
                        </a>
                        <div class = "dropdown-divider"></div>
                        <form action = "/logout" method = "post">
                            <button class = "btn btn-light btn-block logoutbutton" type = "submit">View All Messages</button>
                        </form>
                    </div>

                </li>
                <li class = "nav-item dropdown ">
                    <a class = "nav-link " href = "#" id = "navbarDropdownMenuLink" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false">
                        <i class = "fas fa-user-circle fa-lg" style = "color:darkblue;"> {{session.user.username}}</i>
                    </a>
                    <div class = "dropdown-menu dropdown-menu-right" aria-labelledby = "navbarDropdownMenuLink">
                        <a class = "dropdown-item" href = "/profile/{{session.user._id}}">Profile</a>
                        <div class = "dropdown-divider"></div>
                        <a class = "dropdown-item" href = "/adreqform">Post an Order</a>
                        <div class = "dropdown-divider"></div>
                        <a class = "dropdown-item" href = "/managereq">Manage Order Requests</a>
                        <div class = "dropdown-divider"></div>
                        <form action = "/logout" method = "post">
                            <button class = "btn btn-light btn-block logoutbutton" type = "submit">Logout</button>
                        </form>
                    </div>
                </li>
            </ul>

            {{/if}}
            {{#unless session.loggedIn}}
            <div class = "navbar-text ml-auto">
                Hello! <a href = "/signup" style = "color:darkblue">Sign up</a> or <a href = "/login" style = "color:darkblue">Login</a>
            </div>

            {{/unless}}
        </div>

    </nav>
    <div class = "container-fluid">
        <div class = "row">
            <div class = "col-md-2">

            </div>

            <div class = "col-md-7">
                {{{body}}}
            </div>

            <div class = "col-md-3">
                <div class = "w-100 ">
                    <br />

                    <div class = "card">
                        <div class = "card-body">
                            <h5 class = "card-title">Special title treatment</h5>
                            <hr>
                            <p class = "card-text">With supporting text below as a natural lead-in to additional content.</p>
                            <a href = "#" class = "btn btn-primary">Go somewhere</a>
                        </div>
                    </div>
                </div>

                <div class = "w-100">
                    <br />

                    <div class = "card">
                        <div class = "card-body">
                            <h5 class = "card-title">Special title treatment</h5>
                            <hr>
                            <p class = "card-text">With supporting text below as a natural lead-in to additional content.</p>
                            <a href = "#" class = "btn btn-primary">Go somewhere</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!--<script>
        $(document).ready(function () {
            $(".dropdown-toggle").dropdown();
        });
    </script>-->
</body>
</html>

user.models.js (модель мангуста)

var mongoose = require('mongoose');
var Schema = mongoose.Schema;


var UserSchema = new Schema({

    username: String,
    email: String,
    password: String,
    company: String,
    contact: Number,
    country: String,
    isLoggedIn: Boolean,
    createdOn: { type: Date, default: Date.now },
    ads: [{ type: Schema.Types.ObjectId, ref: 'Ad' }],
    notification: {
        counter: Number,
        notidata: [{
            notiId: Schema.Types.ObjectId,
            notidate: { type: Date, default: Date.now },
            data: {
                heading: String,
                para: String
            },
            notistatus: {type: Boolean, default: false}
        }]
    }

});


var User = module.exports = mongoose.model('User', UserSchema);

myroute.js (частичный код, которого достаточно, чтобы объяснить мою проблему)

                var user3 = {
                username: req.body.username,
                email: req.body.email,
                password: req.body.password,
                country: req.body.country


            };

            var newuser = new User(user3);
            newuser.save(function (err, newuser) {
                if (err) {
                    console.info(err);

                }
                req.session.user = newuser;
                req.session.loggedIn = true;
                req.session.save();

Обратите внимание, как я назначаю req.session.user текущему пользователю через

req.session.user = newuser;

Теперь у меня есть проблема, поскольку layout.hbs не попадает в маршрут, когда он вызывается при первом открытии localhost:3000, в какой момент я могу отсортировать массив notidata. По сути, все документы user содержат данные уведомлений в массиве notidata и печатаются в layout.hbs с помощью хелпера #each. Я хочу, чтобы notidata отсортировал по дате, а затем распечатал, но поскольку не существует маршрута, который подвергается ударам, я не знаю, где я могу сделать что-то вроде User.find().sort(notidate: 'desc')..., или, может быть, это даже не то, как это будет сделано? Это session.user, который печатает notidata, я так растерялся.

Поскольку session.user - это то, что печатает notidata в layout.hbs, как мне отсортировать его перед просмотром? Я где-то читал, что могу использовать пользовательский помощник по рулям на интерфейсе, который сначала сортирует, а затем повторяет notidata, но я хочу отсортировать его на стороне, а затем вывести его в представление.

Я думаю, что дата пользователя вернется, когда он / она войдет в систему. Есть ли у вас какой-либо маршрут, который указывает на аутентификацию или /login? там вы можете найти пользователя и вернуть его по своему усмотрению

— 07.11.2018 19:06

Решено здесьstackoverflow.com/questions/53198702/…

— 07.11.2018 23:55

javascript node.js express mongoose

07.11.2018 18:58

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

когда вы создали нового пользователя и сохранили его, он вернет ваш объект пользователя. так что вы можете получить его и манипулировать или изменять в любом порядке:

   newuser.save(function (err, newuser) {
            if (err) {
                console.info(err);

            }
            //here before returning the whole user object you can sort it:
            const notidata = newUser.notification.notidata;
            const sortedNotiData = notidata.sort(function(a,b){
            return new Date(a.notidate) - new Date(b.notidate);   
          })
           // now sortedNotiDate contain sorted data so:
            newuser.nottification.notidata = sortedNotiData;
            req.session.user = newuser;
            req.session.loggedIn = true;
            req.session.save();

07.11.2018 19:25

Другие вопросы по теме

Получить IP-адрес из запроса на Http-сервере

Как использовать тикет Kerberos в приложении electronic.js?

Для запроса API Goodreads требуется Oauth, а не ключ разработчика, но при входе в систему возвращается ошибка 401?

Тестируете обратные вызовы, которые не вызываются с помощью Jest?

Есть проблемы с развертыванием на Heroku

Полагаться на результат запроса для запуска другого nodejs mysql

Ленивая загрузка с помощью Intersection Observer и смещения

Сиквелизировать вложенное обещание при создании модели внутри цикла

Обновление данных через Vuejs при изменении файла json на сервере (nodejs)

Сколько http-запросов может обработать express.js?

Как сортировать на стороне сервера без запроса?

Ответы 1

Другие вопросы по теме

Похожие вопросы