武汉微信小程序开发难不难?懂得这些技术编写微信小程序真不难

作者:小站 来源:微信小程序 2019-08-25 20:08

从这篇文章你可以学到:

1、小程序的代码结构

2、新建、修改页面,.js、.wxml、.json、.wxss的作用

3、app.js、app.json、app.wxss的作用

4、你可以创建小程序,尝试编程了
 

视频概要

一、小程序的代码结构

如果你自己创建了小程序,你的代码结构和视频中讲解的一定是一样的。

pages:包含的是页面的所有文件。

子目录的名称一般和文件的名称一样,比如index目录,对应的就是index.js、index.wxml等。这样方便文件管理,因为小程序在加载index.wxml的时候,自动加载相同名称的.js和.wxss文件。

当我们新建一个页面的时候,一定会同步建立四个文件,如上图。这四个文件分别是什么意思呢?

二、.js、.wxml、.json、.wxss的作用

以index页面为例做一个简单的描述。(具体知识细节后面再讲)

index.js:是逻辑和数据层,里面主要是编写javascript代码,比如计算、逻辑判断等;包括页面需要动态展示的数据也是在这里准备的。

index.wxml:是展示层,所有的页面组件展示都是写在这里。比如button(按钮)、image(图片)组件。还有就是动态数据是通过EL表达式进行展示的。

index.json:配置文件,比如页面的标题、背景色等,类似于app.json。

index.wxss:是修饰层,也就是样式表。主要用于控制index.wxml里面组件的样式,比如颜色、大小、位置等等。

如果你以前写过前端代码,比如HTML,那么对这些文件就很好理解了。如果你没有写过,刚接触会有些别扭,但是没关系,先记住下来,多做多练,很快就精通了。

三、app.js、app.json、app.wxss的作用

这三个文件是小程序的整体配置,缺一不可。

app.js是小程序启动的入口文件,主要加载onLaunch函数。

app.json小程序的整体配置文件,和index.json类似,同样的可以修改小程序的标题、背景色等。对于同一属性,如果index.json中没有就是用app.json中的,否则就是用index.json中的(就近原则)。

app.wxss全局样式表。公共的样式一般都写在这个文件中,同样的和index.wxss也是就近原则(视频中有演示)。

四、创建你的小程序,尝试编程

如果你自习学习了初级篇这个系列的文章,相信你对小程序一定有了一定的理解。可以自己尝试修改一些内容,比如文字、图片等。

如果遇到问题,可以留言或者联系我的微信一起讨论。


本文地址:微信小程序开发频道 http://www.dayku.cn/wxxcx/3133.html,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    各行各业,形形色色。商家们想拥有一款自己行业的小程序,可由于不熟悉微信小程序,可能就用了不适合自己行业的小程序功能而错失用户。那么不同的行业小程序适合什么样的功能? 餐饮行业 适用于中餐馆、西餐馆、快餐店、烘焙店、火锅店、茶叶店、酒吧、酒楼、...

    2021-01-19 18:01
  • 微信小程序和app哪个更好?小程序会取代app开发吗?

    微信小程序和app哪个更好?小程序会取代app开发吗?

    程序,简单来说就是app的缩略版,不需要下载安装就可以在其他平台上直接运行。 目前我们接触最多的就是微信平台上的小程序,很多为客户提供需求的企业都开发了小程序功能,只需要搜索使用,就可以轻松的完成各种各种需要在网页或者app上完成的业务。 关于app...

    2021-01-15 20:21
  • 如何做微信小程序?制作小程序的费用详解!

    如何做微信小程序?制作小程序的费用详解!

    微信小程序越来越火爆。依托微信的大平台,小程序在推广运营上有诸多优势。很多实体商城会制作商城小程序。那么我们如何来打造一款属于自己的小程序呢?下面由弘毅小编为大家详细介绍制作小程序的流程及价格。 如何做微信小程序?制作小程序的费用详解! 在介...

    2021-01-13 19:52
  • 教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?除了课本知识外,兴趣班也成了不少家长的选择,让孩子学音乐、学美术,各种技能点加满。眼看着教育培训市场一路走高,直到去年年底,整个行业受到沉重打击,周边的培训机构一家接着一家关门停业,实体经济不堪重负...

    2021-01-07 14:15
  • 微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    开发一款小程序企业需要花多少钱呢?微信小程序能做到哪些功能?找小程序外包公司并不难,网上一搜一大把,难的是如何从众多外包公司中,挑选一家性价比最高的,花钱最少、小程序质量过硬、后期服务用心的公司。 那开发一款小程序企业需要花多少钱呢? 小程...

    2021-01-05 16:27
  • 制作微信小程序大概多少钱?小程序具体价格明细一览表

    制作微信小程序大概多少钱?小程序具体价格明细一览表

    微信小程序目前越来越火,它比开发一个app的成本要低很多。很多企业会选择做一款小程序来扩展自己的业务,但是对小程序制作及价格却不是很了解。到网上去找,发现报价都是五花八门。那么我们如何来选择一家合适的报价方案呢?今天小编为大家详细介绍小程序制...

    2020-12-25 16:29
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:http://www.dayku.cn 手机站

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号 网站地图