登录 appCan 平台,进入项目文件管理;2. 在 www 目录右键新建。html 文件;3. 编辑页面结构并引入 ui 库;4. 通过链接或 js 跳转引用新页面;5. 确保路径与资源正确以正常调试。

在 AppCan 开发平台中新建 HTML 页面非常简单,适合用于构建混合移动应用的 前端 界面。以下是具体操作步骤和注意事项,帮助你快速创建一个 HTML 页面。
登录 AppCan 开发平台
打开 浏览器,访问 AppCan 官网并登录你的开发者账号。进入“开发者中心”或“应用管理”页面,选择你要编辑的项目,或者创建一个新的应用项目。
创建新的html 文件
在项目文件管理区域,通常会看到默认的 www 目录,这是存放 HTML、css、JS 等 前端 资源的主目录。
- 右键点击 www 目录或其子目录
- 选择“新建文件”或“添加文件”
- 输入文件名,例如:page.html(注意后缀必须为。html)
- 点击确认,系统会自动生成一个空白 HTML 文件
编辑 HTML 页面内容
双击刚创建的 HTML 文件,打开内置代码编辑器,你可以直接编写 HTML 代码。建议包含基本结构:
立即学习 “ 前端免费学习笔记(深入)”;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 新页面 </title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/css/uikit.css"> </head> <body> <div class="ub ub-ver"> <h1> 欢迎使用 AppCan</h1> <p> 这是一个新创建的页面 </p> </div> <script src="/js/uikit.js"></script> </body> </html>
可根据需要引入 AppCan UI 库(如 uikit.css和 uikit.js),便于快速搭建移动端界面。
在应用中引用新页面
若想通过主页面跳转到这个新 HTML 页面,可在原页面中添加链接:
<a href="page.html"> 打开新页面 </a>
基本上就这些。创建 HTML 页面的核心就是添加文件并编写标准 Web 代码,AppCan 会将其打包进原生容器中运行。注意路径正确、资源引用无误,就能正常预览和调试。