HTML5 APP开发MUI框架教程--创建移动APP

HTML5开发App掌握成本低,款平台发布,节省开发成本,MUI最接近原生APP体验的高性能前端框架,

方法/步骤

打开Hbuilder IDE编辑器

HTML5 APP开发MUI框架教程--创建移动APP

Hbuilder 初始化界面,可以看到“新建Web项目”、“新建移动APP项目”

1、 直接点击新建移动APP项目

2、“文件”-“新建”-“移动app”

3、 快捷键 Ctrl+N

HTML5 APP开发MUI框架教程--创建移动APP

HTML5 APP开发MUI框架教程--创建移动APP

打开创建移动APP项目;

1、“应用名称”给创建的移动APP应用程序起一个项目名称,可以随意定义

2、“位置”创建的移动APP项目存放位置,可以任意修改

3、 选择模板,如图勾选“mui项目”,

点击完成

HTML5 APP开发MUI框架教程--创建移动APP

如图:这就是我们刚刚创建的MUI的项目;

1、“css”mui框架所需要的样式

2、“fonts" mui图标、字体 文件

3、“js“ mui框架集成的js文件

4、“ index.html”应用程序入口文件

5、“manifest.json"应用程序配置文件

HTML5 APP开发MUI框架教程--创建移动APP

右上角有一个开发视图,切换到边改边看模式,可以变写代码,边看样式

如图我的第一个HTML5 移动APP项目创建完成

HTML5 APP开发MUI框架教程--创建移动APP

相关文章

  1. MUI框架 页面dom规则

    最接近原生APP体验的高性能前端框架,关于如何使用MUI框架来布局,你需要遵循如下规则 0 HTML5 APP开发MUI框架教程--创建移动APP 工具/原料 HBuilder Mui v3.1.0 方法/步骤 [固定栏靠前] 所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定 ...

  2. mui开发之init组件

    mui JS是用来开发移动APP项目的利器,是一个轻量级的JS框架.那么,应该如何去掌握mui JS框架呢.最好一种方式,就是逐个熟悉mui框架的各个组件. 首先,我们先来学习init组件,负责页面的初始化工作. 工具/原料 HBuilder6.6 MUI2.5 方法/步骤 用init组件创建子页面 ...

  3. HTML5 APP开发之创建APP项目

    越来越多的人开始使用HTML5来开发APP软件.因为HTML5掌握的成本低,主要的是IOS和安桌操作系统下,都可以运行,节省了开发成本. 那么,应该如何创建一个HTML5 APP项目呢.请按如下步骤,将可轻松实现. 方法/步骤 打开HBuilder软件,点击"文件"-" ...

  4. HTML5 APP开发之Button按钮

    之前介绍了Input输入框,在HTML5 APP开发下的各种形状是怎样的.那么,对于同样重要的控件:Button按钮,又有怎样的形状,以及使用Button按钮时,又应该注意哪些事项呢. 下面将逐一介绍: 0 HTML5 APP开发之Input输入框 工具/原料 HBuilder6.6 MUI2.5 ...

  5. HTML5 APP开发之页面嵌入游戏

    原生APP页面嵌入游戏,是简单的.但HTML5开发的APP页面嵌入游戏,就有些困难.因为涉及的知识点比较多,例:加载子页面,页面之间传间,以及页面被创建后,如何关闭等内容. 下面将详细介绍: 工具/原料 hBuilder mui2.5 方法/步骤 新建一个APP项目,然后,添加两个页面,一个是主页面 ...

  6. HTML5 APP开发之Input输入框

    Input输入框控件,应该说无论是B/S模式开发,还是C/S模式开发,还是APP开发,都是常用的控件.那么,对于HTML5 APP开发而言,Input输入框控件,又有多少种形状呢,下面将详细介绍. 掌握Input输入框技能,将会提升开发效率.同时,也对开发时,应该选择哪种类型,可以给出最佳方案. 工 ...

  7. hbuilder app开发之列表

    列表,是HTML开发的常见功能.对于HTML5 APP开发而言,列表的重要性,就更加突出了.那么,列表在HTML5 APP开发中的形状有多少种呢.以及列表在APP下,又是如何实现分页处理的呢. 下面将逐一介绍(想了解hbuilder app开发Input功能,hbuilder app开发 Butto ...

  8. mui开发之event组件

    MUI框架常用的组件,除了init组件外,还有event组件(当然,不仅仅只有这些).那么,对于event组件,我们又应该如何去掌握呢. 下面将详细介绍event组件的常用用法. 工具/原料 HBuilder6.6 MUI2.5 方法/步骤 首先,我们得了解MUI框架都支持多少种事件类型.因为只有知 ...

  9. 移动应用漏洞检测工具

    对于新款手机来说,好的开发工具变得越来越重要.手机(尤其是iPhone和Android)中的小工具(小软件)非常的重要,而要开发这些小软件就要选择合适的开发工具. 工具/原料 移动应用开发工具和移动应用漏洞检测工具,另外,HTML5提供了很多易于移动web开发的特性.例如,所有的网站都是开发放式的, ...