首页 > 热门资讯

B2C+O2O全渠道商城网站建设

针对不同业态提供针对性电商解决方案
将滑块拖动到最右边 x

微信开发者工具以及微信小程序框架分享

2021-12-10 13:51:13|移动云商城|阅读量:

  一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮,笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。

  (一)微信开发者工具小程序团队推出了自己的开发工具-微信开发者工具,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆,存在很多bug,笔者在开发过程中也是被它坑过。笔者是安卓开发者,习惯于这种可视化的编程,所以没有选择Webstrom或者其他开发工具,接下来将介绍微信开发者工具基本功能。

微信小程序

  机型选择:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐姐按照IPhone6屏幕尺寸来切图。

  预览界面:写好视图布局后点击编译,视图界面刷新显示远程调试:手机端和PC端开发工具联调(非常实用)上传代码:上传到腾讯服务器,提交审核必经步骤。可以填写版本号和备注信息。

  5-1:代码体积,微信限制 2M 以内。5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFile和downloadFile域名。注意:域名小程序要求必须是https控制台:打印输出信息,方便调试资源文件:对应项目的文件目录,一般可以在这里进行断点调试本地数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)视图调试:标组件以子父层级结构呈现,方便调试。以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善,为了以后更好的提升开发效率,也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化,希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具

  (二)小程序框架以及目录结构介绍

  逻辑层小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。逻辑层对应的是js文件,在每个页面的js文件中,系统提供了一系列的方法如:页面生命周期(),onShow(),onHide(),等,下拉刷新onPullDownRefresh(),页面到底部(上拉加载)onReachBottom()方法,分享功能onShareAppMessage()等。视图层框架的视图层由 wxml 与 wxss 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。wxml 由小程序提供的组件组成,wxss 是css 样式。

  app文件

  app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面的json文件一般用来配置当前页面的窗口表现。app.js 用来提供全局变量,如baseUrl。app.wxss 提供全局的css样式

  utils/.json 系统提供的工具类,一般编写公共的方法导出方便其他页面调用。

hishop移动云商城

相关推荐

  • 微信小程序如何运营才能高转化?

    相信许多商家,都发现了目前已经有不少知名品牌都逐渐加入了小程序的“战队”中,比如良品铺子、每日优鲜、王府井等大…

  • s2b2c运营模式是什么?深度剖析s2b2c模式

    s2b2c模式电商巨头阿里已经入局,淘小铺采购的运营模式就是s2b2c,一种集合供应商赋能于渠道商并共同服务于顾客的全新电…

  • 网站模板对个人用户来说,都有哪些优势?

    网站建设不止局限于企业商家,个人用户也有此项权利,用户可以通过各种方式建立个人网站。不过很多人对于网站建设都处…

  • 大连网站建设怎么做策划方案?

    吸引线上用户,获取足够的流量,扩大产品的影响范围,这些都是大连企业愿意做网站建设的理由。网站做的好不好,会觉得…

  • 疫情后中小企业如何发展小程序商城?

    在互联网和疫情的双层冲击之下,传统中小企业并不好过。而随着小程序的不断爆发,越来越多的人选择发展自己的小程序,…

  • 系统开发的五个步骤分别指什么?复杂吗

    开发商城系统来做电商,是大多数企业选择的转型方式,通过简单的开发设计,就可以将自己的产品在互联网中的售卖,并赢…

  • 返回列表

    本文经授权 由移动云商城发布,转载联系作者并注明出处
    《免责声明》如对文章、图片、字体等版权有疑问,请联系我们 。

    首页 获取报价 咨询电话 立即体验