javascript - 使用 javascript 一次为多个网页重用 html 模板
问题描述
几个月前,我开了一个网站。我的问题是我开始得到很多只是重复页面的东西。我为我的主页复制原始 HTML,然后删除非常特定于我的主页的所有内容,这只是为了我可以使用相同的标题和导航菜单。我所有的页面都有很多共同的代码。为每一页重做这个变得非常乏味。我知道人们以前遇到过这个问题,而且我确信每个人都已经知道这样做的一些(对我而言)大秘密 API。但是当我接近 50 页时,我需要的是一个基本的 HTML 模板页面(我可以制作),然后是一些 javascript,只是为了将该代码打印到我的其他页面中。因此,如果我想在我的菜单中添加另一个项目,我不必浏览并更改所有 50 个 HTML 页面,我可以更改模板,然后将其混入其他页面。也许也有一个服务器端解决方案。并随时提及。但我真的很擅长 javascript 而不是很擅长服务器端的东西。我真的不希望这影响我的页面加载时间(我对此感到非常自豪并且非常努力)。所以也许服务器端是我的解决方案。但如果有人有任何想法,我将不胜感激。先感谢您。所以也许服务器端是我的解决方案。但如果有人有任何想法,我将不胜感激。先感谢您。所以也许服务器端是我的解决方案。但如果有人有任何想法,我将不胜感激。先感谢您。
解决方案
您的意思是您现在拥有的所有页面都是静态的?
如果是,请不要这样做。如果您在一段时间后以这种方式生成所有页面,您将无法轻松扩展您的网站,如果您想更改一个小设计,那么您必须在所有页面中进行。
对于动态页面,您只需设计一次页面,然后加载随 JS 或 PHP 更改的部分。
你需要三样东西:
1-页面的HTML模板
2- 数据库(SQL 或 NOSQL)
3- 一种后端语言,用于与数据库通信并根据用户输入的 url 为您加载数据。这可以是从 php 到 python 的任何东西
4(可选)使您的网站对移动设备友好并且可以通过低速互联网使用,使用 js 获取数据并将其部分加载到页面。
如果你问我的意见,php laravel 真的很好,可以为你处理很多事情。对于 js 部分,您可以使用 Vuejs。
祝你有美好的一天!
推荐阅读
- c# - 有没有比使用消息框的方法,因为我正在创建一个 Web 应用程序而不是一个 Web 表单
- javascript - 调用的函数未在 React 中返回结果
- jquery - 使用 Django 的数据表无法从 MySQL 数据库中获取数据
- javascript - 如何检测被其他人脸隐藏的 3d 形状的人脸(从角度不可见)?
- react-native - 找不到参数的方法 implementation() [com.facebook.android:facebook-android-sdk:4.34.0]
- c++ - 如何为 QPlainTextEdit 设置水平溢出?
- java - ConcurrentModificationException 从迭代器中删除元素
- shell - 带有heredoc的SSH无法修改变量
- php - Laravel-Pdf 将语言设置传递给视图 niklasravnsborg/laravel-pdf
- sql - 如何在 Oracle Database 12.1 中将单行转换为列以转换为 JSON?