使用Bootstrap 4带有带有无脂肪的PHP框架的简单多语言网站的前端 /后端设置,但没有数据库。
我希望PHP框架与Bootstrap 4一起使用来构建将:
我的选择是无脂的 - “强大而易于使用的PHP微型框架”
为了确保我可以建立一个网站,我创建了一个网站;关于我如何使用引导和无脂肪来创建网站的网站。该网站是我所做的事情和原因的记录。
这不是CMS。没有数据库。所有内容均在配置文件,控制器文件和内容模板中。
*注意:我在https://github.com/richdebourke/simple-f3-bootstrap-5-multi-lang-site上有一个类似的Bootstrap 5存储库。
该存储库中的所有代码都在http://sbf-testing.byethost7.com上运行。目的是使代码成为一个完全可行的软件包,而不仅仅是用于构建站点的裸露起点。该演示正在使用提供PHP和Apache的免费托管服务上运行,但是没有电子邮件和大多数机器人被阻止,因此没有联系表格,也没有SSL 1 (这就是为什么我说“一个几乎完整的”站点),但是这些网站应该足够容易,可以在生产主机上实现。
注1 :托管服务提供自签名的证书,但我不确定Google是否接受搜索排名的证书。由于托管服务会阻止大多数机器人,因此很难对我的所有权进行验证,因此我在没有SSL的情况下运行了网站。
我所有用于演示网站,无脂肪配置,控制器和模板文件以及关联的SCSS,Image和JavaScript文件的文件都在此GitHub存储库中。引导和无脂肪文件可从引导和无脂肪中获得。
用其他网站的内容替换我的网站内容应该很容易。
不包括无脂肪的文件 - 这些文件可从无脂肪中获得
Bootstrap易于使用可用的类并使用SASS结构。我从标准的引导代码中更改了两件事:
不包括引导程序 - 这些文件可从Bootstrap获得
虽然演示网站的内容是英文,但演示确实有中文和韩国页面来展示多语言操作。中文和韩国主页是使用Google Translate从英语主页创建的。其余的中文和韩国页面仅用于证明导航,只有Google翻译英文页面的标题和描述。
在2022年7月的更新中,除了验证该网站与最新版本的无脂肪,Bootstrap 4和jQuery一起使用外,我还将网站修改为:
使用系统字体 - 从使用Google字体转换为使用system-ui字体。使用Google字体需要用户的浏览器将请求发送到Google的样式表和所需的字体文件。这涉及将用户的IP地址发送到Google,欧盟一般数据保护法规(GDPR)表示不允许。 system-ui指示浏览器使用操作系统用来显示文本的相同字体。这提供了与用户在系统屏幕上看到的相似的外观,并且由于没有字体可下载,因此它加快了页面启动时间。
Self-host Bootstrap&jQuery文件 - 由于GDPR要求不与其他站点共享用户IP地址,因此从使用内容输送网络用于框架和库文件中转换为从我的服务器提供文件。我现在正在使用WebPack将jQuery,Bootstrap JavaScript,jQuery轻松插件和该站点的JavaScript组合到一个文件中(一个文件将更快下载)。
支持偏爱的动作 - 尽管Boostrap已经支持减少运动的用户设置,但我没有调整jQuery动画。我现在做。
支持Prefers-Color-Scheme - 为喜欢深色格式而不是光格式的用户添加了一个深色模式格式。
演示网站可与最新版本一起使用:
并与:
此代码是根据MIT许可提供的。有关详细信息,请参见许可证文件。
根据GNU公共许可(GPL V3)提供无脂肪
Bootstrap是根据MIT许可证提供的
OffCanvas导航是根据MIT许可提供的
2018/09/23 - 初始版本。
2019/01/02 - 验证了该网站可与无脂肪3.6.5一起使用,并更新了一些页面内容以获得更好的搜索引擎结果。
2019/05/10 - 验证了该网站与JQuery 3.4.1和Bootstrap 4.3.1一起使用。
2019/05/27 - 由于Google有时在某些搜索引擎结果页面上的摘要中包括通知文本,因此将欧盟Cookie通知的部分移至页面底部。
2019/07/02 - 实现的display=swap ,这消除了对字体管理器的需求,至少是Google字体(我使用的是字体face Observer)。
2020/01/20 - 验证了该网站可与无脂肪3.7.1和Bootstrap 4.4.1一起使用,并对内容进行了一些较小的编辑。
2020/07/05 - 验证了该网站可与无脂肪3.7.2,Bootstrap 4.5.0和JQuery 3.5.1一起使用,消除了未汇总的CSS文件(只是在网站上提供较小的CSS文件),并对内容进行了一些较小的编辑(包括有关我在VS代码中做SASS的解释)。
2022/07/15 - 验证了该网站可用无脂肪3.8.0,Bootstrap 4.6.1和JQuery 3.6.0,从Google字体切换到使用系统字体,增加了对减少运动和暗模式的支持,并更新了内容。
2022/11/17 - 验证了该网站与JQuery 3.6.1一起使用,并使用图片和源元素切换到为轻型和深色模式提供正常和高分辨率的WebP图像。
2023/07/09 - 带有无脂肪的PHP框架存储库中的Bootstrap 5.3链接。
2023/10/07 - 验证了该站点可与Bootstrap 4.6.2和JQuery 3.7.1一起使用。演示网站的主机现在正在运行PHP 8.2,因此该演示现在使用无脂肪3.8.2。