百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

跟着我做一个微信小程序(1)微信开发框架

ccwgpt 2024-10-01 07:58 23 浏览 0 评论

微信小程序发布以来,已经成为微信当下最大的红利风口,借助微信强大的流量入口企业及个人都纷纷加入到了小程序的应用当中,本系列文章将一步一步教你制作一个完整功能的微信小程序。

小程序开发流程:

1.到微信公众平台注册微信小程序账号(因网上教程非常多此处略过,可以自行搜索)

2.下载微信开发工具最新版。

3.大概了解微信小程序开发白皮书。

4.跟着本系列文章一步一步实现一个小程序

至此本人默认你已经完成上述工作,并且你已经了解并具有一定的编程或者网页制作经验。

正式开始首先打开小程序开发工具,应该是如下图这个样子

1.项目目录,选择一个目录放置你的小程序,按照国际惯例还是英文目录比较安全,虽然微信小程序支持中文。

2.Appid这个做过公众号的读者都很清楚,但这个并不是公众号的appid他是小程序独有的appid。登录你的小程序账号在开发配置里可以看到或者更改。

3.若没有appid也可以点击体验小程序或者小游戏来体验开发,但部分功能会受到限制。

4.以上都没有问题了,在这写上你想写的项目名称,然后点击确定就可以愉快的开始了。

如上图所示,我们启动后,系统自动为我们创建了一个快速启动模板.

1.点击获取头像按钮可以获取当前管理员微信的头像及昵称。

2.国际惯例打印一个hello word

3.圆圈圈出来的就是微信小程序的总体框架及程序结构。

4.方块画出来的是微信小程序开发过程中需要用到的调试及信息窗口。

开发微信小程序必须先要了解微信的开发框架配置,包括app.json配置、app()函数的使用、page()函数的使用、数据如何绑定到页面、条件判断和列表渲染、文件引用等等。今天我们说说app.json配置文件.

app.json是一个小程序的全局配置,有5个主要功能:

1.决定页面文件的路径。

2.配置窗口在小程序的呈现状态。

3.配置TAB标签导航.

4.设置网络超时时间.

5.配置debug模式

这里我们对照代码一步一步说明app.json

1.pages函数配置了当前小程序的页面文件路径

2.windows函数配置了当前窗口的呈现模式,

详细说下windows函数的代码

1.下拉背景字体、载入图片的样式,只要两种模式drak和light

2.导航栏背景颜色.

3.导航栏标题文字内容.

4.导航栏标题颜色,只支持black/white。

今天就到这吧,明天我们继续一起分析下配置tab导航标签。

本系列文章为原创文章今天开始若时间充足我会每天更新一个知识点,作者水平不高全程白话,每次讲解内容不会太多。希望各位可以讨论或者私信都会及时回复!

相关推荐

netty系列之:使用Jboss Marshalling来序列化java对象

简介在JAVA程序中经常会用到序列化的场景,除了JDK自身提供的Serializable之外,还有一些第三方的产品可以实现对JAVA对象的序列化。其中比较有名的就是Googleprotobuf。当然...

6款可替代dreamweaver的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

Java—类加载的基本机制和过程

类加载的基本机制和过程运行Java程序,就是执行java这个命令,指定包含main方法的完整类名,以及一个classpath,即类路径。类路径可以有多个,对于直接的class文件,路径是class文件...

什么是双亲委派机制?(转载)

原文章地址:https://www.cnblogs.com/hollischuang/p/14260801.html什么是双亲委派机制首先,我们知道,虚拟机在加载类的过程中需要使用类加载器进行加载,而...

[架构师必看]我在系统设计上犯过的14个错

在上篇《架构师画像》的文章中提到了自己在系统设计上犯过的一些错,觉得还挺有意义的,这篇文章就来回顾下自己近八年来所做的一些系统设计,看看犯的一些比较大的血淋淋的错误(很多都是推倒重来),这八年来主要做...

ONOS架构之子系统介绍

前言:为了方便灵活性,ONOS采取的是一种模块化结构,一方面能灵活地组织各种模块,容易让开发者扩展出新的模块,同时通过隔离令系统的模块各司其职而不会互相干扰。实际上ONOS是由多个子系统组成,本文将对...

基于微信小程序的在线课堂系统设计与实现-计算机毕业设计源码

摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,在线课堂微信小程序被用户普遍使用,为方便用户能够...

微信小程序云开发教室预约系统的前后端交互与数据库设计

需求描述:需要申请使用教室时,可点击教室申请查看教室的使用状况及相关设备。确定好需要的教室后,按学期、校区、教学楼、周次、星期、节次、等维度筛选,并备注用途。例如:当我点击该教室申请占用后,该教室状态...

微信小程序开发准备材料以及方式

这里讲述小程序注册类型为企业类型时所需要的资料,首先需要一个新的邮箱号,作为登陆账号,需要管理员或者法人的身份信息、已绑定银行卡的微信号、手机号、营业执照、开户银行信息,或者一些特殊行业所需要的办理的...

webman 事务回滚失效问题记录

大家好,我是yangyang.最近有用到webman这个框架写业务,写代码的过程中,遇到了一个奇葩的问题:基于webman下使用laravel的orm组件事务回滚不生效简单介绍下webmanwebma...

PHP实时通信:Workerman篇

一般做Web开发,用的是HTTP协议进行通信,是一个简单的请求-响应协议。做PHP开发的都很清楚这一点。只能由浏览器发起请求,服务器响应内容。服务器不能主动向浏览器推送消息。多个浏览器之间也不能互相发...

PHP培训课程内容都有哪些?PHP培训哪些内容?

作为一门经久不衰的开发语言,php开发工程师一直是很多年轻人选择学习和就业的职业方向,那么PHP培训课程主要学习哪些内容呢?一、企业级开发专题:深入剖析企业实际开发过程,教授最实用的企业级技术PHP7...

go 和 php 性能如何进行对比?

PHP性能很差吗?每次讲到PHP和其他语言间的性能对比,似乎都会发现这样一个声音:单纯的性能对比没有意义,主要瓶颈首先是数据库,其次是业务代码等等。好像PHP的性能真的不能单独拿出来讨论似的。但其实一...

突然发现php工作变少了

突然发现php工作变少了。好像不大行了,被go取代了魔法涂鸦python和php对比如下:1.python依赖管理需然简单,但依赖本身做的比较宽松,一但版本更新,或修改,就有一堆问题;2.传统py...

php高并发的瓶颈到底在哪

php高并发的瓶颈到底在哪?是同步阻塞?还是nginx+fpm不断创建-销毁进程资源过度消耗?高并发到底是什么问题,是语言问题嘛,为什么说php不适合高并发?求大佬指点从2009年后一直用lnmp,从...

取消回复欢迎 发表评论: