您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center 汽车系统工程   模型库  
会员   
   
OCSMP认证课程:OCSMP-MU
4月9-10日 线上
基于模型的数据治理与数据中台
5月19-20日 北京+线上
网络安全原理与实践
5月21-22日 北京+线上
     
   
 订阅
  捐助
手把手教你写一个微信小程序
 
  1707  次浏览      32
 2019-7-1
 
编辑推荐:
本文来自于简书,本文主要详细介绍了怎么入门微信小程序,通过账号申请到登录设置以及代码编写,希望对您的学习有所帮助。

现在微信小程序越来越火,用户不需下载安装app即可体验产品,产品推广和运营也比较方便,这些优点使得越来越多的企业选择开发微信小程序,所以会写小程序也成为前端比较重要的技能,今天就来教大家怎么入门微信小程序。

1,申请帐号

点击https://mp.weixin.qq.com/wxopen/waregisteraction=step1根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

登录https://mp.weixin.qq.com,我们可以在菜单 “设置”-“开发设置” 看到小程序的AppID了 。

2,安装开发工具

前往开发者工具下载页面,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看《开发者工具介绍》

3,开始创建项目

先创建一个空文件夹然后打开开发者工具,新建项目,按需选择启动模板,这里选择的是建立普通快速启动模板

点击确定后,你的小程序就创建好啦。

默认的项目结构

关于默认项目结构里的介绍,我就不一一说明,大家可自行查阅官方文档点这里我们可以先删除logs这个文件夹,在index文件夹同级创建一个新的文件夹,取名detail,并在该文件夹下创建同名的js,json,wxml和wxss等文件

然后在app.json配置detail页面路由,删除logs的路径

先来写列表页吧

页面结构

页面结构分成三个部分:banner,tab, list

这里说明一下,因为我没有后台接口,所以数据都是自己写在通用文件里导入的

index页面就说这么多了下面说说detail页面detail里面用到了关于如何渲染html 这里请看我上篇文章哦

这里项目基本就写完了

发布上线

点击工具并上传代码

审核大概需要一天左右的时间,审核通过后发布代码就可以了本文有很多细节没有说明 大家先看看官方开发文档,对小程序的生命周期以及api进行简单的了解就会开发起来很顺手了好了,分享就到这里啦祝大家写的愉快~2018.09.06更新小程序上线1个多月了,我的uv达到2000+,大概在上线的一个月的时候uv达到成为流量主的资格,于是便申请成为流量主,每天微信会根据广告曝光量和点击量计算广告收入,尽管收入很微薄,但是每天买杯饮料还是够得哈~

 

   
1707 次浏览       32
相关文章

深度解析:清理烂代码
如何编写出拥抱变化的代码
重构-使代码更简洁优美
团队项目开发"编码规范"系列文章
相关文档

重构-改善既有代码的设计
软件重构v2
代码整洁之道
高质量编程规范
相关课程

基于HTML5客户端、Web端的应用开发
HTML 5+CSS 开发
嵌入式C高质量编程
C++高级编程