微信小程序在线发布流程图文讲解

最近花了一天左右的时间研究微信小程序的开发，试着练练脑子，创建一个非常简单的页面。

就当是学习总结吧：学习点还是蛮多的。通过查看官方界面文档，熟悉微信小程序开发工具和工程架构。与传统的页面开发相比，微信小程序也是由js文件、页面布局文件wxml和样式文件wxss组成。

1.首先登录微信公众平台，在小程序栏注册获取appid，在开发工具中填写appid，打开开发工具进行编码。

1.1.巩固知识点。

app.json文件

{ ' pages ' :[' pages/huangbaokang/huangbaokang '，' pages/张璐璐/张璐璐']，' window ' : { ' backgroundTextStyle ' : ' light '，' Navigation barbakgroundcolor ' : ' # BAF 088 '，'导航栏标题文字' : '婚姻幸福'，'导航栏文字样式' : ' black ' }，Tabbar ' : { ' list ' 3:[{ ' page path ' 333333330

主控wxml标签

黄保康. wxml文件

！-pages/黄宝刚/黄宝刚. wxml-view class=' title '黄宝康帅气照片/view view class=' photo-list ' wx : for=' { { photos _ hbk } } '！-遍历图片文件以生成各种视图-view class=' photo-item ' image src='/images/hbk { { index 1 } }。png '/image/view/viewhuangbagong . js文件

page({/* * * page *的初始数据/data : { photos _ hbk :[' 1 . png '，' 2.png '，' 3.png '，' 4.png']})黄宝刚. wxss文件)

/* pages/黄保康/黄保康. wxss */。title { font-size : 70 rpx；文本对齐：中心；}.照片列表{ margin-top : 20 rpx；}.照片项目{宽度： 100%；高度： 100%；保证金-top : 20 rpx；}具体到页面的开发，需要学习wxml中各种标签的用法，wx:for语句的用法，以及动态数据绑定(使用{{}})。

事件功能处理

进一步掌握事件处理，绑定一个方法，对应js文件中的一个方法。

第二，上传、发布、审核、上线

编码完成后，可以点击开发工具右上角的上传按钮，将代码上传到微信后台。如下所示：

输入相关版本号后，可以在微信小程序后台管理办公室看到提交的版本。

上图，我的提交。提交后，进入审核。审计结果一般一两天就能看到。审核通过后，需要在网上公布。

完成上述操作后，我们可以在微信和小程序中搜索自己开发的程序。

附件：工程结构图

以上是边肖介绍的微信小程序在线发布流程的详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！