滴答软件

  • 首页
  • 技术服务
  • 服务案例
  • 技术博客
    • 全部分类
    • 软件开发
    • 微信小程序
    • ERP开发
  • 项目询价

微信小程序开发介绍系列一

2019年1月21日admin

苏州小程序开发指出,随着近年小程序热的兴起,越来越多的开发人员进入小程序开发这个领域,有初入工作的应届生,也有工作了多年的资深的程序猿,总的来说层次不齐,虽然最后也都能开发出想要的功能或产品。小程序开发虽然门槛不高,但是也是软件开发中的一个分支,想要做好还是需要长期的经验积累。作为在软件行业从业十几年的开发人员来说,非常乐意把自己的经营分享给各位新手们,当然如果你已是资深人员也欢迎参与讨论。下面进入正题:

小程序开发分为前端和后端,何为前端?何为后端?

前端即是用户界面,用户看到的静态的和可以互动的页面,通俗的讲就是用户看到的图片、文字、表格和动画等的组合内容页面。从技术角度是WXML+WXSS+JS的组合编程.

Wxml文件其实就是微信小程序封装了的html,简化为了一种标签<view>, 极大的方便了开发者,因为不用去考虑类似html中的很多不同的标签,一个标签走天下。

Wxss则是样式文件,等同于月html的css,,所有页面上的样式都可以写在这个页面对应的css中。

Js文件和html页面使用的js文件一样,但是稍有不同,比如,每个页面对应的js文件都有个固定js类格式,所有页面上需要进行动态交付的操作都会在这个文件里实现。Js文件有个非常重要的应用就是wx.request()远程请求方法,类似ajax,也就是封装后的ajax;所有的通过和后端接口进行数据交互的方法都通过这个方法执行,后面我们将单独介绍如何进行封装。

Json文件是配置文件,分页面对应的json文件和app.json,页面对应的json配置仅对当前页面有效,而app.json是全局的。

理解了上面的基本文件功能之后,我们介绍下如何编写wxml文件,页面结构非常重要,关系后期的修改、维护等,下面是典型的代码结构:

微信小程序代码

<view class=”container”>…</view> 作为最外层的标签,用户定位页面整体样式,比如背景色或图片、字体大小、边距等等。

<view class=”content-header”>…</view>定义内容header部分样式,样例代码中是个轮播图;

<view class=”content-block”>…</view> 这里面放的内容块,即页面主要的内容组成部分,可以有多个。

通过以上布局,代码结构非常清晰,后台修改或维护非常容易。

 

下节将介绍样式文件的命名规范。点击查看《微信小程序开发介绍系列二–样式开发规范》

标签: 小程序开发, 微信小程序, 苏州软件开发公司
上一篇 【软件外包】在线借书小程序
下一篇 旅游预定小程序开发

近期文章

  • 化妆品企业如何使用ERP系统提升企业利润
  • 公司的信息化系统对公司业务有哪些帮助
  • 软件项目开发的流程有哪些
  • 如何选择专业的软件开发公司
  • 如何设计一款符合公司业务的CRM系统

分类目录

  • ERP定制开发 (73)
  • Social Marketing (1)
  • Web Design (1)
  • 公司产品 (9)
  • 婚纱摄影小程序 (2)
  • 小程序开发公司 (30)
  • 微信公众号 (12)
  • 微信小程序 (161)
  • 技术分享 (11)
  • 民宿小程序 (1)
  • 热点资讯 (9)
  • 网站开发 (3)
  • 苏州ERP开发 (44)
  • 苏州ERP开发公司 (66)
  • 苏州软件外包企业 (97)
  • 苏州软件定制开发 (103)
  • 苏州软件开发公司 (98)
  • 行业新闻 (4)
  • 软件开发 (200)
  • 默认分类 (27)

文章归档

  • 2023年十二月 (1)
  • 2023年七月 (9)
  • 2023年六月 (9)
  • 2023年五月 (40)
  • 2023年四月 (30)
  • 2023年三月 (26)
  • 2023年二月 (13)
  • 2021年九月 (2)
  • 2021年八月 (4)
  • 2021年七月 (2)
  • 2020年十月 (1)
  • 2020年七月 (1)
  • 2020年六月 (1)
  • 2020年三月 (2)
  • 2019年十二月 (1)
  • 2019年十一月 (2)
  • 2019年十月 (10)
  • 2019年九月 (1)
  • 2019年八月 (23)
  • 2019年七月 (33)
  • 2019年六月 (24)
  • 2019年五月 (32)
  • 2019年四月 (19)
  • 2019年三月 (42)
  • 2019年二月 (29)
  • 2019年一月 (39)
  • 2018年十二月 (2)
  • 2018年十一月 (9)
  • 2018年十月 (3)
  • 2018年九月 (24)
  • 2018年八月 (8)
  • 2018年六月 (5)
  • 2018年五月 (3)
  • 2018年三月 (2)
  • 2018年一月 (3)
  • 2017年十二月 (5)
  • 2017年九月 (1)
  • 2016年四月 (1)

联系我们

联系邮箱:yzhu@didasoft.cn
服务热线:0512-65693880
服务热线:+86 155-0167-7862 (周一至周日)
公司地址: 苏州工业园区东平街299号欧瑞大厦320
工作时间: 09:00 - 18:00 ( 周一至周五 )

友情链接

苏州PHP开发
苏州APP开发
微信小程序开发
苏州软件开发公司
小程序制作开发

专业 高效 诚信 价值

滴答软件
  • 首页
  • 技术博客
  • 项目询价
  • FAQ问答
版权所有 © 2020 苏州滴答软件科技有限公司 苏ICP备16017844号

苏公网安备 32059002004131号