Best way to minimise/streamline/use synergies of code to populate several webpages with different content but same layout? [closed]
sorry for the non-specific title but my question relates to coding strategy and best practice.
I'm new to coding and I'm working on a website on a local server. I'm learning a lot of new coding languages (html, css, php, jquery, javascript, ajax and mysql) as I need them but I'm conscious that I'm a complate amateur when it comes to the best way to apply them.
Background
- My website has header and footer pages that include all the menu navigation, login system, css/js link type of things.
- Every other webpage leverages the header and footer pages, therefore the other webpages only contain content (I'll call these pages "article webpages" for clarity below).
- The layout of all the article webpages is the same but headings, images, colour schemes and text will vary from one article webpage to another.
- Lastly, I also have one other over-arching webpage that includes buttons and each button sends the user to an individual article webpage when clicked.
Question
Is there a way to save one webpage as a template for the layout and then each time the user clicks a button on the over-arching webpage the template populates the headings, text, images etc to almost create an article webpage on the spot (either based on the url or based on the button click.
I believe I'd need php to check the url side of things but I'm confused how to combine that with JS or Ajax to actually do the populating?
Desired Outcome / Constraints
- I want to make sure it happens seamlessly so that the page loads correctly the minute the button is clicked on the over-arching webpage i.e. I don't want the user to see things getting populated when they open the webpage.
- I thought it might make more sense to have a kind of blank template html document that's updated each time rather than saving every single article webpage. In effect it'd mean that webpages are created on the spot depending on the button the user clicked.
- I wasn't sure if this approach would cause issues when it comes to multiple users at the same time trying to see different articles?
- I don't want this proposed template approach to make the website heavy and slow if it would be faster to just save every article webpage individually.
- I wasn't sure if the new approach I'm thinking about may make the website less accessible to some users depending on the devices and browsers they're using? For instance if their device can't run javascript or something then they can't see the webpages at all (I don't know if that's even a thing but just giving a theorectical example).
- I'm open to new coding languages if it really makes more sense but I would rather not leverage out-of-the-box code templates like Bootstrap etc because I want to learn specifics.
- Some article webpages may have more text or images than others so the code needs to account for that by removing or adding divs or paragraph tags from the template webpage when the page is being populated.
- The template would need to be populated with:
a) data from the mysql database
b) images from the website folder
c) text from txt documents saved in the website folder
All help greatly appreciated and Happy New Year's Eve!! :)
source https://stackoverflow.com/questions/70544768/best-way-to-minimise-streamline-use-synergies-of-code-to-populate-several-webpag
Comments
Post a Comment