1.2.3 通过 HBuilderX发布为小程序,Uni-app入门到精通教程|计算机毕业设计,计算机毕业论文开题报告,毕设作品网

位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器)

推荐学习资源

前言

第1章 uni-app入门

1.1 uni-app概要

1.2 快速上手

1.2.1 HbuilderX开发工具

1.2.2 通过 HBuilderX 可视化界面

1.2.3 通过 HBuilderX发布为小程序

1.2.4 通过vue-cli命令行

1.3 开发规范

1.3.1 Vue 单文件组件 (SFC) 规范

1.4 目录结构

1.5 资源路径说明

1.5.1 模板内引入静态资源

1.5.2 js文件引入

1.5.3 css引入静态资源

1.6 使用Vue.js注意事项

2.1.1 应用生命周期

2.1.1 应用生命周期

2.1.2 页面生命周期

2.2 路由

2.3 运行环境判断

2.3.1 开发环境和生产环境

2.3.2 判断平台

2.4 页面样式与布局

2.4.1 尺寸单位

2.4.2 样式导入

2.4.3 内联样式

2.4.4 选择器

2.4.5 全局样式与局部样式

2.4.6 CSS变量

2.4.7 固定值

2.4.9 背景图片

2.4.10 字体图标

2.5 template 和 block

2.7 NPM支持

2.8 TypeScript 支持

2.9 小程序组件支持

2.10 WXS

3.1 配置概要

3.2 配置项列表 pages.json

3.2.2 globalStyle

3.2.3 pages

3.2.4 easycom

3.2.5 tabBar

3.2.6 condition

3.2.7 subPackages

3.2.8 preloadRule

3.3 manifest.json 配置项列表

3.3.2 uniStatistics

3.3.3 app-plus

3.3.4 h5

3.3.5 mp-weixin

3.3.6 mp-alipay

3.3.8 mp-toutiao

3.3.9 mp-qq

3.3.10 关于分包优化的说明

3.3.11 完整 manifest.json

3.4 package.json

3.5 vue-config.js

3.6 uni.scss

3.7 App.vue 3.7.1 应用生命周期

3.7.2 globalData

3.7.3 全局样式

3.8 main.js

4.1 JSON 简介

4.2 JSON 语法

4.2.1 JSON 语法规则

4.2.2 JSON 使用 JavaScript 语法

4.3 JSON 对象

4.3.1 对象语法

4.3.2 访问对象值方式1

4.3.3 访问对象值方式2

4.3.4嵌套 JSON 对象

4.3.5 修改值

4.3.6 删除对象属性

4.4 JSON 数组

4.4.1 JSON 对象中的数组

4.4.2 数组的循环访问

4.4.3 嵌套 JSON 对象中的数组

4.4.4修改数组值

4.4.5 删除数组元素

4.5 JSON.parse()

4.6 JSON.stringify()转字符串

4.7 eval函数

5.1uni-app常用语法

5.1.1 Vue页面介绍

5.1.2 变量的定义和使用

5.1.3 事件的定义和使用

5.1.4 使用事件改变变量的值

5.1.5 组件中变量的使用

5.1.6 关键字true和false

5.1.7 三元运算

5.1.8 JSON对象的定义和使用

5.1.9 数组的定义和for语句的使用

5.1.10 对象数组的定义和使用

5.1.11 If语句

5.2 uni-app接口的使用

5.2.1 如何调用接口

5.2.2 接口参数的使用

5.3 uni-app中表单的使用

5.3.1 表单的提交和重置

5.3.2 表单内数据的获取

5.4 uni-app中参数的使用

5.4.1 url参数的传递

5.4.2 通过data- 设置和获取参数

第6章 uni-app常用组件

6.1.1 navigator页面链接

6.2.1 view视图容器

6.2.2 swiper滑块视图容器

6.3.1 icon图标

6.3.2 text文本

6.3.3 rich-text富文本

6.3.4 progress进度条

6.4.1 button按钮

6.4.2 checkbox-group多项选择器

6.4.3 editor 富文本编辑器

6.4.4 form 表单

当前阅读教程：Uni-app入门到精通教程 > 1.2.3 通过 HBuilderX发布为小程序
阅读(22555525) 收藏赞(5685) 分享
上一篇： 1.2.2 通过 HBuilderX 可视化界面	下一篇： 1.2.4 通过vue-cli命令行



1.2.3 通过 HBuilderX发布为小程序发布为微信小程序：申请微信小程序AppID。在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 unpackage/dist/build/mp-weixin 生成微信小程序项目代码，如图1-20。在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在支付宝小程序后台，选择刚提交的版本点击提交审核。发布为字节跳动小程序入驻字节跳动小程序，参考：字节跳动小程序教程。在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 /unpackage/dist/build/mp-alipay 生成字节跳动小程序项目代码。在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在字节跳动小程序后台，选择刚提交的版本点击提交审核。发布的快捷键是Ctrl+u。同样可拉下快速发布菜单并按数字键选择。【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/course/3064977 （4）毕业设计网 http://www.pc-365.net （5）小程序编程网 http://www.4317.org （6）计算机编程网 http://www.05423.com
上一篇： 1.2.2 通过 HBuilderX 可视化界面	下一篇： 1.2.4 通过vue-cli命令行

计算机毕业设计作品网毕业设计文档网小程序教程网毕业设计资料网 | 毕业设计定制QQ：45157718(微信同号)（备注：毕设）