Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

第一部分: 开发环境搭建

一、安装开发工具

源码下载: https://github.com/zhangdaiscott/jeecg-uniapp官方ide地址:  https://www.dcloud.io/hbuilderx.html安装教程: https://www.jianshu.com/p/6f59ad582a96

HBuilderX是通用的前端开发工具,但为uni-app制成特别强化。下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用。

二、项目

1、使用HBuilderX导入项目

(1)前端工程jeecg-boot-uniapp(2)HBuilderX打开项目

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

2、运行uni-app

1.浏览器运行:进入jeecg-boot-uniapp项目,点击工具栏的运行->运行到浏览器->选择浏览器,即可在浏览器里面体验uni-appH5版。

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

H5在开发环节,运行到外部浏览器可能会出现跨域的问题。如果遇到跨域造成js无法联网,注意网络请求(request、uploadFile、downloadFile等)在浏览器存在跨域限制,解决方案有详见:https://ask.dcloud.net.cn/article/35267。

如果只是开发调试可以使用内置浏览器,没有跨域等的问题,首次使用内置浏览器可能会提示下载,运行成功后,可以在右侧看到相应的页面。

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

2.在微信开发者工具里运行:进入jeecg-boot-uniapp项目,点击工具栏的运行->运行到小程序模拟器->微信开发者工具,即可在微信开发者工具里面体验jeecg-boot-uniapp项目

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

注意:如果是第一次使用,需要先配置小程序ide的相关路径(见下图),才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。若HBuilderX不能正常启动微信开发者工具,需要开发者手动启动,然后将uni-app生成小程序工程的路径复制到微信开发者工具里面,在HBuilderX里面开发,在微信开发者工具里面就可以看到实时的效果。uni-app或将项目编译到根目录的unpackage目录。

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

3.真机运行:连接手机,开启USB调试,进入jeecg-boot-uniapp项目,点击工具栏的运行->真机运行->选择运行的设备,即可在该设备里面体验uni-app。

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

运行成功后可在手机上看到页面

Jeecg-Uniapp 移动框架开发环境搭建——APP方案(uniapp ui框架)

如手机无法识别,请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。注意当前开发App也需要安装微信开发者工具。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月5日 下午7:14
下一篇 2024年7月5日 下午7:25

相关推荐

  • 科研项目验收答辩问题

    科研项目验收答辩问题 科研项目验收是项目完成的重要一步,也是评估项目成果和是否达到预期目标的重要环节。在验收过程中,项目团队成员、导师和评审专家都会针对项目的各个部分进行详细的评估…

    科研百科 3天前
    1
  • 开源 – DewCloud——通用开源物联网平台(开源dtu)

    一、DewCloud诞生背景 DewCloud脱胎于我在业余时间为一家物联网公司开发的机油加注物联网项目,目前实现的功能包括: 智慧大屏:润滑油 年月日、地理区域、油品用量,油桶库…

    科研百科 2024年1月15日
    93
  • 《贵州省基层工会经费收支管理实施细则(暂行)》

    贵州省基层工会经费收支管理实施细则(暂行) 一、适用范围 本细则适用于贵州省各级工会组织及其经费收支管理。 二、经费来源 基层工会经费主要来源于会员会费、工会经费收入和上级工会转移…

    科研百科 2024年10月5日
    27
  • B站完成华为鸿蒙原生应用Beta版本开发,Q4推出商用版本(华为发布鸿蒙系统b站)

    IT之家 3 月 29 日消息,B站(哔哩哔哩)日前宣布完成鸿蒙原生应用 Beta 版本开发,该版本已具备完备的中长视频消费功能,用户可通过首页推荐、搜索、热门榜单、关注列表等多种…

    科研百科 2024年5月9日
    58
  • 项目管理质量管理系统

    项目管理质量管理系统 项目管理质量管理系统是一种用于管理项目和质量管理的工具,可以帮助项目经理和质量管理专家更好地协调工作,确保项目的成功交付和质量符合要求。 项目管理质量管理系统…

    科研百科 2024年5月27日
    66
  • 科研项目需求方案

    科研项目需求方案 随着科技的不断发展,科研项目的需求方案已经成为了项目管理中不可或缺的一部分。一个好的需求方案不仅可以帮助项目团队更好地理解项目目标,而且还可以提高项目的效率和质量…

    科研百科 2025年2月3日
    0
  • 外贸利器:推荐几款高效的外贸管理软件(好用的外贸管理软件)

    在外贸行业,管理软件的选择至关重要。一款高效的外贸管理软件不仅能够提高工作效率,还能够帮助企业更好地管理订单、跟踪货物、分析数据等,从而提升整体运营水平。今天就给大家推荐几款备受外…

    科研百科 2024年4月23日
    61
  • 二维码建筑工程管理系统

    二维码建筑工程管理系统 随着数字化时代的到来,建筑行业也越来越倾向于采用数字化的方式来管理建筑工程。二维码建筑工程管理系统是一种基于二维码技术的软件系统,可以帮助建筑行业管理人员更…

    科研百科 2024年10月1日
    21
  • 科研项目查询

    科研项目查询科研项目查询 数据显示,我国在全球电竞行业行业、电竞行业排行中,与“科技与”最为密切相关,电子竞技成为国民经济又一大发展的重要环节,主要是电竞赛事和赛事活动,已成为中国…

    科研百科 2024年11月26日
    0
  • 党建组织要点提纲两组(党建组织要点提纲两组工作)

    党建组织要点提纲两组 一、组织建设: 二、制度执行: 三、工作规划: 四、党员管理: 五、党内民主: 六、依法依规: 1. 坚持和加强党的全面领导: 2. 深化党的政治建设: 3….

    科研百科 2024年5月29日
    66