uni-app
黄菊华老师
专注大学生计算机教育和毕业设计辅导
展开
-
HbuiderX调用微信开发者工具设置
HbuiderX调用微信开发者工具设置原创 2022-11-17 11:55:36 · 5184 阅读 · 0 评论 -
物业维修报修小程序毕业设计毕设作品开题报告答辩PPT
物业维修报修小程序毕业设计毕设作品开题报告答辩PPT原创 2022-09-25 10:16:12 · 548 阅读 · 0 评论 -
app毕业设计 基于uni-app框架 在线外卖点餐app毕设题目课题选题作品源码(2)后台管理
原创 2021-09-29 13:09:26 · 682 阅读 · 0 评论 -
app毕业设计 基于uni-app框架 在线外卖点餐app毕设题目课题选题作品源码(1)app功能和界面
原创 2021-09-29 13:08:38 · 1227 阅读 · 1 评论 -
app毕业设计 基于uni-app框架 在线小说在线电子书阅读app毕设题目课题选题作品源码(2)后台功能
原创 2021-09-28 09:57:30 · 703 阅读 · 0 评论 -
app毕业设计 基于uni-app框架 在线小说在线电子书阅读app毕设题目课题选题作品源码(1)app功能和界面
原创 2021-09-28 09:54:29 · 1218 阅读 · 0 评论 -
app毕业设计 基于uni-app框架 驾校考试、刷题在线考试app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-28 08:59:38 · 663 阅读 · 0 评论 -
app毕业设计 基于uni-app框架 驾校考试、刷题在线考试app毕设题目课题选题作品(1)app界面和功能
原创 2021-09-28 08:58:04 · 1135 阅读 · 0 评论 -
app毕业设计 基于uni-app框架商城app、图书商城app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-28 08:55:43 · 1326 阅读 · 0 评论 -
app毕业设计 基于uni-app框架商城app、图书商城app毕设题目课题选题作品(1)app界面和功能
原创 2021-09-28 08:55:00 · 1143 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的在线视频播放点播电影播放app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-27 08:49:28 · 717 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的在线视频播放点播电影播放app毕设题目课题选题作品(1)app功能和界面
原创 2021-09-27 08:48:22 · 749 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的预约订座app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-27 08:46:35 · 517 阅读 · 0 评论 -
pp毕业设计 基于uni-app框架的预约订座app毕设题目课题选题作品(1)app界面和功能
原创 2021-09-27 08:45:51 · 581 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的电影院订票选座app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-26 15:19:17 · 1081 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的电影院订票选座app毕设题目课题选题作品(1)app功能
原创 2021-09-26 15:18:32 · 1333 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的教室预约app毕设题目课题选题作品(2)后台管理功能
原创 2021-09-26 15:17:23 · 580 阅读 · 0 评论 -
app毕业设计 基于uni-app框架的教室预约app毕设题目课题选题作品(1)app功能
原创 2021-09-26 15:16:43 · 1143 阅读 · 0 评论 -
推荐一些2021年整理的跨平台uniapp的作品案例
【uniapp教学和2021年作品目录】uni-app跨平台开发 入门到实战套餐 https://ke.qq.com/course/package/26512(01)教室预约APP https://ke.qq.com/course/3517750 (02)电影院订票选座APP https://ke.qq.com/course/3518082(03)预约订座APP https://ke.qq.com/course/3518081(04)在线视频点播APP https://k...原创 2021-06-18 08:37:54 · 1058 阅读 · 0 评论 -
uni-app使用Hbuilder X如何苹果手机IOS打包、发布、运行
手机连接到电脑使用数据线连接电脑,信任该电脑保证iTunes和手机连接成功。运行到苹果手机第1步:运行uni-app项目,点击运行按钮,选择运行的设备第2步:手机设置Hbuilder X将uni-app项目安装到苹果手机后,手机上的图标如图:如果我们不进行设置,直接打开该APP,会提示错误,如图打开手机设置—通用,如图x,下拉到VPN的位置,点击进去,信任该应用设置上面的步骤后,我们重新点击APP的图标,打开它,就能看到效果,到这一步运行到iPhone就完成了,要注意的是iTu原创 2020-11-18 09:33:20 · 4490 阅读 · 0 评论 -
uni-app使用Hbuilder X如何安卓APP打包、发布、运行
安卓APP打包本章节主要讲解如何将uni-app制作的企业站,打包成安卓apk,同步安装在手机上。操作步骤如下:第1步:配置manifest.json。第2步:使用Hbuilder X,原生App-云打包。第3步:获取apk文件,放置在网上。第4步:安装apk在手机上。配置manifest.json第1步:基础配置在Hbuilder X开发工具中,找到manifest.json文件,打开,效果如图x图虚线框处,点击按钮“重新获取”设置uni-app应用标识(AppID)。第2步:Ap原创 2020-11-18 09:30:55 · 5914 阅读 · 0 评论 -
uni-app使用Hbuilder X如何运行微信小程序和发布
Hbuilder X中小程序运行配置Hbuilder X中,选中项目。“工具”- “设置(S)”,效果如图X微信开发者工具配置发布微信小程序【uniapp参考资料】(1)uni-app跨平台开发 入门到实战https://ke.qq.com/course/package/26512(2)uni-app 完整商城界面设计实战https://ke.qq.com/course/2381059(3)基于vue的uniapp商城完整项目源代码https://ke.qq.com原创 2020-11-18 09:26:48 · 2829 阅读 · 1 评论 -
08-微信小程序商城 销售排行(微信小程序商城开发、小程序毕业设计、小程序源代码)(黄菊华-微信小程序开发教程)
销售排行本节讲解销售排行功能的“区域标题”和“产品列表”的界面实现。效果如图12-17所示。1.应用知识点分析应用知识点包括: 一行2列的布局使用(左右两列,右侧1列3行)。 本地.js脚本数据的设置和使用。 远程数据的获取和本地显示。下面我们会分3种方式来讲最新上架产品的实现方式。第1种:纯页面布局的制作,适合纯前端人员。第2种:本地.js脚本数据来实现销售排行产品的显示,适合全栈人员。第3种:.js脚本获取远程数据来实现销售排行产品的显示,适合全栈人员。2.布局分析结构布原创 2020-11-16 11:01:02 · 1593 阅读 · 0 评论 -
05-微信小程序商城 最新通知(微信小程序商城开发、小程序毕业设计、小程序源代码)(黄菊华-微信小程序开发教程)
最新通知本小写主要讲解最新通知功能的实现,可以是1条通知,也可以是多条通知。效果如图12-8所示。1.应用知识点分析应用的知识点包括: 图片的使用,用法见10.2.6节。 1行3列布局的使用。 链接的使用,用法见10.4.1 节。我们这里主要讲解最新通知的3种实现方式:第1种:本地界面,纯页面布局的制作,适合纯前端人员。第2种:本地数据,本地.js脚本数据来实现实现最新通知,适合全栈人员。第3种:远程数据,通过.js脚本调用远程数据来实现实现最新通知,适合全栈人员。2.布局原创 2020-11-13 09:15:38 · 819 阅读 · 0 评论 -
04-微信小程序商城 快捷菜单(微信小程序商城开发、小程序毕业设计、小程序源代码)(黄菊华-微信小程序开发教程)
快捷菜单本节主要讲解小程序商城两行快捷菜单的实现。效果见图12-4和12-5所示。1.应用知识点分析知识点包括: 普通菜单的使用。 循环菜单的使用。 1行4列的布局实现。 跳转的实现。我们这里主要讲解快捷菜单的3种实现方式:第1种:本地界面,纯页面布局的制作,适合纯前端人员;见效果图12-4。第2种:本地数据,本地.js脚本数据来实现实现菜单功能,适合全栈人员;见效果图12-5。第3种:远程数据,通过.js脚本调用远程数据来实现实现菜单功能,适合全栈人员。2.实现本地界原创 2020-11-13 09:10:36 · 1194 阅读 · 0 评论 -
10.3.1 产品列表-左侧分类 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.3 产品列表和详情我们本小节讲解产品分类页面和产品详情,效果如图10-7和图10-810.3.1 产品列表-左侧分类本小节讲解如何获取产品左侧的分类数据,然后显示在页面。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量fenlei,用于存放产品分类数据。第3步:在程序的onLoad代码块中调用接口,获取数据,赋值给变量fenlei。第4步:改造布局代码,将获取的分类数组信息循环显示出来。第1步:查看和测试接口地址http://qiyephp.ya原创 2020-11-13 08:44:21 · 619 阅读 · 0 评论 -
10.2.5 最新资讯 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.2.5 最新资讯本小节讲解最新资讯信息的获取和循环显示,效果如图10-6。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量zixun,用于存放资讯数据。第3步:在程序的methods代码块中自定义方法GetZixun,用于获取接口的资讯数据。第4步:在程序的mounted代码块中调用方法GetZixun,获取数据。第5步:改造布局代码,将获取的资讯数组信息循环显示出来。第1步:查看和测试接口地址http://qiyephp.yaoyiwangluo.原创 2020-11-13 08:42:15 · 492 阅读 · 0 评论 -
10.2.4 最新案例 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.2.4 最新案例本小节讲解最新案例的数据获取和循环显示,效果如图10-5。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量anli,用于存放最新案例数据。第3步:在程序的methods代码块中自定义方法GetAnli,用于获取接口的最新案例数据。第4步:在程序的mounted代码块中调用方法GetAnli,获取数据。第5步:改造布局代码,将获取的最新案例数组信息循环显示出来。第1步:查看和测试接口地址http://qiyephp.yaoyiwangl原创 2020-11-13 08:40:31 · 631 阅读 · 0 评论 -
10.2.3 最新产品 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.2.3 最新产品本小节讲解如何获取最新产品的数据并显示,效果如图10-4。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量chanpin,用于存放最新产品数据。第3步:在程序的methods代码块中自定义方法GetCp,用于获取接口的最新产品数据。第4步:在程序的mounted代码块中调用方法GetCp,获取数据。第5步:改造布局代码,将获取的最新产品数组信息循环显示出来。第1步:查看和测试接口地址http://qiyephp.yaoyiwangl原创 2020-11-13 08:38:53 · 520 阅读 · 0 评论 -
10.2.2 公司简介 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.2.2 公司简介本小节主要讲解如何使用接口获取公司简介的信息和显示在页面。效果如图10-3。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量jianjie,用于存放公司简介信息。第3步:在程序的methods代码块中自定义方法GetGsjs,用于获取接口的公司简介数据。第4步:在程序的mounted代码块中调用方法GetGsjs,获取数据。第5步:改造布局代码,将获取的公司简介信息显示出来。第1步:查看和测试接口地址http://qiyephp.ya原创 2020-11-12 09:01:44 · 566 阅读 · 0 评论 -
10.2.1 广告轮播 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
10.2 企业站首页企业站项目首页主要包括下面几个模块:广告图、公司简介、最新产品、最新案例、最新资讯。首页效果如图10-1。10.2.1 广告轮播首页轮播图的最终效果如图10-2。开发分析第1步:查看和测试接口的内容。第2步:在程序的data代码块初始化变量imgs,用于存放轮播图片数据。第3步:在程序的methods代码块中自定义方法GetBanner,用于获取接口的图片数据。第4步:在程序的mounted代码块中调用方法GetBanner,获取数据。第5步:改造布局代码,将获取的原创 2020-11-12 08:59:12 · 542 阅读 · 0 评论 -
10.1 全局变量定义 程序开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
第10章 程序开发10.1 全局变量定义第一步:项目的根目录新建一个js文件pub.js,该文件用于定义全局变量phpweb,内容表示的是接口所在网址,代码如下export default { WebUrl:{ phpweb:"http://qiyephp.yaoyiwangluo.com" }}第二步:在项目的main.js文件中导入pub.js文件,代码如下import Vue from 'vue'import App from './App'//导入自定义的pub原创 2020-11-12 08:57:10 · 449 阅读 · 0 评论 -
9.5.2 留言反馈 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.5.2 留言反馈本小节讲解留言反馈页面的制作,效果如图9-14。布局代码如下:<template><view class='group'> <view class='group-header'>留言内容</view> <view class='group-body'> <textarea placeholder='请输入留言' name="neirong" ></textarea> <原创 2020-11-12 08:55:55 · 1218 阅读 · 0 评论 -
9.5.1 关于我们 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.5.1 关于我们关于我们页面效果如图9-13。布局代码如下:<template><view> <!--关于我们-广告图-企业理念--> <view class='ad01'> <image src='/static/tupian/qyln.jpg' mode='widthFix' class='ad01-img'></image> </view> <!--关于我们-区块标题--&g原创 2020-11-12 08:54:52 · 1213 阅读 · 0 评论 -
9.4 资讯列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.4 资讯列表本小节主要讲解资讯列表页面的制作,效果如图9-12。布局分析:我们在“企业站首页-最新资讯”这里分析过类似的布局,我们可以沿用前面的布局和样式;唯一需要变动的是讲区块标题右侧的内容删除。布局代码如下:<template> <view> <!--最新资讯--区块标题--> <view class='qukuai'> <view class='qukuai-shuxian'></view><原创 2020-11-12 08:53:56 · 672 阅读 · 0 评论 -
9.3 案例列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.3 案例列表本小节主要讲解案例分类页面的制作。案例的分类页面如图9-11。布局分析:案例列表的左右框架布局和产品列表一致。布局代码如下:<template><view class="fenlei"> <!-- 左侧 --> <view class='zuo' :style="'height:'+gaodu+'px'"> <block > <view class="type-原创 2020-11-12 08:50:49 · 1377 阅读 · 0 评论 -
9.2.3 右侧产品 产品列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.2.3 右侧产品我们本小节来填充(虚线框起来部分)右侧产品列表,如图9-10。布局分析:1列2列的流式布局。布局代码如下:<!--右侧产品(1行2列流式布局) 开始--> <view class='cp_zuixin'> <navigator url='' class='cp-xiangmu'> <image src='/static/tupian/cp01.jpg' class='cp_tupian' mode='widthFix'原创 2020-11-12 08:49:35 · 533 阅读 · 0 评论 -
9.2.2 左侧产品分类 产品列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.2.2 左侧产品分类在上一小节,我们左右的框架搭建完毕后,我们本小节来填充(虚线框起来部分)左侧分类,如图9-9。布局分析:分类分类占据1行。布局代码如下:<block > <view class="type-nav" > 分类1 </view></block><block > <view class="type-nav xuanzhong" > 分类2 </view></原创 2020-11-12 08:48:37 · 613 阅读 · 0 评论 -
9.2.1 产品分类框架 产品列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.2 产品列表本小节主要讲解产品分类页面的制作。产品的分类页面如图9-7。9.2.1 产品分类框架要想实现完整的产品分类页面,我们第一步是要实现产品分类的框架:左侧产品分类,右侧产品。我们本小节的目的就是搭建一个左右布局的框架,而且整个框架的高度是手机的高度。最终效果如图9-8。布局分析:1行2列的布局,我们这里定义左侧占据25%,右侧占据75%,而且高度是当前手机的高度。注意:手机的高度通过API函数获取,然后使用内联样式来使用。布局代码如下:<view class="fen原创 2020-11-12 08:46:37 · 612 阅读 · 0 评论 -
9.1.5 最新资讯 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.1.5 最新资讯最新资讯区块效果如图9-6。布局分析:每条资讯分1行2列,左侧放资讯标题,右侧放图标;左侧的资讯标题占据所有剩余空间,将右侧的图标挤压到最右侧。布局代码如下:<!--最新资讯--区块标题--><view class='qukuai'> <view class='qukuai-shuxian'></view><!--区块标题-左侧竖线--> <text class='qukuai-biaoti'>最原创 2020-11-12 08:38:10 · 507 阅读 · 0 评论