I've been working on constructing a login system using Nodejs and express. The login page has all the necessary forms built with ejs.
However, in my index.html file, there's a button that is supposed to redirect users to the login page:
<button id="loginBtn">
<a href="views/login.ejs"><LI> LOGIN </LI></a>
</button>The issue I'm facing is that instead of displaying the actual page, it prints out the ejs code for the login page. Can anyone point out what mistake I might be making here?
When rendering a view in expressjs, all you need to do is specify an endpoint and call that specific endpoint.
It's important not to directly call the location of the .ejs file.
For instance, in the following code snippet, login.ejs will be rendered automatically behind the scenes when res.render('login') is called:
router.get('/home', function(req, res, next) {
res.render('login');
});
Your hyperlink should only call the endpoint mapped by the router:
<a href="/home"><li> LOGIN </li></a>
If you are working on UI design using EJS and only responsible for the front-end part, you can create dummy data to render an EJS page without running the entire website with a database.
For example, assuming there is dummy data available for rendering an EJS page, you can achieve this by obtaining the data from the developer and writing code like the following:
router.get('/home', function(req, res, next) {
var data = {"name": "Emmanuel"}
res.render('login', data);
});
In this code snippet, the data is hardcoded as temporary.
Although this question is quite old, I stumbled upon the OP's post while seeking a solution to a similar issue of my own.
// In order to navigate to the 'new post' page, which is generated solely from an ejs template (without HTML), and corresponds to the 'new' endpoint on my express router object
<a href="new" class="new-post-link">new post</a>
// By clicking this link, the user will be directed to the /new endpoint and display the 'new post' page upon clicking
<a href="new" class="new-post-link">new post</a>
// Addressing the specific problem mentioned by the OP:
// original
<button id="loginBtn">
<a href="views/login.ejs"><LI> LOGIN </LI></a>
</button>
// solution
<button id="loginBtn">
<a href="login"><LI> LOGIN </LI></a>
</button>
I trust that this explanation proves beneficial to someone in need.
I am currently working on a new feature that allows users to choose a specific Excel worksheet from a dropdown list before importing a file. However, I am facing some difficulty in adding the worksheet names to the dropdown list. Right now, I have placehol ...
My QWERTY keyboard is dynamically rendered through a component as Bootstrap buttons using bootstrap-react. Each button does not have an ID to avoid relying on IDs in React. When a letter button is clicked, it triggers an onClick event passed as props back ...
Can you explain the process of transforming NODE MODULES into binaries so that they are compatible with all platforms? Windows x86 Windows X64 Linux OS X Additionally, how can we incorporate these binaries into a Node application rather than relying on ...
Can three border-bottom styles be applied to a single div element? This is the desired appearance: ...
I'm currently working on developing a Node.JS controller for resetting user passwords. The process involves fetching the user from the database using a reset password token, performing validations, updating the relevant fields, and saving the changes ...
Currently, I am delving into the realm of Javascript/Node development through self-teaching. While I grasp the concept of npm handling package installations for my Node application on the server side, I am struggling to comprehend how npm assists me with ...
Today, I encountered a strange issue while hosting my first Node JS backend on Heroku. Everything runs smoothly when I register/login immediately after deploying the backend. However, if I try to register/login after about 15 minutes, I start receiving a C ...
Currently, I am working on a monorepo project where the main project relies on another project called components. When running the entire monorepo, the main project utilizes webpack.dev while the components project simply uses the TypeScript compiler. It l ...
I'm encountering errors when running ng serve. I've attempted the following code as well, but I'm still facing the same error: npm install -g typescript https://i.sstatic.net/Gyi71.png Error displayed in text format D:\xampp\htd ...
Is it possible to have concurrent runs of npm install, or will they conflict on shared resources and create potential race conditions? Analyzing the code might not provide a clear answer, but for those working on developing npm, this is likely an implicit ...
I often encounter a situation where I need to showcase a series of thumbnails/images that adhere to a specific aspect ratio within a flexible container. My current approach involves using a transparent, relatively positioned image to enforce the correct as ...
Attempting to update data in an HTML table using D3 has proven to be quite challenging for me. My task involves changing the data in multiple columns, adjusting the number of rows, and animating SVG elements in each row based on new data arrays. Despite tr ...
I'm currently working on a nodejs function to remotely delete files via sftp. Here's what my function looks like: function deleteRemoteDirectory(path){ sftp.readdir(path, async(err, files)=>{ if(err) conso ...
Hello, I am currently experiencing an issue with my code where there is a space between the icon on the left and the field. I need to remove this space, does anyone have any ideas on how to do this? Thank you! <div class="col-auto"> <label c ...
I am currently working on implementing a read more toggle for a dynamically generated paragraph containing lengthy text. I am struggling with directing my toggle to specific sections within my code due to the complexity of the structure. Please refer to t ...
I have encountered quota problems while using the Sheets API from Google with node.js. Despite implementing batch requests and getting my write quota increased to 900 per minute upon request, I still encounter this error (see question below after explanati ...
I'm struggling with getting the sticky-top function to work properly. To work around the issue, I ended up writing some messy javascript code, but I'm hoping someone might have a better idea. My goal is to have the element stick to the top of the ...
I have an array in my view route that is set as follows: [ 'dgdgd', 'gdgdfg', 'gdgd', 'dgdg', 'gdfdg', 'gdg'] In the jade file, I have written the following code: select#e1.col-md-12. ...
I am currently working on setting up a many-to-many relationship between my User model and Course model. Users can join multiple courses, and courses can have multiple users (students). To add a unique twist, I am adding a monthly quota of questions that u ...
I am currently working with a table that consists of 5 columns (city, 1st quarter, 2nd quarter, 3rd quarter, 4th quarter). My goal is to create an overlay on each column if we have already passed a specific quarter. However, I am encountering difficulties ...