当前位置:首页 > 新闻动态 > 网站文章

开发微信小程序,不知如何动手?来看看我的新手之路

来源: 浏览:114 时间:2023-08-11

不知道大家有没有看过一个很火的TED演讲:只需20个小时,你就能学会任何事情。现在你可以花两分钟来了解以下大概思路。

我们经常想要做一件事,却总是行动艰难。是害怕失败吗?不,主要是难在‘开始’。一个无聊的下午,我突然心血来潮,想开发一个微信小程序。但是我对小程序开发一无所知,也没有接触过HTML、CSS和JavaScript。一开始有些手忙脚乱,不知所措,只能慢慢地翻阅文章,看视频教程。但是我用了短短的时间,还是做出了一个框架,来听听我是怎么入手吧。

首先,下载微信开发者工具

搜索”微信开发者“,点击稳定版Stable Build | 微信开放文档。也可以在微信公众平台进入。

我下载的是稳定版Stable Build Windows 64版本

安装好扫码登陆就可以开始启航了


开始编写小程序

我是输入AppID登录的,具体AppID怎么获取,大家可以网上进一步了解。你也可以游客方式登录,直接新建项目。


app.json是对小程序的全局布置,本文的代码和效果都是在app.json中实现。




以我的想法为例子,我想开发一款叫做‘迷茫排解器’的小程序。主要思路是让用户匿名方式叙说自己内心的迷茫,别的用户帮助进行排解,再加上一些解压的小零件等等。当然,本文只是简单介绍框架。


全局配置:app.json

  • “page”是设置页面路径,我设置了两个标签栏,分别是(home[index标签栏]、house[logs标签栏]);
  • “window”是设置默认页面窗口表现,对导航条颜色#EEE000、文本内容“迷茫排解器”的设置等;
  • “tabBar"是设置底部tab的表现,对pagePath页面路径、selectedIconPath选中时图片路径的设置等;
{
  "pages": [
     "pages/index/index",
     "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#EEE000",
    "navigationBarTitleText": "迷茫排解器",
    "navigationBarTextStyle": "black"
  }
   "debug":true,
  "tabBar":{
    "color":"#444",
    "selectedColor":"#219bf3",
    "backgroundColor":"#EEE001",
    "borderStyle": "black",
    "list":[
      {
        "text":"Home",
        "pagePath": "pages/index/index",
        "selectedIconPath":"images/3.png"
     },
      {
      "text":"house",
      "pagePath": "pages/logs/logs",
      "selectedIconPath":"images/2.png"
      }
    ]
}

以上代码呈现如下效果,虽然还是个空壳,但是等我再无聊的时候,利用我学过C语言和python的基础,再进一步学习前端语言,争取填满这个空壳。


大家有没有开发小程序的欲望,欢迎评论区留言

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图