
Xappox - 应用程序登陆页面
categorySaaS
# 项目简介
xappox 是一款面向移动应用展示的响应式单页 landing page 模板,采用 Bootstrap 框架构建,内置联系表单邮件发送功能(PHPMailer)。适合 App 产品上线页面、应用功能介绍等场景。
## 技术栈
- Bootstrap 2.x(响应式布局)
- jQuery(交互与动画)
- PHPMailer(联系表单邮件发送)
- Roboto 自定义字体
- Google Code Prettify(代码高亮)
## 项目结构
```
xappox/
index.html # 首页
index-s2.html # 变体页面
index-s3.html # 变体页面
blog.html # 博客列表页
blog-single.html # 博客详情页
css/style.css # 主样式表
PHPMailer-master/ # 邮件发送库
Documentation/
index.html # 模板文档说明页
```
## 核心文件说明
- `xappox/index.html` — 应用展示主页面,含 Banner、功能特性、定价等区块
- `xappox/css/style.css` — 完整样式定义,覆盖字体、排版、动画等
- `xappox/PHPMailer-master/` — PHP 邮件发送库,支持 SMTP/gmail 等多种发送方式
- `xappox/PHPMailer-master/examples/` — 邮件发送代码示例
- `Documentation/index.html` — 模板使用文档,含 HTML 结构、组件说明
- `xappox/blog.html` — 博客列表页面模板
## 快速开始
1. 直接在浏览器中打开 `xappox/index.html` 即可预览首页效果
2. 联系表单需要配置 PHP 环境,将 `PHPMailer-master` 部署到服务器后修改 `examples/contactform.phps` 中的发件邮箱配置
3. 修改 `css/style.css` 中的样式变量即可更换主题配色
## 使用建议
模板内置 Mailchimp 集成和 PHPMailer 支持,若使用 Gmail SMTP 发送邮件需开启应用专用密码;响应式断点基于 Bootstrap 2.x,如需升级建议同步更新至 Bootstrap 4+。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML