第一步:工具安装,我选择了能够辅助我们快速开发的light开发工具
light依赖node环境,所以首先要安装node,https://document.lightyy.com/tools/index.html
这里有详细的安装说明及安装包下载地址
Node安装成功后打开命令行工具键入npm-v,看到版本号即表示安装成功
我们现在要做的这个h5应用包含登录、注册、修改密码、个人中心主页面、个人中心内页修改名称、个人中心修改手机号码。怎么用light快速开发呢?
一、首页我们要用刚装好的light工具生成一个项目,我们打开刚刚的命令行的工具,我想在我的电脑E盘下生成我的项目myproject, 在命令行输入e: 然后按回车键
输入我们需要的视图内容(这里我把登录和个人的视图都放在personal.html里了,当然你也可以根据需要再新建一个登录的页面),你可能还注意到了,personal.html中的视图id上都多了个二级目录,好了,现在在控制台上再次输入light gen 来生成视图看下,你就会发现这个二级目录的效果(注意每次新建视图的时候都必须执行light gen命令才能生效)
跳转1:从首页页面中视图lightProjectDemo跳转到个人页面的登录和个人中心主页(页面跳转)
以上就是本篇文章【怎么开发html5页面,一步一步教你如何开发h5页面】的全部内容了,欢迎阅览 ! 文章地址:http://ww.kub2b.com/news/19787.html
栏目首页 相关文章 动态 同类文章 热门文章 网站地图 返回首页 企库往资讯移动站 http://ww.kub2b.com/mobile/ , 查看更多
栏目首页 相关文章 动态 同类文章 热门文章 网站地图 返回首页 企库往资讯移动站 http://ww.kub2b.com/mobile/ , 查看更多