草庐IT

【微信小程序】创建自己的小程序

亮点菌 2023-04-15 原文

文章目录

1.关于小程序

在写小程序之前，先来介绍一下什么是小程序

很多人虽然不知道小程序概念，但在使用微信的过程中，你可能已经接触过了。

微信小程序是什么？其实就是一种不需要下载安装就可以在微信中使用的应用程序，触手可及、即用即走，可以实现80%APP的功能，比如常见的摩拜单车、点餐、线上问诊、扫码乘车等微信小程序可以在微信内便捷地获取和传播，用户可以通过扫码、微信聊天栏下拉、“发现-小程序”栏、最近使用等60多入口进入小程序。

小程序有什么用

过去，商家一般会通过线下门店、电商平台来进行推广，但门店只能吸引附近客户，流量不稳定，客户复购率也无法保证。而入驻电商平台则又面临着过分依赖平台、扣点、高额推广费的问题。

小程序则不同，在小程序中，商家的小程序是只属于自己线上店铺，无需和其他商户共享用户流量，你所拥有的是自己的私域流量。且小程序很容易提高复购率，新用户只要使用过小程序，该小程序就会自动进入用户的“最近使用”小程序列表中，用户之后再打开使用的几率大大增加。

小程序还有一大特点就是方便易用易传播，毕竟它依托于微信这个月活12亿流量的大平台，想要引流是非常方便的。微信社群+朋友圈、公众号、小程序，分别对应着社交、内容和服务，这三者加起来正好是小程序目前火爆的变现方案——社交电商。社群加朋友圈推广、公众号引流，小程序变现，商家可以利用这些形成自己的流量闭环，增加线上订单和自己的粉丝。

尤其这次疫情导致很多线下门店无法正常开门营业，很多企业通过小程序来开展线上订单，避免了客户流失。

小程序做的游戏也深受广大用户喜爱，在微信小程序中，我相信大多数人都玩过斗地主吧，简单、方便、快捷，不管是上线跟网友消遣，还是跟异地的好友娱乐放松，它都是不二之选。相比于软件，我们现在更倾向于使用这种小程序，不需要下载即可玩跟软件一样效果的游戏，简直不要太爽。

小程序相比软件更易开发，不需要广大的团队协作，个体开发也能制作出很好的APP功能和小游戏，就拿最近火爆的一个小游戏“羊了个羊”来说，它以极低的成本在各大网络平台“一夜爆红”，虽然他的玩法使人特别上头，但归根结底还是小程序的便捷易用和传播性广。

小程序跟网页的区别是什么？

不同点小程序网页
运行环境在微信环境中在浏览器环境中
API无法调用 DOM 和 BOM 的 API，而是调用微信环境提供的各种 API，例如：地理定位、扫码、支付无可以调用 DOM 和 BOM 的 API
开发模式有自己的一套标准开发模式：申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目浏览器 + 代码编辑器

总结

  • 什么是微信小程序？

    - 移动互联网时代，手机。 
- 手机软件，在手机上中安装很多软件。
- 腾讯和阿里（只安装自己不用别人）
	- 腾讯：微信 + N小程序
	- 阿里：支付宝 + N小程序

  • 为什么要做小程序？

    微信用户基数大。
在微信上用我们小程序会比较便捷。

  • 如何开发小程序？

    • 小程序：学习微信开发的语言（前端html、css、js、vue.js）
      • 微信开发者工具
    • API：restful接口（Python+django+drf框架）。
      • pycharm

2.环境的搭建

2.1 Python环境

  • 虚拟环境
    • django
    • drf
  • pycharm

2.2 小程序环境

2.2.1 申请一个微信公众平台

2.2.2 保存自己的appid

appid = wx1a3fac0e7easdfffs

2.2.3 下载开发者工具

2.2.4 创建项目

3.开发小程序

3.1 全局配置

{
  "pages": [
    "pages/index/index",
    "pages/home/home"
  ],
  "window": {
    "navigationBarBackgroundColor": "#FFDAB9",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "李业"
  },
  "tabBar": {
    "selectedColor":"#CD5C5C",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/tabbar/ic_menu_choice_nor.png",
        "selectedIconPath": "static/tabbar/ic_menu_choice_pressed.png"
      },
      {
        "pagePath": "pages/home/home",
        "text": "我的",
        "iconPath": "static/tabbar/ic_menu_me_nor.png",
        "selectedIconPath": "static/tabbar/ic_menu_me_pressed.png"
      }
    ]
  }
}

3.2 组件

3.2.1 text

编写文本信息，类似于span标签

3.2.2 view

容器，类似于div标签

3.2.3 image

图片

3.3 样式

3.3.1 像素

  • px
  • rpx，750rpx

4.flex布局

一种非常方便的布局方式。

在容器中记住4个样式即可。

display: flex;   				flex布局
flex-direction: row;			规定主轴的方向：row/column
justify-content: space-around;	元素在主轴方向上的排列方式:flex-start/flex-end/space-around/space-between		
align-items: center;			元素在副轴方向上的排列方式:flex-start/flex-end/space-around/space-between

5.实战展示

  • 首页

  • 拍卖页

  • 消息

  • 我的

微信小程序微信xff0cxffxff0小程序

有关【微信小程序】创建自己的小程序的更多相关文章

  1. ruby - 如何在 Ruby 中顺序创建 PI - 2

    出于纯粹的兴趣，我很好奇如何按顺序创建PI，而不是在过程结果之后生成数字，而是让数字在过程本身生成时显示。如果是这种情况，那么数字可以自行产生，我可以对以前看到的数字实现垃圾收集，从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法，类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits

  2. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  4. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  5. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  6. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  7. ruby-on-rails - 无法使用 Rails 3.2 创建插件？ - 2

    我对最新版本的Rails有疑问。我创建了一个新应用程序(railsnewMyProject)，但我没有脚本/生成，只有脚本/rails，当我输入ruby./script/railsgeneratepluginmy_plugin"Couldnotfindgeneratorplugin.".你知道如何生成插件模板吗？没有这个命令可以创建插件吗？PS:我正在使用Rails3.2.1和ruby​​1.8.7[universal-darwin11.0] 最佳答案 随着Rails3.2.0的发布，插件生成器已经被移除。查看变更日志here.现在

  8. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如，一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情，所以我什至不知道从哪里开始。任何帮助，将不胜感激。谢谢! 最佳答案 无论Rails是什么，几乎所有Web应用程序都有您的要求，大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去，网站不应直接访问彼此

  9. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  10. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗？ - 2

    刚入门rails，开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗？有哪些用例。您如何为Rails应用程序使用应用程序Controller？我不想在那里放太多代码，因为据我了解，每个请求都会调用此Controller。这是真的？ 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度，尽管在某些情况下ApplicationContr

随机推荐