Get Data From MongoDB Atlas to HTML using EJS
HTML-код
- Опубликовано: 10 сен 2024
- Merry Christmas my internet friends! :)
In this tutorial we are going to learn about EJS and how we can use it to get the data from MongoDB Atlas to HTML table.
Here is the link to my git repo:
github.com/mar...
For more, please:
Follow me on instagram: / marina_webdev
Visit my website which is under continuous improvement: musedesigns.te...
Shop for my programmers merch designs: teespring.com/...
Equipment used:
- MacBook Pro 2019 (amzn.to/31keIsC)
- iPhone 6s Plus (amzn.to/2FJdy1k)
- Phone holder with lamp (bit.ly/2Eju08g)
- Keepword Blogger microphone (bit.ly/3aP3mQB)
Software used:
- Viddyoze video making software (bit.ly/3l6wwPT)
- iMovie (video editing)
- Canva (RUclips thumbnail)
- CloudApp (video recording)
Background music/Copyright: Wet Wet Wet - Love is All Around
See you in the next video!
Merry Christmas Marina🍀🌠🙏☃️.
Merry Christmas to you! 😃🥳
Thank you, I was looking for 2 weeks, how to do that and now I'm able to continue my website!
And thank you for feedback)
It's my first time on her channel and seriously the whole tutorial was so simple ,thanks for all your efforts😇😇
thank you marina. I did not see this tutorial in other youtube channels at all. thank you❤
update on syntax in your server file :
Movie.find().then((movies) => {
res.render("index", {
moviesList: movies
});
............... Reason being that mongo is no longer supporting callbacks but is instead using an async method hope this helps someone out there.
It is a first time I watch a girl tutorial for coding.... And I understood at last how to pass mongo db data to html!!! Thank you!
Thank you so much for feedback 🥰
Thankyou so much ma'am. Almost for one month I was stuck in this part while doing my project. You just saved me for wasting another week for this. Best explanation on how to get data from mongodb.
Omg thank you so much for the feedback)
Aww thats the cutest and most productive tutorial that i have seen recently😊
Im from Argentina, and i dont know much English, but i understand you, thats amaezing, and thank you!
This is literally the best video that explains a lot as regards ejs and mongodb, thanks a lot.
Thank you for the feedback 🥰👏
Thanks, Marina. Just what I needed!
Great tutorial! Appreciate how simple and accessible you make difficult topics.
Thank you so much 🥰
Tysm....I was stuck for this issue for the last 1 week....& I was trying to do it using 'axios' bt couldn't load my data in my ejs file....it was really helpful....thnq once again 💓❤️❤️
And thank you for feedback 🥰
You are great! KEEP GOING THIS STUFF!
Ah thanks so much 😃
Thank you so much, the easiest explanation for ejs out there!
Marina, thank you for these excelent tutorials!!
Nice Tutorial on Ecpress, EJS and MongoDB with Mongoose. Very easy to follow. Thanks, Marina.
{2023-08-20}
This video was amazing, thank you for this Marina!
Really Helpful Thank You!!! Marina 🥂
OMG YOU SAVED MY LIFE THANK YOU
Thank you so much Marina! You saved my life...!!! 🥳🥳🥳
Thanks for your work❤
thank u so much marina
Thanks, this tutorial helped me a lot!
i got this error inthe end what i do ....MongooseError: Model.find() no longer accepts a callback
This must be the only Tutorial where I laugh while learning. Thanks.
😂😂thanks to you too and sorry for such late reply
Thanks, that what I was looking for
Thank You very Very Much Marina 🙏🙏🙏🤗
Thank you your tutorial is really helpful.
:-) looking for this.. quite extensive for a new learner but very well explained. Thank you
Awesome!! do you have an update video since the call back function on mongoose has been deprecated? Thanks!
Hello marina,
Thank you and very helpful. But I ask permission to ask, I have done all the steps in your video, but when I try console.log(data.find()) it doesn't work, only 0 collection signal, how to solve it?
Thank you so much! 🙏 That's great!
How do i create a slideshow to display an array one after another from mongo db in my HTML?? Help
Love from India ❤❤❤
Thanks a lot, great explanation
Thank you!!
please make 1 auto data filling like technician service report form in html css js using mongodb data base with download option
Hello, i need help for my question.
I want push data to array from promise (.then()) but i cant doing that
Example:
""
let newArray = [ ];
let mailForFindOne = req.session.mail;
let numbers= [ ];
User.findOne({mailForFindOne})
.then((response) => {
console.log(response); // result: [1,2,3,4,5,6]
numbers.push(response);
})
console.log(numbers) // result: [ ]
""
Shouldn't "numbers" be "[1,2,3,4,5,6]"?
why "numbers" doesnt have "[1,2,3,4,5,6]" ?
help me please :(
thank you so much for this video ❤❤❤❤❤❤❤❤❤❤❤❤
This is really useful for my di.scord bot!
Thank youuuuuuu. You are awesome..
Am I the only one that wants my keyboard to sound like this?
Edit: This is really an excellent learning experience because you talk through the process naturally as you are doing it. I am just wondering what is the reason you needed to add "err"?
😂I also enjoy the keyboard sounds though some people complain.. About err I guess it was required as an argument and without it it wouldn’t recognize the other argument, but I have to rewatch the tutorial to remember better)
How to send data of ejs file to database?
how Can I retrieve data of multiple collection from same Databse in one ejs templet?
Thanks for the video!
Great Job. Thanks!!!!!!!!!
Great video it helped me a lot =) Thx!
Thank you 😊
Well, if we add some stuff in the db, will it get updated realtime?
Amazing thank you alot
Thanks , love from India😍
It's working and all ty (tho I made the schema code as a separate module) but is there a better way to do all this without need 4356436523 modules like express/ejs? I don't like to have a html file and a ejs file, whats the point of the html file if everything need to be done in the ejs mmh... Geez sometimes I think programming javascript is less messy than call a single variable from external file in html where need 20 bilions of files.
in ejs forEach() function ,it shows error that movieList not defined.
thank you,i want more videos
Thanks 🦋
thank you very much
Thank you so much
Hey Marina thank you so much for this tutorial. I am getting 1 error however, "throw er, unhandled error event" not sure how to solve this do you know how? Tysm
actually i figured it out, your tutorial is amazing thanks!
@@hehexd7775 hey) sorry for such late reply these past two months were craaazy)) I’m happy you solved it, I guess when you do a promise you need to catch an err, I just avoid it for simplicity)
Thank you
Hello Marina, i have another question, if you can point me to a different resources if you don't have the tutorial.
here's the question/ problem.
How do i perform a crud operation on the EJS page where my collections are displayed and have them update back to mongo db?
I'll appreciate a quick response cos i have a deadline
When is your deadline?))))
@@marinakim2929 Tuesday.
Hi you video was very helpful but I am getting error 'forEach' as undefined, any recommendations do you give.
Hi) thank you!! It looks like you’re not passing the values to the EJS variable. It’d help me to look through your code)
@@marinakim2929 how to show you code?
Thanks Marina
is it possible to create a project using mongodb as caching database, while mysql as the real database?
That’s a interesting question, let me research that
This is great and thank you very much.
But when I doing the example, I got the error like below,
3|
4|
>> 5|
6|
7|
8|
Cannot read property 'forEach' of undefined
could you please help with this?
Yes I think you had the same issue as me, maybe try passing the error as a first argument in the server.js file
i want to post data to mongo atlas, which is an object and it gives me an error, what should I do now? kindly guide
I got this error
Error: Objects are not valid as a React child (found: object with keys {value}). If you meant to render a collection of children, use an array instead.
Thank you so much for the tutorial! Soo helpful❤ can u also do a tutorial on how you can update the values in frontend, so that it reflects in the database.
Hi) thank you!! I have couple of tutorials on this where you post data from html to mongodb and from react front end to mongodb ☺️
Ah you mean update not create?) ok understood, will do!
I love you so much !!!
😌😌thank you, Thuong Nguyen 😘
Спасибо, очень помогли)
Keep growing you're going to make 1 lack subscriber soon
Thanks and sorry I didn’t get your comment 😁
@@marinakim2929 your videos are good far better than channel having 100k+ subscriber , that's what I am saying this channel is going to gain too much subscriber
@@kalyanking1080 ooooh thanks so much))) yes I will definitely continue and also improve.. buy a good camera, mic, learn new tricks in MERN 😋😋
Can you do an app with front end react and backend mongoDb and connect them with authentication user please
Yes sure) will do
Kuddos, again helped me
please ms , how can the student enter him code and appear the certificate for him?
Hello) sorry i'm not sure i understood the question.
@@marinakim2929 I have a project. When the student wants a graduation certificate, they just enters the code and a certificate will appear. I have not found a solution for this project yet
Не могли бы вы снять видео как отправлять дата в монго из формы,
u r a fkin savior
Мне кажется, когда ты говоришь про another tutorial надо ссылку сверху добавлять или сбоку, ну в общем как это бывает у всяких блоггеров. Я правда не знаю как это делается, но думаю не сложно )))))
Просто так ваще классно будет. Типа ты пальчиком вверх в правый угол показываешь и там появляется совет "перейти сюда"
А так, как всегда классное видео!
Блин, точно) спасибо, попробую сегодня
И да, merry Christmas!!!
Merry Christmas 😁
hello thank you for the video its very helpfull but i am strugling with an issue wich is that the data is not showing on the browser without any error any solution for that please ?
I am facing the same bro
If you fixed it please tell me how
Hi Marina!
Great video as always.
Do you know how to add a filter or a search in this app?
Ctrl + F
wao ammazing !
Марина, добрый день, было бы круто если бы вы смогли освятить больше тему полнотекстового поиска, что это и как реализуется посредством движков в mongodb!
Отличная идея, спасибо) займусь
How to store these in a table😥
Wait, why did you show us your server password?
Mam plz make a video of how to update and delete also plzzzzzzz
Suuure I’m already preparing it, will publish tomorrow🙂👏
Where did you get your shirt!!! I love it!
Hi) I designed it, it’s in my teespring store 😋thank you!!
Hey please make authentication video using nodejs using passport
Hi)) sure I will do. I have a video how to make Facebook authentication using passport
i keep having an undefined movieLIST
doesn't work for me
Спасибо очень классно
u r dope!!!
I love you
Thank you for this.. you are a life saver. i have one more question. how do i pass an aggregate function over to html. ( i want the total number of document to be seen in my html, and to update anytime a document is added. been on this for 2 days now...no show..can anyone please help?
.
I’ll have a look into that) thanks for the feedback
@@marinakim2929 Thanks ... I appreciate...
@@marinakim2929 Hello Marina.. any luck with passing mongodb aggregate to ejs yet?
@@xcellentmotionz I think there’s a dab.collection.count() function that you can use to store the number of documents. You can pass it to ejs the same way as other variables 😌
@@xcellentmotionz then for the update try the onChange method on the form tag
Hi Marina, I hope you are doing well. Your tutorials are great/very helpful. I need to do something similar to this but I don't want to return all the records from the collection. I would like to have fields on the EJS page where parameters will be passed to MongoDB to retrieve a single record and displayed on another EJS page. I also left an IG message for you on this topic.
Omg I’m so late with the reply, must have missed it or something.. your question is quite interesting and I added to my list of tutorials :)
She is so cute man 😍😍
Thanks
please make a video get data mongoDB Atlas using reactjs as frontend
Thanks)) I have a video covering that.. something like MERN crud operations
Yeah, why you stop uploading the videos?
@@talhazulfiqar571 cause I’m working in big4 now 😂😂😂😂
what is big4? company?
@@talhazulfiqar571it’s one of big four consulting companies.. so now it’s hard for me to manage job and RUclips)
thanks so much!
btw this character _ is called "underscore" :)
________
:)
Ah thanks)))) i thought it’s lodash hehe
THE CURSED NUMBER OF LIKES
You look like your coding... 🙂
Smart and Hot....
Take my love... 🥰
I am a noob and this is not a turtorial for noobs....
OMG you're so cute
Ah thank you))
Thank you