首页 > 课堂 > 小程序 > 正文

新手如何制作小程序 小程序项目创建及源码导入图文教程

2020-03-21 16:32:09
字体:
来源:转载
供稿:网友

新手如何制作小程序 小程序项目创建及源码导入图文教程,小编这里教大家一个非常简单快速的方法制作一个简单的小程序,不管是工作还是生活教学方面都用的上。基本思路是用参考前人成熟小程序代码,然后自我学习、消化、化他为己、进而学以致用。在这之前,你需要把小程序的参考文档和工具熟悉一下。

小程序制作,小程序项目,小程序源码

 

创建小程序项目

1 打开微信web开发者工具,点击+号,开始创建一个小程序。毒大哥是我已经创建好了的一个示范小程序项目,这里仅供参考。

小程序制作,小程序项目,小程序源码

2  创建一个小程序项目需要:项目命名、小程序的Appid、配置本地开发目录。一个三个步骤。

小程序制作,小程序项目,小程序源码

3   小程序的APPID需要打开浏览器,登陆网页版微信小程序管理后台。设置-开发设置-复制AppID。

小程序制作,小程序项目,小程序源码

4  配置小程序项目的本地目录,这里暂且使用F盘/毒先生 作为示范。接着在网上下载一套小程序模版源码。

小程序制作,小程序项目,小程序源码

5  从vevb下载一个小程序源码(http://www.vevb.com/qita/weixin/),获取到一个简单的小程序模版源码。

 

6  这里我示范的找了几个小程序模版,关键是把模版的源码下载下来就可以。一般选有电商性质的模版好一点。

小程序制作,小程序项目,小程序源码

 

导入小程序源码

下载完小程序模版源码之后,压缩包解压,找到大黑方框的内容,全部复制。

小程序制作,小程序项目,小程序源码

找到创建的小程序本地开发目录,这里是F盘/毒先生 目录,将大黑方框的文件全部复制进目录。

小程序制作,小程序项目,小程序源码

打开微信web开发者工具-项目-预览-扫码-编辑。就可以看见网站上面展示的小程序模版了。

小程序制作,小程序项目,小程序源码

如图所示,用鼠标或者手机点击小程序模版里面的控件链接测试一下,进而根据需求对模版源码进行自定义更改、学习、化他为己用。这样一个简单的小程序就做成了。

小程序制作,小程序项目,小程序源码

 

注意事项

小程序本身并不是很复杂,会编程的自然更好。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表