基于HBuilderX创建移动app项目并利用mui实现简单页面跳转

刚开始学，听老师讲了一些介绍，要求我们做一个页面跳转，当时内心真的是万马奔腾，他的是使用什么icon的来实现的，但是我没看不懂怎么实现页面跳转的，就使用了mui来做了。百度了很多内容，杂七杂八的，所以自己总结了一下。
这是我项目的下载链接https://github.com/laowuniubi/androidApp.git
使用mui创建的页面跳转，浏览器是不能实现的。所以大家要下载模拟器或者虚拟机Android SDK（因为我刚好用Android studio，所以用虚拟机）
在HBuilderX的工具插件安装中下好插件，如下

在下好了虚拟机后，先打开虚拟机，不能会有提示让你手动调试，打开后在运行界面选择手机或模拟器运行

他会自动检查你当前是否有虚拟机运行，有的话显示你的虚拟机，我这里已经连上了。

先利用HBuilderX创建一个基于mui的5+App的项目

新建一个目录page，存储HTML代码，格局如下所示：

效果图如下：

接下来写代码了：
刚试过代码上传总卡死，那就大家去GitHub下载我的代码吧。

基于HBuilderX创建移动app项目并利用mui实现简单页面跳转相关推荐

angular5项目下利用router navigate实现页面跳转
1.需要引入 import {Router} from '@angular/router'; 2.ts中添加触发方法 navigate(){ this.router.navigate( ...
HBuilderX 创建 uni-app 模板项目，提示下载失败
HBuilderX 创建 uni-app 模板项目,提示下载失败右键以"管理员身份运行" 运行HBuilder X就可以创建成功了!
纯web项目不能使用mui.preload进行页面预加载的解决办法
首先: 纯web项目不能使用mui.preload进行页面预加载的, 比如[基于微信的web项目](http://ask.dcloud.net.cn/question/20644) 怎么办呢? 自己写 ...
android开发转跳功能,如何在Android中利用Intent实现一个页面跳转功能
如何在Android中利用Intent实现一个页面跳转功能发布时间:2021-02-20 17:06:31 来源:亿速云阅读:113 作者:Leah 本篇文章为大家展示了如何在Android中利用 ...
使用sublime创建Android APP项目
<span style="color:#333333">使用sublime编码工具制作Android APP的前提是要安装好APICloud相关的插件</span ...
利用JQuery实现HTML页面跳转
利用JQuery可方便地实现HTML页面跳转.比如建立两个子目录A,B,每个子目录中都有一个sample.html文件.在父目录中编写一个index.html文件,在其页面 Head 区域导入JQue ...
基于maven创建一个javaweb项目
一.使用步骤 1.引入库创建一个web 在main目录下创建java和resources lib目录下面存放jar包配置Paths 配置Dependencies 配置Tomcat 启动Tomcat ...
从0搭建一个Springboot+vue前后端分离项目(四)利用Element框架搭建页面主体部分表格与侧边栏
https://element-plus.gitee.io/zh-CN/component/menu.html 导航栏部分选定menu菜单,选择竖型样式的复制一下 <el-menudefau ...
魔坊APP项目-17-种植园，商城页面、服务端提供商品api，解决App打包编译以后的跨域限制、客户端获取商品列表并进行展示，集成Alipayplus模块完成支付
种植园一.商城页面 orchard.html,代码: <!DOCTYPE html> <html> <head><title>用户中心</tit ...

基于HBuilderX创建移动app项目并利用mui实现简单页面跳转

基于HBuilderX创建移动app项目并利用mui实现简单页面跳转相关推荐

最新文章

热门文章