使用 Bootstrap-4 构建的网页设计初创公司/代理机构的示例响应式登陆页面
首先什么是登陆页面?在数字营销中,登陆页面是一个独立的网页,专门为营销或广告活动创建。这是访问者点击电子邮件中的链接或来自 Google、Bing、YouTube、Facebook、Instagram、Twitter 或网络上类似位置的广告后“登陆”的地方 基本上简短地显示您和/或公司的信息/服务聚集客户或顾客。
在接触代码之前!imps:前端框架:Boostrap 4.0.0 下载地址:https://v4-alpha.getbootstrap.com/
平滑滚动:Jquery
向用户发送邮件以进行查询/反馈:PHPMailer-master 下载地址:https://github.com/PHPMailer/PHPMailer
在运行 MySQL 和 Apache 的本地主机 XAMPP 服务器上运行。
使用的图像是使用 Photoshop 和 Canva 进行开源编辑的
数据库表结构: username: TYPE TEXT email_id: TYPE TEXT message: TYPE TEXT 您可以根据您的验证需要指定长度
Home.html:组件 1.导航栏:Bootstrap 类导航栏 2.视差效果 3.使用 Jquery 的滚动效果 4.我们的团队部分:Bootstrap 类卡片 5.使用 Jquery 的淡入和淡出动画 6.最后带有来自 Font 的社交媒体图标的页脚-很棒的嵌入链接:
CSS:来自 Google Fonts 的字体
连接.php:
使用 FILTER_INPUT 存储变量 为什么使用 FILTER_INPUT ?由于输入过滤不良或错误,大型编码社区编写的 PHP 脚本会定期发布安全版本。未能过滤输入可能会使您的服务器和数据遭受攻击,并且其中许多攻击现在都是自动化的(因为使用被黑客入侵的 Web 服务器发送垃圾邮件现在已成为一个行业)。
将变量添加到数据库
PHPMailer :将响应记录的邮件发送给网站上的用户 为什么 PHPMailer 通过 mail() ? PHPMailer 在 PHP 核心函数 mail() 的基础上提供了许多功能,包括 SMTP SSL 加密和身份验证、HTML 消息、文件附件等。最重要的是,PHPMailer 比 mail() 更容易使用,并且提供了干净、可读的面向对象语法
就是这样 !代码尽可能简单,以最少的努力创建时尚的页面
如果您想托管您的项目,请按照本教程操作:在 Byethost 免费托管上
我在那里禁用了电子邮件服务,因为输入我的密码和凭据并不安全,在这种情况下,请选择安全托管或创建一个虚拟的 Gmail 帐户
https://www.youtube.com/watch?v=edKaUUkLyHA