new web developer here,
I am creating a test website where I can input data and add it to my MongoDB database.
I have a JavaScript file that manages the connection with my MongoDB database (app.js), and I have another JavaScript file that manages the elements within my webpage. (script.js)
I am trying to make it so when I load the page where I input data, I can call the method which connects the database, and I can use that allows me to push form data to my MongoDB database.
The only thing I am struggling with is how I would detect that the webpage is loaded and run the method that opens my database.
I am also struggling to understand how to pass my 'db' variable into my script.js file to allow me to get data from my webpage.
Any help is appreciated, I am using WebStorm to create my website.
EDIT: And links to resources that solve a similar issue to mine (basically sending data to MongoDB from a webpage), would be very helpful! I think I am also using nodejs for my app.js file
Related
Okay so its like this. I am using Microsoft Visual Studios (Javascript/HTML/CSS coding) to create an app which retrieves and sends data into a MySQL database. I setup my MySQL database using MySQL workbench. I created a localhost and connected Visual Studios to the database. It shows the connection on the Server Explorer on the left side of the IDE.
And this is where I get stumped. I don't know how exactly to retrieve the data set inside that database. I've been taught to use Eclipse and phpMyAdmin using a php file to connect, retrieve and store data into the database.
However, I am not familiar with how Visual Studios do their data retrieval. How do I go about this guys?? Basically, I got an HTML file, a CSS file, a Javascript file, I got the MySQL database running and it says I have connection to it on Visual Studios.
The database name is EmployeeCred, and inside the database is a table called employeelogindata with columns of informations.
What should I do?
You'll need to create some sort of API for your JavaScript(frontend) to interact with. You could create a PHP API(backend) which would connect to the database and return JSON data for your frontend. You could then access this using the JavaScript fetch API
Actually, for those still wondering how, Visual Studios has a service for Cordova App which allows for a built-in backend service to the app. Simply go to the Overview panel and look up the backend service feature. Follow the steps and read through the Corodva Documentation available on the internet.
I'm new to web development and I'm trying to create a website with a database that will store all the files in the archive with the ability to delete files and upload new ones to the database from my web page.
1)I used HTML, CSS, javascript to create the website
2)MySQL to create the database
and I also tried phpMyAdmin to create the database
but where will I go from there?
How will my website control and show the database?
According to your question, I assume that you don't have a backend for your website. You need to have a backend to access the database. You can use php as the backend to connect with the mySQL database.
PS: I can see that you have tagged the question with php. If you are using php and still you can't connect to the database, please share your code snippets.
I am new to using this stuff. I need to make some sort of a connection from a local html file on my computer to either Sharepoint or an Access database. I want to be able to pull data from the Sharepoint/Access db and display it on my html page. I also would like to use javascript to accept user input and in turn query those databases with that.
I currently have built some simple vba that outputs an HTML file with table data and another HTML file which houses that table with an iframe on the page. This is very limited and does not provide full functionality. Can anyone lead me in the right direction? Is this even possible without those pages being hosted on a server somewhere? I understand I may need to use PHP, but I do not believe I can use that functionality without having these files on a server.
Forgive me if I do not sound like I know what I'm talking about...I don't really :)
Thanks!
In the application I am writing, a user captures information about a person via an online form. When they have completed the form they save their work, repeating this process several times in a session. When they hit 'Save and End Session' they are returned a list of the several person instances they have just saved, all data being saved to a server.
I wish to replicate this functionality in an offline app. Using HTML5 I understand how to cache pages, and how store the JSON form data in localStorage using raw Javascript (or perhaps Angular.js cache).
But is it possible to dynamically update cached webpages with cached data while offline? how, for example, can I write the the cached form data to a cached copy of the list page, updating that page with the data just produced, all during the offline session?
I cannot find an answer to this one. All suggestions are much appreciated!
If I understood this correctly, you want to dynamically update the html view while offline.
If you are using Angular, this is pretty simple.
You just have to cache also the JS controller, not only the html file (set it in the cache.manifest). The page will have the same functionality as the online app then. But if you want to send the stored offline data back to the server when offline, you can write a simple code that will:
Save the parameter in localStorage, which will mark if the data was saved while running online/offline app (you can recognize onine/offline by sending AJAX request to an existing part of the app, which is not available offline (so not cached one))
When app runs then in online mode, it will collect all the data stored offline and send it to the server
I have recently seen articles on HTML5 and local Db creation and usage. I have also seen some examples of Javascript connection strings to existing Access Db backends. I am interested in finding a way to build a Db, pre-load it with records, and use a web app to connect and read the Db. For example, I have created many standalone applications with Tcl, in Windows, that read off of Sqlite Db files. Essentially, the application (.exe file) and Db file sit next to each other in a folder and function like any other Db application, except without the use of servers.
I would like to be able to do the same, but with a web app (.html) and Db file. Does anyone know if this is possible? As an example, I wanted to build a language application that runs in any browser, with pre-loaded words saved in the backend. So there would be two files, the web app, and the db file.
Any suggestions or links to resources would be really appreciated. The only thing close that I could come up with was connecting to Access via OLE through Javascript, however I need a Db that is multi-platform like Sqlite.
Thanks,
DFM
Your web app, its local database, and the "priming" data will all have to start somewhere, so I'll assume this all gets rolling during a live connection to a web server. When this first hit comes in, you:
Deliver the page and related code.
In your JavaScript, test for the existence of the database.
Exists? No priming necessary. Do nothing, or sync, etc.
Doesn't exist? Build it and deliver initial data. If this is slow, you can give the user a friendly warning: "Setting up, please stand by." Depending on how you're pushing down all that data, you might even show a progress bar: "Initializing database: 10%"...
There is no step 3.
Once setup is complete, this app could be entirely local -- no net connection required -- as long as you code it without the assumption of non-local resources.
References:
Getting Started with HTML5 Local Databases
Offline Web Applications in HTML5
You can access an already created sqlite db file through javascript. Look at the "Location of Database File" area of this link http://code.google.com/apis/gears/api_database.html
I know this is for Google Gears, but Gears uses SQLite and the location still applies without Gears and only using a sqlite db file.
For example, I used a firefox add-on 'SQLite Manager' to create a sqlite db file on my local machine. I then copied that file to C:\Users\\AppData\Local\Google\Chrome\User Data\Default\databases\file__0
I was able to access the file using JavaScript in Google Chrome:
var db = null;
try {
if (window.openDatabase) {
db = openDatabase("mydbfile.sqlite", "1.0", "HTML5 Database API example", 200000);
....
You have to be careful with the file name in Chrome as it automatically names each sqlite db by an id number. For example, I had to rename my sqlite db file name to 14 to get it to read from JavaScript in the browser. Once I did this, it worked like a champ and I was able to access all tables, data, etc.